Reference 'large' breakpoint in clip-path calculation
This commit is contained in:
parent
63fa0d23f8
commit
5f14f8170c
|
@ -27,7 +27,7 @@ body {
|
||||||
@media screen and (min-width: $small) {
|
@media screen and (min-width: $small) {
|
||||||
&::before {
|
&::before {
|
||||||
background: url(/stars.svg) repeat-x top;
|
background: url(/stars.svg) repeat-x top;
|
||||||
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, calc(50% + 500px) 100%, calc(50% + 500px) $header-spacing, calc(50% - 500px) $header-spacing, calc(50% - 500px) 100%, 0% 100%);
|
clip-path: polygon(0 0, 100% 0, 100% 100%, calc(50% + #{$large * 0.5}) 100%, calc(50% + #{$large * 0.5}) $header-spacing, calc(50% - #{$large * 0.5}) $header-spacing, calc(50% - #{$large * 0.5}) 100%, 0 100%);
|
||||||
content: '';
|
content: '';
|
||||||
display: block;
|
display: block;
|
||||||
height: $stars-height;
|
height: $stars-height;
|
||||||
|
|
Loading…
Reference in New Issue