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

fix(styling): adjust card heights and prepare header for new dropdowns

Browse Source
This commit is contained in:
Benedikt Rötsch
2017-10-09 13:24:07 +02:00
committed by Benedikt Rötsch
parent 8e6171cb74
commit 6c6d81873a
5 changed files with 112 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -23,14 +23,24 @@
@element upper-first {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
margin-bottom: calc(var(--grid-gutter) / 2);
@media (--breakpoint-desktop) {
flex: 0 1 auto;
flex-direction: row;
margin-bottom: 0;
& div + div {
margin-left: var(--grid-gutter);
}
& div + div {
margin: calc(var(--grid-gutter) / 2) 0 0;
@media (--breakpoint-desktop) {
margin: 0 0 0 calc(var(--grid-gutter) / 2);
}
}
}
@@ -38,13 +48,20 @@
@element upper-second {
flex: 1 1 auto;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
@media (--breakpoint-desktop) {
flex: 0 1 auto;
& div + div {
margin-left: var(--grid-gutter);
flex-direction: row;
}
& div + div {
margin: calc(var(--grid-gutter) / 2) 0 0;
@media (--breakpoint-desktop) {
margin: 0 0 0 calc(var(--grid-gutter) / 2);
}
}
}