Cutestrap is a progressive CSS Framework built with modern techniques and an eye towards the future with a simple API and robust customization options.

Forms

Form controls are unified in both their display and in their semantic markup. Because they are modified using only CSS, accessibility doesn't suffer.

Your Name Cone Bowl Flavors Chocolate Vanilla Flavor Special Requests Add Sprinkles

Your Name Flavors Chocolate Vanilla Flavor Cone Bowl Special Requests Add Sprinkles

Buttons

A default button is applied with the .button class. Popsicle modifiers can be used for different button variations.

Default Secondary Outlined Link

Default Secondary Outlined Link

Complete list of modifiers are available in the Buttons Documentation

Grid

The default grid creates equal width columns for every child.

Column Column Column

Class Effect .grid Grid will display at all screen sizes .grid.-medium Grid will start at 45rem .grid.-large Grid will start at 80rem

Columns

Columns can be fine tuned with the `--columns` custom property by setting it to the number of desired columns

Column Column Column Column Column Column

Wrappers

Wrappers are classes that have a max-width and padding. The size of the wrapper, determines max-width and the padding.

Class Effect .wrapper.-thin Max width of 45rem with top/bottom padding equal to the baseline. .wrapper Max width of 60rem with top/bottom padding of twice the baseline. .wrapper.-wide Max width of 80rem with top/bottom padding of three times the baseline.

Typography

All typography and base styles are set to use a Baseline Grid to provide consistent Vertical Rhythm. The foundation of this is the --rhythm CSS Custom Property. All typography hinges on this single variable. If you want to customize the baseline grid, this is the single variable you will change.

Headline 1

Paragraph

Headline 2

Unordered item

Unordered item

Headline 3

Ordered item Ordered item

Headline 4

Preformatted

Headline 5

Blockquote

Headline 6

Table Header Table Header Table Cell Table Cell

Utilities