You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
26 lines
574 B
26 lines
574 B
@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; |
|
} |
|
} |
|
}
|
|
|