diff --git a/demo.html b/demo.html index d15a6ff..3c87510 100644 --- a/demo.html +++ b/demo.html @@ -6,14 +6,17 @@ -
-
+

Headings

+ +

To style headings in various sizes, add the .headings class to your <h1> through <h6> tags.

-
+
+ +

h1. Vast Quoll

h2. Vast Quoll

h3. Vast Quoll

@@ -22,53 +25,56 @@
h5. Vast Quoll
h6. Vast Quoll
- -

- <h1 - class="headings">h1. Vast Quoll</h1> +

+ +

+ <h1 + class="headings">h1. Vast Quoll</h1> +

+

+ <h2 + class="headings">h2. Vast Quoll</h2> +

+

+ <h3 + class="headings">h3. Vast Quoll</h3> +

+

+ <h4 + class="headings">h4. Vast Quoll</h4>

- <h2 - class="headings">h2. Vast Quoll</h2> + <h5 + class="headings">h5. Vast Quoll</h5>

- <h3 - class="headings">h3. Vast Quoll</h3> + <h6 + class="headings">h6. Vast Quoll</h6>

-

- <h4 - class="headings">h4. Vast Quoll</h4> -

-

- <h5 - class="headings">h5. Vast Quoll</h5> -

-

- <h6 - class="headings">h6. Vast Quoll</h6> -

- + +
+ +
--> -
-
-

Body copy

-

Vast CSS global default font-size is 13px, with a line-height of 1.5. This is applied to the <body> and all paragraphs. Including, <p> (paragraphs) receive a bottom margin of 10px. -

- + +
+
+

Body copy

+ +
+

Vast CSS global default font-size is 13px, with a line-height of 1.5. This is applied to the <body> and all paragraphs. Including, <p> (paragraphs) receive a bottom margin of 10px. +

+
+ +
+

Hodor! Hodor hodor, hodor; hodor hodor... Hodor hodor hodor. Hodor. Hodor! Hodor hodor, hodor hodor hodor? Hodor hodor HODOR! Hodor hodor - hodor; hodor hodor. Hodor hodor HODOR! Hodor hodor - hodor... Hodor hodor hodor; hodor hodor hodor! Hodor, hodor. Hodor. Hodor, hodor hodor hodor, hodor. Hodor hodor?!

+

Hodor. Hodor hodor hodor hodor... Hodor hodor hodor. Hodor hodor - hodor; hodor HODOR hodor, hodor hodor?! Hodor hodor, hodor. Hodor hodor; hodor hodor hodor hodor. Hodor. Hodor HODOR hodor, hodor hodor hodor? Hodor! Hodor hodor, hodor, hodor. Hodor hodor? Hodor. Hodor hodor; hodor hodor, hodor. Hodor hodor. Hodor! Hodor hodor, hodor - HODOR hodor, hodor hodor; hodor hodor, hodor, hodor hodor.

+

Hodor hodor HODOR! Hodor hodor... Hodor hodor hodor; hodor hodor - hodor? Hodor! Hodor hodor, hodor... Hodor hodor hodor hodor! Hodor, hodor. Hodor. Hodor, hodor... Hodor hodor hodor hodor; hodor hodor - hodor, hodor, hodor hodor. Hodor hodor HODOR! Hodor hodor... Hodor hodor HODOR hodor, hodor hodor; hodor hodor, hodor. Hodor hodor?! Hodor, hodor. Hodor. Hodor, hodor; hodor hodor; hodor hodor. Hodor. Hodor hodor HODOR! Hodor HODOR hodor, hodor hodor, hodor. Hodor hodor hodor.

+
+ +
+

+ <p>...</p> +

+
+
+ +
+

Lead body copy

+ +
+

Make a paragraph stand out by adding .lead.

+
+ +
+

Post-ironic shoreditch chambray whatever fixie, butcher crucifix cronut migas vexillologist microdosing flannel beard. Vinyl cold-pressed echo park pickled, venmo paleo kogi whatever. Organic pitchfork drinking vinegar, microdosing pinterest stumptown live-edge. Chambray green juice fingerstache drinking vinegar. Waistcoat truffaut mlkshk scenester, fingerstache vape yuccie single-origin coffee flannel quinoa man braid polaroid four dollar toast deep v. Glossier cardigan franzen slow-carb kombucha banh mi. Vexillologist mixtape stumptown small batch vinyl, intelligentsia snackwave synth thundercats af unicorn fap ramps seitan.

+
+ +
+

+ <p + class="lead">...</p> +

+
+
diff --git a/style.css b/style.css index 03a123c..72d7088 100644 --- a/style.css +++ b/style.css @@ -1,3 +1,8 @@ +p { + font-size: 13px; + line-height: 1.5; + margin-bottom: 10px; +} .section-title { color: blue; @@ -25,3 +30,9 @@ .class { color: green; } + +.lead { + font-family: sans-serif; + font-size: 16px; + font-weight: lighter; +}