Standard

Is a tiny css library provides default styling for common html elements and some small layout utilities. To see how it works view source in your browser

Text Elements

This is a standard paragraph of text. This text is bold. This text is italicized. Here is a hyperlink.

This is a blockquote element used to indicate a quotation.

This is some preformatted text

// this is some code

This is a callout

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Lists

Unordered List

Item one
Item two
Item three

Ordered List

First item
Second item
Third item

Forms

Contact Information

Email:

Shipping Information

First Name:

Last Name:

Address:

Country:

Special Instructions:

Subscribe to newsletter

Preferred Contact: Email Phone

Typography Utilities

Text Alignment

Left aligned text

Center aligned text

Right aligned text

Justified text that spreads across the full width of the container. This is useful for longer paragraphs where you want the text to align evenly on both sides.

Font Weights

Light weight text (300)

Normal weight text (400)

Medium weight text (500)

Semibold weight text (600)

Bold weight text (700)

Extrabold weight text (800)

Display & Position

Display Utilities

Block

Block element

Inline

element

Inline Block

Inline

Block

Position Utilities

Absolute Top Left

Absolute Bottom Right

Borders & Shadows

Border Utilities

All borders

Top border

Right border

Bottom border

Left border

Border Radius

Small radius

Default radius

Medium radius

Large radius

Full radius

Shadow Utilities

Small shadow

Default shadow

Medium shadow

Large shadow

Extra large shadow

Responsive Utilities

Responsive Text Alignment

This text is centered on mobile, left-aligned on medium screens, and right-aligned on large screens.

Responsive Display

Hidden on mobile, visible on medium screens and up

Visible on mobile, hidden on medium screens and up

Layout

Flexbox

Horizontal

Flex Auto

Row on large breakpoints, column on small

Flex Auto

Row on large breakpoints, column on small

Flex Auto

Row on large breakpoints, column on small

Column

Grid

Spacing: Margin & Padding

Size	Axis	Margin	Padding
Auto	All	m-auto
32px	All	m-lg	p-lg
32px	Horizontal	m-x-lg	p-x-lg
32px	Verticle	m-y-lg	p-y-lg
16px	All	m-md	p-md
16px	Horizontal	m-x-md	p-x-md
16px	Verticle	m-y-md	p-y-md
8px	All	m-sm	p-sm
8px	Horizontal	m-x-sm	p-x-sm
8px	Verticle	m-y-sm	p-y-sm
4px	All	m-xs	p-xs
4px	Horizontal	m-x-xs	p-x-xs
4px	Verticle	m-y-xs	p-y-xs

Buttons

Alerts

Plain alert

Error alert