mirrors/h5ai
1
0
Fork 0
mirror of https://github.com/lrsjng/h5ai.git synced 2025-05-28 14:04:45 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Clean and refactor styles.

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

4
src/_h5ai/client/css/inc/ext/contextmenu.less
View file

@ -15,8 +15,8 @@
position: absolute; position: absolute;
left: 100px; left: 100px;
top: 100px; top: 100px;
background: @col-back-paper;
color: @col-text; color: @col-text;
background: @col-back-paper;
z-index: 10; z-index: 10;
overflow: auto; overflow: auto;
min-width: 200px; min-width: 200px;
@ -42,7 +42,7 @@
&:hover { &:hover {
color: @col-text-hover; color: @col-text-hover;
background: @col-grey-100; background: @col-back-hover;
} }
} }

4
src/_h5ai/client/css/inc/main/info.less
View file

@ -3,7 +3,7 @@
#content { #content {
flex: 1 1 auto; flex: 1 1 auto;
order: 50; order: 50;
color: @col-text-primary-black; color: @col-text;
text-align: center; text-align: center;
} }
@ -23,7 +23,7 @@
font-size: 4em; font-size: 4em;
font-weight: 300; font-weight: 300;
margin: 0.8em 0 0 0; margin: 0.8em 0 0 0;
color: @col-text-primary-black; color: @col-text;
text-decoration: none; text-decoration: none;
&:hover { &:hover {

20
src/_h5ai/client/css/inc/mixins.less
View file

@ -24,6 +24,24 @@
transition: all 0.2s ease-in-out; 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 { .el-button {
.card; .card;
.rounded; .rounded;
@ -44,7 +62,7 @@
.clear-appearance; .clear-appearance;
font-family: @font-family; font-family: @font-family;
font-weight: @font-weight; font-weight: @font-weight;
color: @col-text-primary-black; color: @col-text;
background: @col-back-paper; background: @col-back-paper;
border: none; border: none;
outline: none; outline: none;

8
src/_h5ai/client/css/inc/view/mainrow.less
View file

@ -1,13 +1,7 @@
#main-row { #main-row {
.flex-row;
flex: 1 1 auto; flex: 1 1 auto;
order: 50; 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; height: 0; // non-webkit fix;
} }

10
src/_h5ai/client/css/inc/view/root.less
View file

@ -1,4 +1,5 @@
#root { #root {
.flex-column;
position: absolute; position: absolute;
left: 0; left: 0;
top: 0; top: 0;
@ -8,13 +9,6 @@
font-family: @font-family; font-family: @font-family;
font-size: @font-size; font-size: @font-size;
font-weight: @font-weight; font-weight: @font-weight;
color: @col-text-primary-black; color: @col-text;
background: @col-back; background: @col-back;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
align-content: flex-start;
align-items: stretch;
} }

8
src/_h5ai/client/css/inc/view/topbar.less
View file

@ -1,15 +1,9 @@
#topbar { #topbar {
.flex-row;
overflow: hidden; overflow: hidden;
flex: 0 0 auto; flex: 0 0 auto;
order: 1; 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; background: @col-back-panel;
box-shadow: 0 0 8px 0 rgba(0,0,0,0.2); box-shadow: 0 0 8px 0 rgba(0,0,0,0.2);
z-index: 1; z-index: 1;