Jump To:

  1. Variables
    1. $all-includes
    2. $current-includes
  2. Mixins
    1. set-includes()
    2. set-excludes()
    3. component-styles()

Index

Outputs all component stylesheets, optionally choose to set includes or excludes to narrow down components that are output.

Variables

$all-includes

Variable Type: List

Default includes, all modules

$all-includes: (
  "accordion",
  "adaptive-spacing",
  "badge",
  "badge-stack",
  "basic-hero",
  "button",
  "button-group",
  "button-verbose",
  "breadcrumb",
  "callout",
  "card",
  "card-grid",
  "counter-list",
  "css-icon",
  "data-grid",
  "data-table",
  "definition-list",
  "fill-context",
  "flipcard",
  "flipcard-grid",
  "form-theme",
  "headline-label",
  "horizontal-rule",
  "image-grid",
  "links",
  "list-lines",
  "list-inline",
  "list-ordered",
  "list-unordered",
  "menu-stack",
  "modal",
  "nav-strip",
  "overlay-section",
  "pager",
  "panel",
  "popover",
  "progress-bar",
  "progress-circle",
  "pull-quote",
  "rail",
  "ratio-box",
  "rule",
  "scroll-slider",
  "skeleton",
  "skip-link",
  "sticky-list",
  "slider",
  "hero",
  "tabs",
  "tag",
  "tile-grid",
  "tile-button",
  "tile-grid-overlay",
  "placeholder-block",
  "pull-quote",
  "vignette",
  "captioned-figure",
  "spoke-spinner",
  "wysiwyg",
);
File Information
  • File: _index.scss
  • Group: index
  • Type: variable
  • Lines (comments): 127-128
  • Lines (code): 130-190

$current-includes

Variable Type: List

Current included modules (for output when using styles), defaults to all

$current-includes: $all-includes;
File Information
  • File: _index.scss
  • Group: index
  • Type: variable
  • Lines (comments): 192-193
  • Lines (code): 195-195

Mixins

set-includes()

Mixin

Change default includes (when user prints modules)

  • This available as configuration so that it can be configured (to allow easily copying configuration)
File Information
  • File: _index.scss
  • Group: index
  • Type: mixin
  • Lines (comments): 197-199
  • Lines (code): 201-204

Parameters

Name Type Description
$includes List List of modules by name to be included when styles are printed

Require

set-excludes()

Mixin

Exclude certain items from includes

File Information
  • File: _index.scss
  • Group: index
  • Type: mixin
  • Lines (comments): 206-207
  • Lines (code): 209-211

Parameters

Name Type Description
$excludes List List of item names

Require

component-styles()

Mixin

Prints all Components styles

File Information
  • File: _index.scss
  • Group: index
  • Type: mixin
  • Lines (comments): 213-217
  • Lines (code): 219-398

Examples

@include ulu.component-styles();

Parameters

Name Type Default Description
$includes List $all-includes A list of components to include (defaults to all)

Require