Atoms & single Elements
The building blocks
Table of Contents
Typography
Typography options (except for bottom margin) are set in Elementor's global Site Settings
h1 This is a top level heading across two lines to show line height
/***********
Type uses a 1.2 type scale: https://www.modularscale.com/?16&px&1.2
***********/
Fonts:
/* Soleil Light */
font-family: soleil, sans-serif;
font-weight: 300;
font-style: normal;
/* Soleil Bold */
font-family: soleil, sans-serif;
font-weight: 700;
font-style: normal;
/* P22 Mackinac Pro Book Italic*/
font-family: p22-mackinac-pro, serif;
font-weight: 400;
font-style: italic;
/* P22 Mackinac Pro Medium*/
font-family: p22-mackinac-pro, serif;
font-weight: 500;
font-style: normal;
/* P22 Mackinac Pro Bold */
font-family: p22-mackinac-pro, serif;
font-weight: 700;
font-style: normal;
Paragraph text. Not a bad bit of rescuing, huh? You know, sometimes I even amaze myself. That doesn’t sound too hard. Besides, they let us go. It’s the only explanation for the ease of our escape. Easy…you call that easy? Their tracking us! Not this ship, sister. At least the information in Artoo is still intact. What’s so important? What’s he carrying? The technical readouts of that battle station. I only hope that when the data is analyzed, a weakness can be found. It’s not over yet! It is for me, sister! Look, I ain’t in this for your revolution, and I’m not in it for you, Princess. I expect to be well paid. I’m in it for the money! You needn’t worry about your reward. If money is all that you love, then that’s what you’ll receive!
h2 This is a top level heading
across two lines to show line height
Paragraph text. Not a bad bit of rescuing, huh? You know, sometimes I even amaze myself. That doesn’t sound too hard. Besides, they let us go. It’s the only explanation for the ease of our escape. Easy…you call that easy? Their tracking us! Not this ship, sister.
At least the information in Artoo is still intact. What’s so important? What’s he carrying? The technical readouts of that battle station. I only hope that when the data is analyzed, a weakness can be found. It’s not over yet! It is for me, sister! Look, I ain’t in this for your revolution, and I’m not in it for you, Princess. I expect to be well paid. I’m in it for the money! You needn’t worry about your reward. If money is all that you love, then that’s what you’ll receive!
Paragraph text. Not a bad bit of rescuing, huh? You know, sometimes I even amaze myself. That doesn’t sound too hard. Besides, they let us go. It’s the only explanation for the ease of our escape. Easy…you call that easy? Their tracking us! Not this ship, sister. At least the information in Artoo is still intact. What’s so important? What’s he carrying? The technical readouts of that battle station.
h4 This is a top level heading
across two lines to show line height
h5 This is a top level heading
across two lines to show line height
h6 This is a top level heading
across two lines to show line height
Paragraph text. Not a bad bit of rescuing, huh? You know, sometimes I even amaze myself. That doesn’t sound too hard. Besides, they let us go. It’s the only explanation for the ease of our escape. Easy…you call that easy? Their tracking us! Not this ship, sister. At least the information in Artoo is still intact. What’s so important? What’s he carrying? The technical readouts of that battle station. I only hope that when the data is analyzed, a weakness can be found. It’s not over yet! It is for me, sister! Look, I ain’t in this for your revolution, and I’m not in it for you, Princess. I expect to be well paid. I’m in it for the money! You needn’t worry about your reward. If money is all that you love, then that’s what you’ll receive!
Global colors
These colors will be unique to each site. Global colors are set in Elementor's global Site Settings and in the child theme.
Buttons
We tap into Elementor's button controls for the buttons and links shown here. Styles are controlled in the child theme.
Lists
Icon list default styles are controlled in the child theme
Bulleted list:
- General styling for lists
- This is another list item
- Another list item, number 3 in the list
- One more list item, just for good measure
Numbered list:
- General styling for lists
- This is another list item
- Another list item, number 3 in the list
- One more list item, just for good measure
Icon list:
- General styling for icon lists including font size, spacing, color and dividers
- This is another icon, with a link
- Another icon, number 3 in the list
- One more icon, just for good measure
Toggles & accordions
Toggle and accordion default styles are controlled in the child theme
Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.