Clean and refactor styles.

This commit is contained in:
Lars Jung 2015-04-27 00:49:50 +02:00
parent dabc9e3c93
commit ddf23d1ea5
6 changed files with 27 additions and 27 deletions

View file

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

View file

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

View file

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

View file

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

View file

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

View file

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