Style Classes - adarshpastakia/aurelia-ui-framework GitHub Wiki

Typography

  • Large font display

    • ui-display-1
    • ui-display-2
    • ui-display-3

  • Font Sizes

    • ui-font-large
    • ui-font-big
    • ui-font-small

  • Font Family

    • ui-font-default
    • ui-font-serif
    • ui-font-fixed
    • ui-font-input

  • Font Styles

    • ui-italic
    • ui-bold
    • ui-strong
    • ui-thin

  • Text Transform

    • ui-uppercase
    • ui-lowercase
    • ui-titlecase
    • ui-small-caps
    • ui-ellipsis

  • Align

    • ui-text-center
    • ui-text-start
    • ui-text-end
    • ui-text-justify

  • Spacing

    • Padding
    • ui-pad-none
    • ui-pad-all
    • ui-pad-h start/end
    • ui-pad-v top/bottom
    • Margin
    • ui-margin-none
    • ui-margin-all
    • ui-margin-h start/end
    • ui-margin-v top/bottom

  • Borders

    • ui-border-none
    • ui-border-all
    • ui-border-h left/right
    • ui-border-v top/bottom
    • ui-border-t top
    • ui-border-b bottom
    • ui-border-s start
    • ui-border-e end

  • Contextual Colors

    • ui-bg-{color}

    • ui-text-{color}

    • ui-border-{color}

    • Replace {color} with

    • white

    • black

    • light

    • muted

    • dark

    • primary

    • secondary

    • info

    • danger

    • warning

    • success

Responsive Helpers

  • Hidden below screen breakpoint

    • ui-hidden-xl-down
    • ui-hidden-lg-down
    • ui-hidden-md-down
    • ui-hidden-sm-down

  • Hidden on and above screen breakpoint

    • ui-hidden-xl-up
    • ui-hidden-lg-up
    • ui-hidden-md-up
    • ui-hidden-sm-up
⚠️ **GitHub.com Fallback** ⚠️