Clean and refactor styles.
This commit is contained in:
parent
dabc9e3c93
commit
ddf23d1ea5
6 changed files with 27 additions and 27 deletions
|
@ -15,8 +15,8 @@
|
|||
position: absolute;
|
||||
left: 100px;
|
||||
top: 100px;
|
||||
background: @col-back-paper;
|
||||
color: @col-text;
|
||||
background: @col-back-paper;
|
||||
z-index: 10;
|
||||
overflow: auto;
|
||||
min-width: 200px;
|
||||
|
@ -42,7 +42,7 @@
|
|||
|
||||
&:hover {
|
||||
color: @col-text-hover;
|
||||
background: @col-grey-100;
|
||||
background: @col-back-hover;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -3,7 +3,7 @@
|
|||
#content {
|
||||
flex: 1 1 auto;
|
||||
order: 50;
|
||||
color: @col-text-primary-black;
|
||||
color: @col-text;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
|
@ -23,7 +23,7 @@
|
|||
font-size: 4em;
|
||||
font-weight: 300;
|
||||
margin: 0.8em 0 0 0;
|
||||
color: @col-text-primary-black;
|
||||
color: @col-text;
|
||||
text-decoration: none;
|
||||
|
||||
&:hover {
|
||||
|
|
|
@ -24,6 +24,24 @@
|
|||
transition: all 0.2s ease-in-out;
|
||||
}
|
||||
|
||||
.flex-base {
|
||||
display: flex;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: flex-start;
|
||||
align-content: flex-start;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
||||
.flex-column {
|
||||
.flex-base;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.flex-row {
|
||||
.flex-base;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.el-button {
|
||||
.card;
|
||||
.rounded;
|
||||
|
@ -44,7 +62,7 @@
|
|||
.clear-appearance;
|
||||
font-family: @font-family;
|
||||
font-weight: @font-weight;
|
||||
color: @col-text-primary-black;
|
||||
color: @col-text;
|
||||
background: @col-back-paper;
|
||||
border: none;
|
||||
outline: none;
|
||||
|
|
|
@ -1,13 +1,7 @@
|
|||
#main-row {
|
||||
.flex-row;
|
||||
flex: 1 1 auto;
|
||||
order: 50;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: flex-start;
|
||||
align-content: flex-start;
|
||||
align-items: stretch;
|
||||
|
||||
height: 0; // non-webkit fix;
|
||||
}
|
||||
|
|
|
@ -1,4 +1,5 @@
|
|||
#root {
|
||||
.flex-column;
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
|
@ -8,13 +9,6 @@
|
|||
font-family: @font-family;
|
||||
font-size: @font-size;
|
||||
font-weight: @font-weight;
|
||||
color: @col-text-primary-black;
|
||||
color: @col-text;
|
||||
background: @col-back;
|
||||
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: flex-start;
|
||||
align-content: flex-start;
|
||||
align-items: stretch;
|
||||
}
|
||||
|
|
|
@ -1,15 +1,9 @@
|
|||
#topbar {
|
||||
.flex-row;
|
||||
overflow: hidden;
|
||||
flex: 0 0 auto;
|
||||
order: 1;
|
||||
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: nowrap;
|
||||
justify-content: flex-start;
|
||||
align-content: flex-start;
|
||||
align-items: stretch;
|
||||
|
||||
background: @col-back-panel;
|
||||
box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
|
||||
z-index: 1;
|
||||
|
|
Loading…
Add table
Reference in a new issue