Image-grid

Variables

Module Settings

$config: (
  "breakpoint": "small",
  "gap":        3px,
  "min-width":  math.div(100%, 3)
);

File Information

• File: _image-grid.scss
• Group: image-grid
• Type: variable
• Lines (comments): 13-17
• Lines (code): 19-23

Map Properties

Name	Type	Default	Description
breakpoint	String	"small"	Sets the min breakpoint for the grid to print. This uses breakpoint.scss, so the value of this option should be a breakpoint variable from breakpoint.scss.
gap	Dimension	3px	The gap between images in the grid.
min-width	Dimension	math.div(100%, 3)	The min-width of the images in the grid.

Mixins

Change modules $config

File Information

• File: _image-grid.scss
• Group: image-grid
• Type: mixin
• Lines (comments): 25-28
• Lines (code): 30-32

Examples

@include ulu.component-image-grid-set(( "property" : value ));

Parameters

Name	Type	Description
$changes	Map	Map of changes

Require

• $config

Prints component styles

File Information

• File: _image-grid.scss
• Group: image-grid
• Type: mixin
• Lines (comments): 43-45
• Lines (code): 47-71

Examples

@include ulu.component-image-grid-styles();

Require

• get()

Functions

Get a config option

File Information

• File: _image-grid.scss
• Group: image-grid
• Type: function
• Lines (comments): 34-37
• Lines (code): 39-41

Examples

@include ulu.component-image-grid-get("property");

Parameters

Name	Type	Description
$name	Map	Name of property

Require

• $config