joshua/dash-website
1
0
Fork 0
mirror of https://github.com/seigler/dash-website synced 2025-07-27 07:16:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

(fix) hero: add proper spacing for large screens

Browse source
This commit is contained in:
0xfff 2016-09-27 10:59:41 +02:00
parent 956d374a75
commit 67d0b8aa68
1 changed files with 11 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

11
src/scss/_header.scss
View file

@ -22,10 +22,12 @@
color: $color-white;
overflow: hidden;
&__stripe {
position: absolute;
width: 100%;
height: 100%;
top: 100%;
overflow: hidden;
transform: skewY(-5deg);
transform-origin: 0;
@ -51,6 +53,15 @@
margin: 0 auto;
position: relative;
z-index: 3;
@include mq($from: large) {
padding-bottom: 140px;
}
@include mq($from: 1600px) {
padding-bottom: 180px;
}
@include mq($from: 1920px) {
padding-bottom: 240px;
}
}
&__buttons {