[scss.container][scss.layout] make UI more visible
This commit is contained in:
parent
5a050dbbd1
commit
66d5d57ec6
|
@ -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; }
|
||||
|
@ -172,9 +169,9 @@
|
|||
color: $primary-color;
|
||||
|
||||
// flex
|
||||
flex-direction: column;
|
||||
justify-content: flex-start;
|
||||
flex-wrap: nowrap;
|
||||
flex-direction: column;
|
||||
justify-content: space-between;
|
||||
flex-wrap: nowrap;
|
||||
|
||||
|
||||
&[data-create]{
|
||||
|
@ -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;
|
||||
|
||||
|
||||
|
|
|
@ -13,7 +13,7 @@ body{
|
|||
width: 100%;
|
||||
height: 100%;
|
||||
|
||||
font-size: 16px;
|
||||
font-size: 17px;
|
||||
font-family: 'Fira Sans';
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue