mti
/
ptut-vhost
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
webpack/scss/container.scss
View File

@ -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;

2
webpack/scss/layout.scss
View File

@ -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';
} }