5-Star Rated Plumber in San Antonio, TX
607 W Russell Pl, San Antonio, TX
Call us now (555) 555-555

Widths

% of the parent container. These values are always static.
c-w-100
width: 100%
c-w-90
width: 90%
c-w-80
width: 80%
c-w-75
width: 75%
c-w-70
width: 70%
c-w-60
width: 60%
c-w-50
width: 50%
c-w-40
width: 40%
c-w-33
width: 33%
c-w-30
width: 30%
c-w-25
width: 25%
c-w-20
width: 20%
c-w-10
width: 10%

Background Colors

These colors are controlled by the Bricks Color Palette. These values are always dynamic and change from site to site.
c-bg-brand-1
background-color: Brand 1
c-bg-brand-2
background-color: Brand 2
c-bg-brand-3
background-color: Brand 3
c-bg-brand-4
background-color: Brand 4
c-bg-accent-1
background-color: Accent 1
c-bg-accent-2
background-color: Accent 2
c-bg-black
background-color: Black
c-bg-dark-1
background-color: Dark 1
c-bg-dark-2
background-color: Dark 2
c-bg-med
background-color: Medium
c-bg-light-1
background-color: Light 1
c-bg-light-2
background-color: Light 2
c-bg-white
background-color: White
c-bg-gradient-1
background-image: linear-gradient ( Gradient 1 - Color 1 + Gradient 1 - Color 2 )
c-bg-gradient-2
background-image: linear-gradient ( Gradient 2 - Color 1 + Gradient 2 - Color 2 )

Typography - Fluid Sizing

The fluid typography sizes are controlled by variables. These values are always dynamic and change from site to site.
c-h1
Sample Heading Size 1
c-h2
Sample Heading Size 2
c-h3
Sample Heading Size 3
c-h4
Sample Heading Size 4
c-h5
Sample Heading Size 5
c-h6
Sample Heading Size 6
body-1
Body 1 Text Size
body-m
Body M Text Size
body-l
Body L Text Size

Fixed Sizing

These values are always static.
c-fs-xxs
Sample Text Size xxs - 1rem
c-fs-xs
Sample Text Size xs - 1.2rem
c-fs-s
Sample Text Size s - 1.4rem
c-fs-2
Sample Text Size 2 - 1.6rem
c-fs-3
Sample Text Size 3 - 1.8rem
c-fs-4
Sample Text Size 4 - 2rem
c-fs-5
Sample Text Size 5 - 2.2rem
c-fs-6
Sample Text Size 6 - 2.4rem
c-fs-7
Sample Text Size 7 - 2.8rem
c-fs-8
Sample Text Size 8 - 3.2rem
c-fs-9
Sample Text Size 9 - 3.6rem
c-fs-10
Sample Text Size 10 - 4rem
c-fs-11
Sample Text Size 11 - 4.4rem

Font Weight

These values are always static.
c-fw-100
Font-weigth: 100
c-fw-200
Font-weigth: 200
c-fw-300
Font-weigth: 300
c-fw-400
Font-weigth: 400
c-fw-500
Font-weigth: 500
c-fw-600
Font-weigth: 600
c-fw-700
Font-weigth: 700
c-fw-800
Font-weigth: 800
c-fw-900
Font-weigth: 900

Font Styles

These values are always static.
c-fs-under
underline text
c-fs-cap
capitalize text
c-fs-lower
lowercase text
c-fs-upper
uppercase text
c-fs-strike
line-through text
c-fs-it
italic text

Text Color

These colors are controlled by the Bricks Color Palette. These values are always dynamic and change from site to site.
c-tc-brand-1
Text color: Brand 1
c-tc-brand-2
Text color: Brand 2
c-tc-brand-3
Text color: Brand 3
c-tc-brand-4
Text color: Brand 4
c-tc-accent-1
Text color: Accent 1
c-tc-accent-2
Text color: Accent 2
c-tc-black
Text color: Black
c-tc-dark-1
Text color: Dark 1
c-tc-dark-2
Text color: Dark 2
c-tc-med
Text color: Medium
c-tc-light-1
Text color: Light 1
c-tc-light-2
Text color: Light 2
c-tc-white
Text color: White

Text Align

These values are always static.
c-ta-l
text-align: left
c-ta-r
text-align: right
c-ta-c
text-align: center
c-ta-j
text-align: justify

Letter Spacing

These values are always static.
c-ls-tr
letter-spacing: -0.05em
c-ls-t
letter-spacing: -0.025em
c-ls-n
letter-spacing: 0rem
c-ls-w
letter-spacing: 0.025em
c-ls-wr
letter-spacing: 0.05em
c-ls-wt
letter-spacing: 0.1em

Line Height

These values are always static.
c-lh-1
line-height: 1
c-lh-t
line-height: 1.25
c-lh-n
line-height: 1.5
c-lh-r
line-height: 1.68
c-lh-w
line-height: 2

Border Style

These values are always static.
c-bst-n
border-style: none
c-bst-s
border-style: solid
c-bst-da
border-style: dashed
c-bst-do
border-style: dotted

Border Width

These values are always static.
c-bw-xs
border-width: 0.1rem
c-bw-sm
border-width: 0.2rem
c-bw-md
border-width: 0.4rem
c-bw-lg
border-width: 0.6rem
c-bw-xl
border-width: 0.8rem

Border Radius

These values are always static.
c-br-n
border-radius: 0rem
c-br-half
border-radius: 0.4rem
c-br-1
border-radius: 0.8rem
c-br-2
border-radius: 1.6rem
c-br-3
border-radius: 2.4rem
c-br-100
border-radius: 100%

Border Color

These colors are controlled by the Bricks Color Palette. These values are always dynamic and change from site to site.
c-bc-brand-1
border-color: Brand 1
c-bc-brand-2
border-color: Brand 2
c-bc-brand-3
border-color: Brand 3
c-bc-brand-4
border-color: Brand 4
c-bc-accent-1
border-color: Accent 1
c-bc-accent-2
border-color: Accent 2
c-bc-black
border-color: Black
c-bc-dark-1
border-color: Dark 1
c-bc-dark-2
border-color: Dark 2
c-bc-med
border-color: Medium
c-bc-light-1
border-color: Light 1
c-bc-light-2
border-color: Light 2
c-bc-white
border-color: White

Box Shadow

These values are always static, however feel free to change the values to customize the box-shadow classes in case you need to.
c-bsh-sm
Box-Shadow SM
c-bsh-md
Box-Shadow MD
c-bsh-lg
Box-Shadow LG