owncast/web/styles/mixins.scss
2023-06-20 20:58:00 -07:00

26 lines
574 B
SCSS

@mixin flexCenter {
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;
}
}
}