Colors
$gallery: #ececec;
$mineshaft: #333;
$pinkish-grey: #c8c8c8;
$warm-grey: #707070;
$light-teal: #87ddd0;
$light-navy: #1b628e;
$cobalt: #234da1;
Headings
$header-styles:
small: (
'h1': ('font-size': 24),
'h2': ('font-size': 20),
'h3': ('font-size': 19),
'h4': ('font-size': 18),
'h5': ('font-size': 17),
'h6': ('font-size': 16),
),
medium: (
'h1': ('font-size': 48),
'h2': ('font-size': 40),
'h3': ('font-size': 30),
'h4': ('font-size': 25),
'h5': ('font-size': 20),
'h6': ('font-size': 16),
)
h1 .h1 The most important, and this is a very large header.
h1 .h1.font-color-dark The most important, and this is a very large header.
h1 .h1.font-color-blue The most important, and this is a very large header.
h2 .h2 The second level of importance, and this is a large header.
h2 .h2.font-color-blue The second level of importance, and this is a large header.
h2 .h2.font-color-white The second level of importance, and this is a large header.
h3 .h3 The third level of importance, and this is a medium header.
h4 .h4 The four level of importance, and this is a moderate header.
h5 .h5 The fith level of importance, and this is a small header.
h6 .h6 The sixth level of importance, and this is a tiny header.
h1 .h1 The most important, and this is a very large header.
h1 .h1.font-color-dark The most important, and this is a very large header.
h1 .h1.font-color-blue The most important, and this is a very large header.
h2 .h2 The second level of importance, and this is a large header.
h2 .h2.font-color-blue The second level of importance, and this is a large header.
h2 .h2.font-color-white The second level of importance, and this is a large header.
h3 .h3 The third level of importance, and this is a medium header.
h4 .h4 The four level of importance, and this is a moderate header.
h5 .h5 The fith level of importance, and this is a small header.
h6 .h6 The sixth level of importance, and this is a tiny header.
Small Header Segments
Foundation for Sites Version 6.4.0
Foundation for Sites Version 6.4.0
paragraph
This is a paragraph. Paragraphs are preset with a font size, line height and spacing to match the overall vertical rhythm. To show what a paragraph looks like this needs a little more content so, did you know that there are storms occurring on Jupiter that are larger than the Earth? Pretty cool. Wrap strong around type to make it bold!. You can also use em to italicize your words.
This is a paragraph. Paragraphs are preset with a font size, line height and spacing to match the overall vertical rhythm. To show what a paragraph looks like this needs a little more content so, did you know that there are storms occurring on Jupiter that are larger than the Earth? Pretty cool. Wrap strong around type to make it bold!. You can also use em to italicize your words.
p This is a paragraph. Paragraphs are preset with a font size, line height and spacing to match the overall vertical rhythm. To show what a paragraph looks like this needs a little more content so, did you know that there are storms occurring on Jupiter that are larger than the Earth? Pretty cool. Wrap strong around type to make it bold!. You can also use em to italicize your words.
p .font-color-white This is a paragraph. Paragraphs are preset with a font size, line height and spacing to match the overall vertical rhythm. To show what a paragraph looks like this needs a little more content so, did you know that there are storms occurring on Jupiter that are larger than the Earth? Pretty cool. Wrap strong around type to make it bold!. You can also use em to italicize your words.
Links
Links are very standard, and the color is preset to the Foundation primary color. Learn more about Foundation's global colors.
Links are very standard, and the color is preset to the Foundation primary color. Learn more about Foundation's global colors.
Button
Dividers
Ordered Lists
- Cheese (essential)
- Pepperoni
- Bacon
- Normal bacon
- Canadian bacon
- Sausage
- Onions
- Mushrooms
- Cheese (essential)
- Pepperoni
- Bacon
- Normal bacon
- Canadian bacon
- Sausage
- Onions
- Mushrooms
Definition Lists
- Time
- The indefinite continued progress of existence and events in the past, present, and future regarded as a whole.
- Space
- A continuous area or expanse that is free, available, or unoccupied.
- The dimensions of height, depth, and width within which all things exist and move.
- Time
- The indefinite continued progress of existence and events in the past, present, and future regarded as a whole.
- Space
- A continuous area or expanse that is free, available, or unoccupied.
- The dimensions of height, depth, and width within which all things exist and move.
Images
no image at src
no image at src