[scss.container][scss.layout] make UI more visible
This commit is contained in:
parent
5a050dbbd1
commit
66d5d57ec6
|
@ -101,13 +101,11 @@
|
||||||
|
|
||||||
// flex properties
|
// flex properties
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-between;
|
justify-content: flex-start;
|
||||||
align-items: flex-start;
|
align-items: stretch;
|
||||||
align-content: flex-start;
|
align-content: flex-start;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
// background-color: #f00;
|
|
||||||
|
|
||||||
z-index: 101;
|
z-index: 101;
|
||||||
overflow: auto;
|
overflow: auto;
|
||||||
|
|
||||||
|
@ -150,7 +148,7 @@
|
||||||
/* (1) Card container */
|
/* (1) Card container */
|
||||||
& > section{
|
& > section{
|
||||||
|
|
||||||
flex: 1 1 0;
|
flex: 1 1 20em;
|
||||||
|
|
||||||
display: flex;
|
display: flex;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -162,7 +160,6 @@
|
||||||
border: 1px solid transparent;
|
border: 1px solid transparent;
|
||||||
box-shadow: 0 1px 1px darken(#fff, 20%);
|
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; }
|
&.invalid{ box-shadow: 0; border: 1px solid $form-invalid-color; }
|
||||||
&.valid{ box-shadow: 0; border: 1px solid $form-valid-color; }
|
&.valid{ box-shadow: 0; border: 1px solid $form-valid-color; }
|
||||||
&.search{ box-shadow: 0; border: 1px solid $form-search-color; }
|
&.search{ box-shadow: 0; border: 1px solid $form-search-color; }
|
||||||
|
@ -173,7 +170,7 @@
|
||||||
|
|
||||||
// flex
|
// flex
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
justify-content: flex-start;
|
justify-content: space-between;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
|
|
||||||
|
|
||||||
|
@ -525,13 +522,14 @@
|
||||||
padding: 0 2em;
|
padding: 0 2em;
|
||||||
|
|
||||||
border-top: 1px solid darken(#fff, 10%);
|
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;
|
background-color: #fafbfd;
|
||||||
|
|
||||||
// flex properties
|
// flex properties
|
||||||
flex-direction: row;
|
flex-direction: row;
|
||||||
justify-content: space-between;
|
justify-content: space-between;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
align-content: center;
|
||||||
flex-wrap: nowrap;
|
flex-wrap: nowrap;
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -13,7 +13,7 @@ body{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 100%;
|
height: 100%;
|
||||||
|
|
||||||
font-size: 16px;
|
font-size: 17px;
|
||||||
font-family: 'Fira Sans';
|
font-family: 'Fira Sans';
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue