Doghouse UiKit

3 #Functions Functions

3.1 #Functions.duk-border duk-border

Return border style.

Example: border-bottom: duk-border(primary, 2px, dotted);

Parameters:
  • $color-name
    The key that represents the color in the color map.
  • $size
    The size of the border (defaults to 1px)
  • $type
    The type of border (defaults to solid).
  • $border-colors
    A map of the border colors.
Source: scss/tools/_border.scss, line 18

3.2 #Functions.duk-color-yiq duk-color-yiq

Return the correct contrast color. Source

Parameters:
  • $color
    Color to check contrast against
  • $dark
    Color to return if dark required
  • $light
    Color to return if light required
Source: scss/tools/_functions.scss, line 22

3.3 #Functions.duk-get-bg-color duk-get-bg-color

Get a background color from $duk-bg-colors.

Parameters:
  • $color-name
    The key that represents the color in the color map.
  • $bg-colors
    A map of the background colors.
Source: scss/tools/_background.scss, line 6

3.4 #Functions.duk-get-border-color duk-get-border-color

Get a border color from $duk-border-colors.

Parameters:
  • $color-name
    The key that represents the color in the color map.
  • $border-colors
    A map of the border colors.
Source: scss/tools/_border.scss, line 6

3.5 #Functions.duk-get-border-radius duk-get-border-radius

Get a border radius from $duk-border-radii.

Parameters:
  • $radius-type
    The key that represents the radius in the radius map.
  • $border-radii
    A map of the border radii.
Source: scss/tools/_border.scss, line 59

3.6 #Functions.duk-get-font-color duk-get-font-color

Get a font color from $duk-base-font-sizes.

Parameters:
  • $color-name
    The key that represents the color in the color map.
  • $font-colors
    A map of the font colors.
Source: scss/tools/_typography.scss, line 72

3.7 #Functions.duk-get-shadow-color duk-get-shadow-color

Get a shadow color from $duk-shadow-colors.

Parameters:
  • $color-name
    The key that represents the color in the color map.
  • $shadow-colors
    A map of the shadow colors.
Source: scss/tools/_shadow.scss, line 6

3.8 #Functions.duk-icon-get-code duk-icon-get-code

Get a specific icon from a set.

Parameters:
  • $icon-name
    The icon code that is in the icon map for the set.
  • $set-name
    Name of the set, (defaults to duk)
Source: scss/tools/_icon.scss, line 16

3.9 #Functions.duk-icon-get-codes duk-icon-get-codes

Get all codes from a set

Parameters:
  • $set-name
    Name of the set, (defaults to duk)
Source: scss/tools/_icon.scss, line 29

3.10 #Functions.duk-icon-get-set duk-icon-get-set

Get a specific icon set.

Parameters:
  • $set-name
    Name of the set, (defaults to duk)
  • $icon-sets
    A collection of icon maps keyed by the name of the set (defaults $duk-icons).
Source: scss/tools/_icon.scss, line 4

3.11 #Functions.duk-palette-element duk-get-palette-color

Get a color by name from the $duk-palette map

Parameters:
  • $name
    Name of the color to extract from the palette map.
Source: scss/tools/_palette.scss, line 6

3.12 #Functions.map-deep-get map-deep-get

Return a value from a nested map.

Parameters:
  • $map
    CSS Map
  • $keys
    First param is the key of the first level, Second is key from second level, etc.
Source: scss/tools/_functions.scss, line 6