Breakpoints
Description
Use this mixin for dealing with breakpoints / responsive behaviour.
Usage
Usage example
- mobile-small
- mobile-medium
- mobile-large
- tablet-small
- tablet-medium
- tablet-large
- desktop-small
- desktop-medium
- desktop-large
- desktop-x-large
.example {
// custom values
@include breakpoint(from 50em to 1024px) {
// your CSS here
}
// between two breakpoints
@include breakpoint(from mobile-small to mobile-large) {
// your CSS here
}
// only a minimum breakpoint
@include breakpoint(from mobile-small) {
// your CSS here
}
// only a maximum breakpoint
@include breakpoint(to desktop-small) {
// your CSS here
}
}