box-sizing
csss
.box-sizing-border
.box-sizing-border { ... }
.box-sizing-content
.box-sizing-content { ... }
display
csss
.block
.block { ... }
.h\:block:hover
.h\:block:hover { ... }
.inline-block
.inline-block { ... }
.h\:inline-block:hover
.h\:inline-block:hover { ... }
.inline
.inline { ... }
.h\:inline:hover
.h\:inline:hover { ... }
.visible
.visible { ... }
.invisible
.invisible { ... }
.force-hide
.force-hide { ... }
elements
csss
.pointer
.pointer { ... }
Description
Add pointer to the element
flex
csss
.d-flex
.d-flex { ... }
.d-inline-flex
.d-inline-flex { ... }
.d-flex-row
Deprecated!
Use d-flex
.d-flex-row { ... }
.d-flex-row-rev
.d-flex-row-rev { ... }
.d-flex-column
.d-flex-column { ... }
.d-flex-column-rev
.d-flex-column-rev { ... }
.d-flex-wrap
.d-flex-wrap { ... }
.d-flex-no-wrap
.d-flex-no-wrap { ... }
.items-start
.items-start { ... }
.items-end
.items-end { ... }
.items-center
.items-center { ... }
.items-baseline
.items-baseline { ... }
.items-stretch
.items-stretch { ... }
.self-auto
.self-auto { ... }
.self-start
.self-start { ... }
.self-end
.self-end { ... }
.self-center
.self-center { ... }
.self-stretch
.self-stretch { ... }
.justify-start
.justify-start { ... }
.justify-end
.justify-end { ... }
.justify-center
.justify-center { ... }
.justify-between
.justify-between { ... }
.justify-around
.justify-around { ... }
.content-center
.content-center { ... }
.content-start
.content-start { ... }
.content-end
.content-end { ... }
.content-between
.content-between { ... }
.content-around
.content-around { ... }
.flex-1
.flex-1 { ... }
.d-flex-auto
.d-flex-auto { ... }
.d-flex-basis-100
.d-flex-basis-100 { ... }
.d-flex-basis-auto
.d-flex-basis-auto { ... }
.d-flex-initial
.d-flex-initial { ... }
.d-flex-none
.d-flex-none { ... }
.d-flex-grow
.d-flex-grow { ... }
.d-flex-shrink
.d-flex-shrink { ... }
.d-flex-no-grow
.d-flex-no-grow { ... }
.d-flex-no-shrink
.d-flex-no-shrink { ... }
.d-flex-item-width-reset
.d-flex-item-width-reset { ... }
Description
Flex item width reset (relevant to flex-basis: "auto")
.align-start-center
.align-start-center { ... }
Description
align to start-center
.align-center-end
.align-center-end { ... }
.align-center-start
.align-center-start { ... }
.align-center, .align-center-center
.align-center,
.align-center-center { ... }
Description
align to center
.align-end-center
.align-end-center { ... }
.align-space-between-center
.align-space-between-center { ... }
.align-space-around-center
.align-space-around-center { ... }
margin
csss
.no-margin
.no-margin { ... }
min-width
csss
.min-width-auto
.min-width-auto { ... }
overflow
csss
.overflow-auto
.overflow-auto { ... }
.overflow-visible
.overflow-visible { ... }
.overflow-scroll
.overflow-scroll { ... }
.overflow-x-scroll
.overflow-x-scroll { ... }
.overflow-y-scroll
.overflow-y-scroll { ... }
padding
csss
.no-padding
.no-padding { ... }
position
csss
.fixed
.fixed { ... }
.absolute
.absolute { ... }
.relative
.relative { ... }
.pin-none
.pin-none { ... }
.pin
.pin { ... }
.pin-y
.pin-y { ... }
.pin-x
.pin-x { ... }
.pin-t
.pin-t { ... }
.pin-r
.pin-r { ... }
.pin-b
.pin-b { ... }
.pin-l
.pin-l { ... }
.fill-current-color
.fill-current-color { ... }
Description
Set fill color to current color
.stroke-current-color
.stroke-current-color { ... }
Description
Set stroke color to current color
texts
csss
.text-left
.text-left { ... }
Description
Align the text to the left
.text-center
.text-center { ... }
Description
Align the text to center
.text-right
.text-right { ... }
Description
Align the text to the right
.capitalize
.capitalize { ... }
Description
Make each word of the text Capitalize
.capitalize-first
.capitalize-first { ... }
Description
Make the first word of the text Capitalize
.uppercase
.uppercase { ... }
Description
Make the text UPPERCASE
.lowercase
.lowercase { ... }
Description
Make the text UPPERCASE
.nowrap
.nowrap { ... }
Description
Make the text with no wrap
.ellipsis
.ellipsis { ... }
Description
Add ellipsis to overflow text
transforms
csss
.rotate-90deg
.rotate-90deg { ... }
.rotate-180deg
.rotate-180deg { ... }
.rotate-270deg
.rotate-270deg { ... }
z-index
csss
.z-auto
.z-auto { ... }