Agile611/the-example-app-nodejs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

restyle global layout .. again :D

Browse Source
This commit is contained in:
Benedikt Rötsch
2017-10-05 13:52:41 +02:00
committed by Benedikt Rötsch
parent 30beb939b7
commit ee388aa9e5
3 changed files with 43 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
assets/stylesheets/global/header.css
View File

@@ -15,19 +15,20 @@
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
justify-content: space-between;
font-size: 0.8em;
@media (--breakpoint-desktop) {
justify-content: space-between;
}
}
@element upper-first {
flex: 1 1 auto;
display: flex;
justify-content: space-between;
margin-bottom: calc(var(--grid-gutter) / 2);
@media (--breakpoint-desktop) {
flex: 0 1 auto;
margin-bottom: 0;
& div + div {
margin-left: var(--grid-gutter);
}
@@ -35,9 +36,13 @@
}
@element upper-second {
flex: 1 1 auto;
display: flex;
justify-content: space-between;
@media (--breakpoint-desktop) {
flex: 0 1 auto;
& div + div {
margin-left: var(--grid-gutter);
}
@@ -105,7 +110,7 @@
@element controls {
display: flex;
flex: 0 0 100%;
flex: 1 1 auto;
flex-direction: column;
justify-content: space-around;
color: var(--color-header-upper-text-primary);