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

[Fix] Nav / Hero: Use corect breakpoint / add spacing to hero / invert bruger on light bg

Browse source
This commit is contained in:
0xfff 2016-11-05 20:18:02 +01:00
parent 020550d831
commit c77ef66b02
2 changed files with 13 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/scss/_hero.scss
View file

@ -32,7 +32,7 @@
&__content { &__content {
@extend .content; // DEV: Todo @extend .content; // DEV: Todo
padding: 30px 0 100px; padding: 30px 30px 100px;
margin: 0 auto; margin: 0 auto;
position: relative; position: relative;
z-index: 3; z-index: 3;
@ -40,6 +40,10 @@
padding-top: 60px; padding-top: 60px;
padding-bottom: 120px; padding-bottom: 120px;
} }
@include mq($from: (1280px + 60px)) {
padding-left: 0;
padding-right: 0;
}
@include mq($from: 1600px) { @include mq($from: 1600px) {
padding-bottom: 180px; padding-bottom: 180px;
} }
@ -125,6 +129,12 @@
.hero__background::after { .hero__background::after {
background: none; background: none;
} }
.burger:not(.is-active) .burger__burger {
&, &::before, &::after {
background-color: $color-black;
}
}
} }
&--space { &--space {

2
src/scss/global/_mediaqueries.scss
View file

@ -19,7 +19,7 @@ $mqBreakpoints: (
extrasmall: 480px, extrasmall: 480px,
small: 768px, small: 768px,
medium: 992px, medium: 992px,
large: 1200px large: 1280px
); );
/** /**