_utilities.scss 1.2 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69
//Utilities
$utilities: (
  "object": (
    property: object-fit,
    class: object,
    values: (
      contain: contain,
      cover: cover,
      fill: fill,
      scale-down: scale-down,
      none: none,
    )
  ),
  "spacing": (
    property: letter-spacing,
    class: tracking,
    values: (
      tight: -.05em,
      normal: 0,
      wide: .05em,
    )
  ),
  "leading": (
    property: line-height,
    class: leading,
    values: (
      none: 1,
      tight: 1.25,
      normal: $line-height-base,
      loose: 2 !important,
    )
  ),
  "cursor": (
    property: cursor,
    class: cursor,
    values: (
      auto: auto,
      pointer: pointer,
      move: move,
      not-allowed: not-allowed,
      zoom-in: zoom-in,
      zoom-out: zoom-out
    )
  ),
  "font-size": (
    property: font-size,
    class: text,
    values: (
      h1: $h1-font-size,
      h2: $h2-font-size,
      h3: $h3-font-size,
      h4: $h4-font-size,
      h5: $h5-font-size,
      h6: $h6-font-size,
    )
  ),
  "font-weight": (
    property: font-weight,
    values: (
      light: 300,
      normal: 400,
      medium: 500,
      semibold: 600,
      bold: 700,
      extrabold: 800,
      black: 900,
    )
  ),
) !default;