Jump To:

  1. Variables
    1. $config
  2. Mixins
    1. set()
    2. styles()
  3. Functions
    1. get()

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

Require