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

19
assets/stylesheets/layout/grid-list.css
View File

@@ -1,12 +1,21 @@
@block grid-list {
display: flex;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 calc(var(--grid-gutter) / 2 * -1);
@media (--breakpoint-desktop) {
flex: 0 0 calc(50% - var(--grid-gutter));
margin: 0 calc(var(--grid-gutter) / 2 * -1);
}
@element item {
box-sizing: border-box;
margin: 0 calc(var(--grid-gutter) / 2) var(--grid-gutter);
flex: 0 0 calc(50% - var(--grid-gutter));
flex: 0 0 100%;
margin-bottom: var(--grid-gutter);
@media (--breakpoint-desktop) {
box-sizing: border-box;
flex: 0 0 calc(50% - var(--grid-gutter));
margin: 0 calc(var(--grid-gutter) / 2) var(--grid-gutter);
}
}
}