a6dc9645e6
* update package scripts to include prettifying scss files and stylelint-ing; fix related issues found from stylelinter * revert old prettier autofix * lint --------- Co-authored-by: Gabe Kangas <gabek@real-ity.com>
27 lines
568 B
SCSS
27 lines
568 B
SCSS
@mixin flex-center {
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
@mixin screen($breakpoint) {
|
|
@if $breakpoint == desktop {
|
|
@media only screen and (width >= 768px) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
// tablet will also apply to mobile as there is no cut-off for min-width, however changing this now could break CSS all over the site.
|
|
@if $breakpoint == tablet {
|
|
@media only screen and (width <= 768px) {
|
|
@content;
|
|
}
|
|
}
|
|
|
|
@if $breakpoint == mobile {
|
|
@media only screen and (width <= 481px) {
|
|
@content;
|
|
}
|
|
}
|
|
}
|