1234567891011121314151617181920212223242526 |
- @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;
- }
- }
- }
|