1.0.0 • Published 5 years ago
include-media-visible-classes v1.0.0
include-media-visible-classes
An include-media plugin to generate visibility utility classes for showing elements at different breakpoints.
Largely a fork of include-media-hidden-classes
Usage
Import the _include-media-visible-classes.scss
Sass partial and then include the @include im-visible-classes();
mixin to generate the classes.
Example
@import "_include-media-visible-classes";
@include im-visible-classes();
Configuration
Variable | Description | Default |
---|---|---|
$im-visible-class | The base name to use for the classes. | 'visible' |
$im-visible-use-important | Whether to generated classes with !important; | false |
$im-visible-include-exact | Whether to generate visiblity classes for min-width <= => max-width breakpoints. | true |
$im-visible-include-down | Whether to generate visiblity classes for max-width breakpoints. | true |
$im-visible-include-up | Whether to generate visiblity classes for min-width breakpoints. | true |
$im-visible-exact-selector | The breakpoint suffix to use to exact breakpoint classes. | '' |
$im-visible-up-selector | The breakpoint suffix to use to min-width breakpoint classes. | '-up' |
$im-visible-down-selector | The breakpoint suffix to use to max-width breakpoint classes. | '-down' |
$im-display-modes | A Sass map of display modes to generate classes for. | (inline: inline, inline-block: inline-block, block: block, table: table, flex: flex, inline-flex: inline-flex) |
1.0.0
5 years ago