Flipcard-grid
Creates adaptive (changing at breakpoints)n between items (vertical/horizontal layout)
Variables
$config
Variable Type: Map
Module Settings
$config: (
"gutter" : 1rem,
"grid-template-columns" : 1fr 1fr,
"breakpoint" : "small"
);File Information
- File: _flipcard-grid.scss
- Group: flipcard-grid
- Type: variable
- Lines (comments): 12-15
- Lines (code): 17-22
Map Properties
| Name | Type | Default | Description |
|---|---|---|---|
| gutter | Dimension | 1rem | The gutter between grid items. |
| grid-template-columns | CssValue | 1fr 1fr | The size ratio of items in the grid. |
Mixins
set()
Mixin
Change modules $config
File Information
- File: _flipcard-grid.scss
- Group: flipcard-grid
- Type: mixin
- Lines (comments): 24-27
- Lines (code): 29-31
Examples
@include ulu.component-flipcard-grid-set(( "property" : value ));Parameters
| Name | Type | Description |
|---|---|---|
| $changes | Map |
Map of changes |
Require
styles()
Mixin
Output component stylesheet
File Information
- File: _flipcard-grid.scss
- Group: flipcard-grid
- Type: mixin
- Lines (comments): 42-44
- Lines (code): 46-66
Examples
@include ulu.component-flipcard-grid-styles();Require
Functions
get()
Function
Get a config option
File Information
- File: _flipcard-grid.scss
- Group: flipcard-grid
- Type: function
- Lines (comments): 33-36
- Lines (code): 38-40
Examples
@include ulu.component-flipcard-grid-get("property");Parameters
| Name | Type | Description |
|---|---|---|
| $name | Map |
Name of property |