Tile-grid-overlay
Provides styles to use tile-grid over the top of image
Variables
$config
Variable Type: Map
Module Settings
$config: (
"button-background-color": #ce97e6dc,
"button-background-color-hover": #b882cf,
"button-background-color-striped": #b397e6cc,
"button-background-color-active": #868dece4,
"background-image-filter" : (grayscale(1) contrast(0.6) brightness(1.5)),
"breakpoint-even-columns-min" : "small",
"breakpoint-even-columns-max" : "medium",
"wide-breakpoint-even-columns-min" : "small"
);
File Information
- File: _tile-grid-overlay.scss
- Group: tile-grid-overlay
- Type: variable
- Lines (comments): 15-16
- Lines (code): 18-27
Mixins
set()
Mixin
Change modules $config
File Information
- File: _tile-grid-overlay.scss
- Group: tile-grid-overlay
- Type: mixin
- Lines (comments): 29-32
- Lines (code): 34-36
Examples
@include ulu.component-tile-grid-overlay-set(( "property" : value ));
Parameters
Name | Type | Description |
---|---|---|
$changes | Map |
Map of changes |
Require
styles()
Mixin
Output component styles
File Information
- File: _tile-grid-overlay.scss
- Group: tile-grid-overlay
- Type: mixin
- Lines (comments): 47-49
- Lines (code): 51-115
Examples
@include ulu.component-tile-grid-overlay-styles();
Require
Functions
get()
Function
Get a config option
File Information
- File: _tile-grid-overlay.scss
- Group: tile-grid-overlay
- Type: function
- Lines (comments): 38-41
- Lines (code): 43-45
Examples
@include ulu.component-tile-grid-overlay-get("property");
Parameters
Name | Type | Description |
---|---|---|
$name | Map |
Name of property |