Skip to content

text.md

Latest commit

 

History

History
137 lines (83 loc) · 3.25 KB

text.md

File metadata and controls

137 lines (83 loc) · 3.25 KB

Color

  • .color-inherit
  • .color-transparent
  • .color-{COLOR}
  • .color-{COLOR}-{VARIATION-TAG}
  • .color-{COLOR}-{CONDITION}
  • .color-{COLOR}-{VARIATION-TAG}-{CONDITION}

For color syntax, view color declarations

Text

Leading

  • .text-leading-compact

    Shrinks line-height to $body-line-height multiplied by $body-line-height-compact-factor. .75 or 18px by default

  • .text-leading-expanded

    expands line-height to $body-line-height multiplied by $body-line-height-expanded-factor. 1.5 or 35px by default

  • .text-leading-normalize

    Resets line-height to $body-line-height. 24px by default

  • .text-leading-inherit

    line-height is set to inherit line-height.

  • .text-leading-whole

    line-height is set to 1. which means no line-height. just the same height as the font.

More info on the css property

Align

  • .text-align-center
  • .text-align-right
  • .text-align-left
  • .text-align-justify
  • .text-align-inherit

More info on the css property

Decoration

  • .text-decoration-none
  • .text-decoration-line-under
  • .text-decoration-line-through
  • .text-decoration-line-over
  • .text-decoration-style-solid
  • .text-decoration-style-wavy
  • .text-decoration-style-double
  • .text-decoration-style-wavy

More info on the css property

Transform

  • .text-transform-uppercase
  • .text-transform-lowercase
  • .text-transform-capitalize
  • .text-transform-inherit
  • .text-transform-none

More info on the css property

Vertical align

  • .text-vertical-align-middle
  • .text-vertical-align-baseline
  • .text-vertical-align-top
  • .text-vertical-align-bottom
  • .text-vertical-align-text-top
  • .text-vertical-align-text-bottom
  • .text-vertical-align-sub
  • .text-vertical-align-super
  • .text-vertical-align-inherit

More info on the css property

Wrap

  • .text-wrap

    Wrap text

  • .text-wrap-nowrap

    Don't wrap the text AT ALL

  • .text-wrap-break

    Wrap text but allow superduperfuckingshitshitbitchinlongfu

    king words to break

  • .text-wrap-ellipsis

    Single line of text that cuts off any overflow with a an ellipsis

    More info

  • .text-wrap-ellipsis-multiple

    Allows multiple lines based on given $body-ellipsis-multiple-factor. 2 by default

  • .text-wrap-hyphens-auto

    autuomatically hyphenate

  • .text-wrap-hyphens-manual

    manually hyphenate

  • .text-wrap-hyphens-none

    nope

Clip Background

Scaffolding Margins

  • .p

    Adds margins to element as if it were a <p> tag

Back to TOC