Core CSS

Current Release

Core CSS v0.3.51

Colors

Neutral Colors

--rgb-neutral-lighter: 241, 241, 243;
--rgb-neutral-light: 216, 216, 220;
--rgb-neutral-medium: 138, 138, 146;
--rgb-neutral-dark: 53, 53, 68;

Main Colors

--rgb-main-light: 224, 230, 245;
--rgb-main-medium: 47, 104, 230;
--rgb-main-dark: 0, 39, 127;

Commit Colors

--rgb-commit-light: 219, 243, 208;
--rgb-commit-medium: 120, 234, 64;
--rgb-commit-dark: 54, 138, 14;

Cancel Colors

--rgb-cancel-light: 255, 227, 227;
--rgb-cancel-medium: 241, 46, 68;
--rgb-cancel-dark: 136, 0, 15;

Warning Colors

--rgb-warning-light: 255, 249, 191;
--rgb-warning-medium: 247, 227, 44;
--rgb-warning-dark: 175, 150, 0;

Cards

Basic Card

Light Card

Medium Card

Dark Card

Basic Shadow Card

Light Shadow Card

Medium Shadow Card

Dark Shadow Card

Basic Soft Card

Light Soft Card

Medium Soft Card

Dark Soft Card

Flat Soft Card
Card Sections
Card Sections

Tables

Default Table

Basic Table

Striped Table

Lined Horizontal Table

Lined Vertical Table

Lined Outline Table

Lined All Table

Striped Outline Table

Buttons

Default Button

Basic Button

Solid Buttons

Light

Medium

Dark

Lined Buttons

Text Buttons

Full Buttons

Flush Buttons

Small Buttons

Large Buttons

Anchor Buttons

Button Button

Input Buttons

Forms

Basic Input

Solid Input

Basic Button

Basic Control

Basic Login

Basic Group

Hotdog

Hotdog Input

Hotdog Label

Hotdog Bun

Select

Toggle

Documentation

Well

Well

Pattern

Pattern

Pattern Well

Pattern

Pattern Well Gray

Pattern

Pattern Card Soft

Pattern

Code

Code

Code Block

Code { Such Code }

Code Inline

Inline Code Bit

Code Output

Code

Layout Flex

Flex Box System

Stretch
Stretch
None
Stretch
None
None
Stretch
None
Stretch
None
None
None

Layout Grid

Dozenal Grid System

col-xs-6
col-xs-6
col-xs-4
col-xs-4
col-xs-4
col-xs-3
col-xs-3
col-xs-3
col-xs-3
col-xs-2
col-xs-2
col-xs-2
col-xs-2
col-xs-2
col-xs-2
col-xs-3
col-xs-6
col-xs-3
col-xs-4
col-xs-3
col-xs-5

Decimal Grid System

col-xs-5
col-xs-5
col-xs-2
col-xs-2
col-xs-2
col-xs-2
col-xs-2
col-xs-3
col-xs-2
col-xs-3
col-xs-2
col-xs-4
col-xs-3
col-xs-3

Offsets

Offset works by placing a column at a number of columns away from the start of the row, no matter how many other elements might also be in the row.

col-xs-3
col-xs-4 offset-xs-8
col-xs-8 offset-xs-2
col-xs-2
col-xs-2
col-xs-6 offset-xs-6

Gap

Default Gap

col-xs-4
col-xs-4
col-xs-4

Small Gap

col-xs-4
col-xs-4
col-xs-4
col-xs-4
col-xs-4
col-xs-4

Medium Gap

col-xs-4
col-xs-4
col-xs-4
col-xs-4
col-xs-4
col-xs-4

Large Gap

col-xs-4
col-xs-4
col-xs-4
col-xs-4
col-xs-4
col-xs-4

Utilities

Padding

.p-xs-tl
.p-xs-rl
.p-xs-bl
.p-xs-ll
.p-xs-hl
.p-xs-vl
.p-xs-l

Margin

.m-xs-tl .m-xs-rl .m-xs-bl .m-xs-ll .m-xs-hl .m-xs-vl .m-xs-l