Core Style Guide
Heading Blocks
These can be any level from 1-6. You can also use a css class of hN to force any level to look like level N, or the “Display” block style for an extra-large page title.
I am a heading in a group. Oh, so cozy in here!
Vera nice!
Excellenté!
Sixty zippers were quickly picked from the woven jute
Sixty zippers were quickly picked from the woven jute
Sixty zippers were quickly picked from the woven jute
Sixty zippers were quickly picked from the woven jute
Sixty zippers were quickly picked from the woven jute
Sixty zippers were quickly picked from the woven jute
EYEBROW
I
Paragraph Blocks
Default container for blocks of text. Add small or tiny CSS Classes to reduce the text size.
…they were two feet high, and green, and shaped like plumber’s friends. Their suction cups were on the ground, and their shafts, which were extremely flexible, usually pointed to the sky. At the top of each shaft was a little hand with a green eye in its palm. The creatures were friendly, and they could see in four dimensions.
“Dear Sir, poor sir, brave sir.” he read, “You are an experiment by the Creator of the Universe. You are the only creature in the entire Universe who has free will. You are the only one who has to figure out what to do next – and why. Everybody else is a robot, a machine. Some persons seem to like you, and others seem to hate you, and you must wonder why. They are simply liking machines and hating machines. You are pooped and demoralized, “ read Dwayne. “Why wouldn’t you be? Of course it is exhausting, having to reason all the time in a universe which wasn’t meant to be reasonable.”
All this happened, more or less. The war parts, anyway, are pretty much true. One guy I knew really was shot in Dresden for taking a teapot that wasn’t his. Another guy I knew really did threaten to have his personal enemies killed by hired gunmen after the war. And so on. I’ve changed all the names.
List Blocks
Like Paragraphs, but bulleted (or numbered)! Also like Paragraph, supports small/tiny css class for smaller font size.
- Hello babies. Welcome to Earth. It’s hot in the summer and cold in the winter.
- It’s round and wet and crowded.
- God damn it, you’ve got to be kind.
- Hello babies. Welcome to Earth. It’s hot in the summer and cold in the winter.
- It’s round and wet and crowded.
- God damn it, you’ve got to be kind.
Separator
Add a 1px line between sections. Defaults to the text color at 20% opacity, or you can set the color via the Background field.
Blockquote
It was the blurst of times?!
The problem with the world is that the intelligent people are full of doubts, while the stupid ones are full of confidence.
Charles Bukowski, Author
Buttons
Comes in Regular or Text styles. Can also set the overall Buttons collection to a Large size.
Forms
Woof woof woof!
Images
Not technically required to be kitty cats. Use the Shape field in the Extra Image Settings section to force an aspect ratio. Also has a dropdown for Block Animation to add an intro animation when the image enters the viewport.
