AJR/TechRadarAJR
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix padding on smaller screens

Browse Source
This commit is contained in:
Tom Raithel
2017-02-12 13:43:05 +01:00
parent c3fa34fc56
commit 5163e0aafb
1 changed files with 11 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
styles/components/item-page.css
View File

@@ -9,7 +9,7 @@
&__nav,
&__content {
box-sizing: border-box;
padding-top: 150px;
padding-top: 130px;
height: 100vh;
position: relative;
}
@@ -20,20 +20,24 @@
}
&__nav {
flex: 0 0 37%;
flex: 0 0 calc((100vw - 1200px) / 2 + 400px);
/*flex: 0 0 37%;*/
&__inner {
box-sizing: border-box;
float: right;
width: 375px;
margin: 0 40px 0 0;
width: 410px;
padding: 0 40px 0 10px;
}
}
&__content {
flex: 0 0 63%;
flex: 0 0 calc((100vw - 1200px) / 2 + 800px);
/*flex: 0 0 calc((100vw - 1200px) / 2);*/
background: var(--color-white);
&__inner {
width: 680px;
margin: 0 0 0 100px;
box-sizing: border-box;
width: 810px;
padding: 0 10px 0 100px;
}
}
}