1
Fork 0
holllo-org/source/scss/mixins.scss

30 lines
576 B
SCSS
Raw Normal View History

2022-03-27 21:21:21 +00:00
$medium-breakpoint: 900px;
$large-breakpoint: 1200px;
2022-09-28 11:55:51 +00:00
@mixin responsive-container($width-breakpoint: $large-breakpoint) {
2022-03-27 21:21:21 +00:00
margin-left: auto;
margin-right: auto;
2022-09-28 11:55:51 +00:00
width: $width-breakpoint;
2022-03-27 21:21:21 +00:00
2022-09-28 11:55:51 +00:00
@media (max-width: $width-breakpoint) {
2022-03-27 21:21:21 +00:00
width: 100%;
}
}
@mixin patterned-shadow($size) {
position: relative;
&::after {
--shadow-size: #{$size};
background: url("/assets/shadow-pattern.png") repeat;
content: "";
2022-03-27 21:21:21 +00:00
height: 100%;
left: var(--shadow-size);
position: absolute;
top: var(--shadow-size);
width: 100%;
z-index: -1;
}
}