[scss.container][scss.layout] make UI more visible

This commit is contained in:
xdrm-brackets 2018-03-13 14:15:06 +01:00
parent 5a050dbbd1
commit 66d5d57ec6
2 changed files with 9 additions and 11 deletions

View File

@ -101,13 +101,11 @@
// flex properties
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
justify-content: flex-start;
align-items: stretch;
align-content: flex-start;
flex-wrap: wrap;
// background-color: #f00;
z-index: 101;
overflow: auto;
@ -150,7 +148,7 @@
/* (1) Card container */
& > section{
flex: 1 1 0;
flex: 1 1 20em;
display: flex;
position: relative;
@ -162,7 +160,6 @@
border: 1px solid transparent;
box-shadow: 0 1px 1px darken(#fff, 20%);
box-shadow: 0 1px 1px darken(#fff, 20%);
&.invalid{ box-shadow: 0; border: 1px solid $form-invalid-color; }
&.valid{ box-shadow: 0; border: 1px solid $form-valid-color; }
&.search{ box-shadow: 0; border: 1px solid $form-search-color; }
@ -173,7 +170,7 @@
// flex
flex-direction: column;
justify-content: flex-start;
justify-content: space-between;
flex-wrap: nowrap;
@ -525,13 +522,14 @@
padding: 0 2em;
border-top: 1px solid darken(#fff, 10%);
border-radius: 0 0 3px 3px;
&:last-of-type{ border-radius: 0 0 3px 3px; }
background-color: #fafbfd;
// flex properties
flex-direction: row;
justify-content: space-between;
align-items: center;
align-content: center;
flex-wrap: nowrap;

View File

@ -13,7 +13,7 @@ body{
width: 100%;
height: 100%;
font-size: 16px;
font-size: 17px;
font-family: 'Fira Sans';
}