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

fix(styling): align all spacing to match Malin's desig

Browse Source
This commit is contained in:
Benedikt Rötsch
2017-10-10 17:47:11 +02:00
committed by Benedikt Rötsch
parent db702ad424
commit 50aee89aaf
20 changed files with 187 additions and 171 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
assets/stylesheets/layout/layout-sidebar.css
View File

@@ -1,5 +1,5 @@
@block layout-sidebar {
padding: 0 calc(var(--grid-gutter) / 2);
padding: 0 calc(var(--spacing) / 2);
max-width: var(--content-max-width);
margin: 0 auto;
@@ -18,7 +18,7 @@
}
@element sidebar-header {
padding: calc(var(--grid-gutter) / 2) var(--grid-gutter);
padding: calc(var(--spacing) / 2) var(--spacing);
border-bottom: 1px solid var(--color-sidebar-seperator);
}
@@ -31,19 +31,18 @@
@element sidebar-content {
background: var(--color-sidebar-bg);
padding: var(--grid-gutter);
padding: calc(var(--spacing) * 0.5);
}
@element content {
display: flex;
flex-direction: column;
padding-top: calc(var(--grid-gutter) / 4);
@media (--breakpoint-desktop) {
flex: 0 1 var(--layout-sidebar-content-width);
width: 100%;
box-sizing: border-box;
margin-left: var(--grid-gutter);
margin-left: var(--spacing);
}
& > * {