Version 1.0
Set of styles and guidelines for working with Alex Kreed’s template.
HTML tags define default Heading styles. Use Heading classes when the typography style doesn't match the default HTML tag.
Text Display
HTML tags define default Heading styles. Use Heading classes when the typography style doesn't match the default HTML tag.
H1
Heading 1
H2
Heading 2
H3
Heading 3
H4
Heading 4
H5
Heading 5
H6
Heading 6
HTML tags define default text styles.
All Paragraphs
The wizard quickly jinxed the gnomes before they vaporized.
All Block Quotes
Knowledge nay estimable questions repulsive daughters boy. Solicitude gay way unaffected expression for. His mistress ladyship required off horrible disposed rejoiced. Unpleasing pianoforte unreserved as oh he unpleasant no inquietude insipidity. Advantages can discretion possession add favourable cultivated admiration far. Why rather assure how esteem end hunted nearer and before. By an truth after heard going early given he. Charmed to it excited females whether at examine. Him abilities suffering may are yet dependent.
All Ordered Lists
All Unordered Lists
Texts when default style doesn't match the default HTML tag.
Text Large
The wizard quickly jinxed the gnomes before they vaporized.
Text Default
The wizard quickly jinxed the gnomes before they vaporized.
Text Medium
The wizard quickly jinxed the gnomes before they vaporized.
Text Small
The wizard quickly jinxed the gnomes before they vaporized.
Text Overline
The wizard quickly jinxed the gnomes before they vaporized.
Text Button
Text Italic
The wizard quickly jinxed the gnomes before they vaporized.
Text Bold
The wizard quickly jinxed the gnomes before they vaporized.
Text Strikethrough
The wizard quickly jinxed the gnomes before they vaporized.
Text Disabled
The wizard quickly jinxed the gnomes before they vaporized.
Buttons system.
Button
Button / Medium
Button / Small
Button Icon
Button Icon / Medium
Button Icon / Small
Button Invert
Button Invert / Medium
Button Invert / Small
Button Icon Invert
Button Icon Invert / Medium
Button Icon Invert / Small
Manage recurring text and background colors.
Background Primary
Background Secondary
Background Tertiary
Background Invert
Background Glass
Background Glass Invert
Text Primary
Aa
Text Secondary
Aa
Text Tertiary
Aa
Text Quaternary
Aa
Text Primary Invert
Aa
Text Secondary Invert
Aa
Text Tertiary Invert
Aa
Text Quaternary Invert
Aa
Border Primary
Border Secondary
Border Tertiary
Action Primary
Action Primary Hover
Action Primary Active
Action Secondary
Action Secondary Hover
Action Secondary Active
Icons sizes are set here
Icon Small
Icon Medium
Icon Large
Utility classes to speed up the project, use wisely.
Hide Desktop
Hide Tablet
Hide Mobile
Inputs elements styled here
Form
Rich text elements should be modified here
Rich Text
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Block quote
