Elements | Let's Get Dressed DC

Let's Get Dressed DC

Elements

Button styles and size variations use for all buttons. Add the classes under each button for different types and styles.

Shadows & Border Radius

Box Shadow

.f-box-shadow

Round Corners

.f-round-corners

Circle

.f-circle

Backgrounds

Light Background

.f-bg-light

Light Alt. Background

.f-bg-light-alt

Dark Background

.f-bg-dark

Dark Alt. Background

.f-bg-dark-alt

Accent Background

.f-bg-accent

Accent Alt. Background

.f-bg-accent-alt

Blurred Background
Glass Morphism

.f-bg-blur-m
use blur sizes of -s, -m, -l, -xl

Images

Normal image

.f-image-muted

.f-image-bw

.f-image-blur

.f-hover-blur

.f-hover-muted

.f-hover-bw

.f-hover-color

.f-tilt-up

.f-tilt-down

.f-tilt-right

.f-tilt-left

Cards

Card Title

This is a block of text. Double-click this text to edit it.

.f-card and .f-card-light

Card Title

This is a block of text. Double-click this text to edit it.

.f-card and .f-card-alt

Card Title

This is a block of text. Double-click this text to edit it.

.f-card and .f-card-transparent

Card Title

This is a block of text. Double-click this text to edit it.

.f-card and .f-card-accent

Card Title

This is a block of text. Double-click this text to edit it.

.f-card, .f-card-dark & .f-card-pop

Card Title

This is a block of text. Double-click this text to edit it.

.f-card, .f-card-light & .f-left

Dividers