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};
|
|
|
|
|
2024-01-17 11:13:01 +00:00
|
|
|
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;
|
|
|
|
}
|
|
|
|
}
|