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 { ... }

.hidden

.hidden { ... }

.h\:hidden:hover

.h\:hidden: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-hidden

.overflow-hidden { ... }

.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 { ... }