I am Manufacturing

SAMA Website Styles

View Utility Classes

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Body Text Size: Extra Small text-xs

Sed tincidunt volutpat, morbi sed bibendum risus. Amet viverra aliquet viverra blandit feugiat maecenas nec blandit nulla. Etiam cursus lacinia tempus leo pellentesque scelerisque. Id nisl aliquam lectus.

Body Text Size: Small text-small

Sed tincidunt volutpat, morbi sed bibendum risus. Amet viverra aliquet viverra blandit feugiat maecenas nec blandit nulla. Etiam cursus lacinia tempus leo pellentesque scelerisque. Id nisl aliquam lectus.

Body Text Size: Medium text-medium

Sed tincidunt volutpat, morbi sed bibendum risus. Amet viverra aliquet viverra blandit feugiat maecenas nec blandit nulla. Etiam cursus lacinia tempus leo pellentesque scelerisque. Id nisl aliquam lectus.

Body Text Size: Large text-large

Sed tincidunt volutpat, morbi sed bibendum risus. Amet viverra aliquet viverra blandit feugiat maecenas nec blandit nulla. Etiam cursus lacinia tempus leo pellentesque scelerisque. Id nisl aliquam lectus.

Colors & Buttons & Typography

  • Primary Color
    hsl(358, 71%,48%)
  • Secondary Color
    hsl(0, 0%, 13%)
  • Support Color
    hsl(0, 0%, 63%)

Color Classes
Text & Background

primaryColor-text primaryColor-bg secondaryColor-text secondaryColor-bg supportColor-text supportColor-bg

Button Classes

button--primary button--secondary button--reverse

Heading Font

Teko

headingFont

Body Font

Montserrat

bodyFont

Special Heading 1

Special Heading 2

Special Heading 3


Cards

Cards Outlined Box

Sed tincidunt volutpat, morbi sed bibendum risus. Amet viverra aliquet viverra blandit feugiat maecenas nec blandit nulla.

Numbered Boxes

View Code


Custom Lists

  1. Making recommendations to SAMA Board of Directors and apprising the membership concerning those laws, ordinances, etc., which affect the industrial and business community.
  2. Providing the TCEQ Small Business Advocate’s Office with information about the impact of existing and new environmental regulations on small manufacturers.
  3. Serving as an advisory committee to local government(s) during the formulation of ordinances, laws, acts or bills and to furnish appropriate information regarding specific problems that may result after the adoption or enforcement of such standards or regulations.
  4. Monitoring activities of SAWS concerning water issues and rates, and assisting and representing members who face problems pertaining to industrial wastewater. Responsible for monitoring proposed increases in sewer and sewer surcharge rates.

Utility Classes

Colors

Text

  • primaryColor-text
  • secondaryColor-text
  • supportColor-text
  • white-text

Background

  • primaryColor-bg
  • secondaryColor-bg
  • supportColor-bg
  • white-bg

Text Styles

Modifiers

  • uppercase
  • center-txt
  • preHeading

Fonts

  • headingFont
  • bodyFont

Sizes

  • text-xs
  • text-small
  • text-medium
  • text-large

Special Headings

  • heading-special--primary
  • heading-special--secondary
  • heading-special--icon

Shadows

  • textShadow-light
  • textShadow-dark

Box Styles

Shadows

  • boxShadow-dark
  • boxShadow-light

Other

  • marginNone

Buttons

Primary

  • button--primary

Secondary

  • button--secondary

Reverse

  • button--reverse

Components/Elements

Modifiers

  • uppercase
  • center-txt
  • objectCover
  • borderTop
  • borderRight
  • borderBottom
  • borderLeft
  • boxOutline
  • cardPadding

States

Display

  • displayNone
  • displayBlock
  • displayInBlock

Current/Selected

  • current-box

Hover

  • hoverScale

A11y

Screen Reader Only Text

  • sr-only