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

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

@ -19,7 +19,7 @@ $mqBreakpoints: (
extrasmall: 480px,
small: 768px,
medium: 992px,
large: 1200px
large: 1280px
);
/**
@ -159,4 +159,4 @@ $mqShowBreakpoints: (small, medium, large);
*/
@function mqGetBreakpointJSON($name, $value) {
@return "{\"name\":\"#{$name}\",\"value\":\"#{$value}\"}";
}
}