Style Classes - adarshpastakia/aurelia-ui-framework GitHub Wiki
-
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
-
-
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