RDL Accountants Style Guide
Elements:
Colors
$color-primary
$color-primary-dark
$color-primary-red
$color-secondary
$color-secondary-dark
$color-secondary-light
Typography
H1 This is a Page Headings.
H2 This is a Section Feature Text Headings.
H3 This is a Feature Text Headings.
H4 This is a Titles.
H5 This is a Small Titles.
H6 This is a Section Headings.
P Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda delectus incidunt itaque iusto maxime
Bold Body Text vivamus porta orci faucibus lorem sagittis, eu pulvinar massa maximus. Fusce elementum volutpat urna.
The Lead paragraph is a paragraph that is slightly larger than the rest of the content. Often it is the first paragraph of a post.
Small Body Text vivamus porta orci faucibus lorem sagittis, eu pulvinar massa maximus. Fusce elementum volutpat urna.
"This is a quote"A link, Hover + Visited
Buttons
Lists
- Unordered List
- Lorem ipsum dolor sit, amet consectetur adipisicing elit.
- Lorem ipsum dolor sit, amet consectetur adipisicing elit.
- Ordered List
- Lorem ipsum dolor sit, amet consectetur adipisicing elit.
- Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Fields
Lightbox
Animation
-
FadeIn
.js-animation-fadeIn -
FadeInUp
.js-animation-fadeInUp -
FadeInDown
.js-animation-fadeInDown -
FadeInLeft
.js-animation-fadeInLeft -
FadeInRight
.js-animation-fadeInRight -
FadeInTopLeft
.js-animation-fadeInTopLeft -
FadeInTopRight
.js-animation-fadeInTopRight -
FadeInBottomLeft
.js-animation-fadeInBottomLeft -
FadeInBottomRight
.js-animation-fadeInBottomRight