The mixins tool contains a collection of mixins for iotaCSS.
npm install --save iotacss-mixin
Breakpoint mixin makes it easy to create media queries.
@include breakpoint($breakpoint-size, $breakpoint-sizes)
- $breakpoint-size: Size of the breakpoint you want to use
- $breakpoint-sizes: A Sass map that contains breakpoints. By default, uses Settings.Breakpoint. This parameter is optional.
.myClass {
height: 100px;
// Breakpoint for small screens
@include breakpoint(sm) {
height: 150px;
}
// Breakpoint for medium screens
@include breakpoint(md, $my-breakpoints-sass-map) {
height: 200px;
}
}