From 7a867add149b1143b342d001cb1a11a420bfa1ae Mon Sep 17 00:00:00 2001 From: Stephani McGrath Date: Wed, 8 Mar 2017 09:34:28 -0800 Subject: [PATCH 1/4] first pull request --- demo.html | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/demo.html b/demo.html index d15a6ff..4905672 100644 --- a/demo.html +++ b/demo.html @@ -82,13 +82,14 @@
h6. Vast Quoll Secondary text

Body copy

-

Vast CSS global default font-size is 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. +

From e292041e609f78eebacb11d86c53568bd637c359 Mon Sep 17 00:00:00 2001 From: Stephani McGrath Date: Wed, 8 Mar 2017 09:55:39 -0800 Subject: [PATCH 2/4] testing git --- demo.html | 1 + 1 file changed, 1 insertion(+) diff --git a/demo.html b/demo.html index 4905672..c18f2a7 100644 --- a/demo.html +++ b/demo.html @@ -76,6 +76,7 @@

h3. Vast Quoll Secondary text

h4. Vast Quoll Secondary text

h5. Vast Quoll Secondary text
h6. Vast Quoll Secondary text
+ --> From 9764372d88e80a420118a04495090ad0b2f637d6 Mon Sep 17 00:00:00 2001 From: Stephani McGrath Date: Wed, 8 Mar 2017 10:33:29 -0800 Subject: [PATCH 3/4] driver swap --- demo.html | 11 ++++++++++- style.css | 6 ++++++ 2 files changed, 16 insertions(+), 1 deletion(-) diff --git a/demo.html b/demo.html index c18f2a7..7b7a2f0 100644 --- a/demo.html +++ b/demo.html @@ -81,7 +81,7 @@
h6. Vast Quoll Secondary text
-
+

Body copy

Vast CSS global default font-size is <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.

+
+

Lead body copy

+

Make a paragraph stand out by adding .lead.

diff --git a/style.css b/style.css index 03a123c..bdb904e 100644 --- a/style.css +++ b/style.css @@ -25,3 +25,9 @@ .class { color: green; } + +p { + font-size: 13px; + line-height: 1.5; + margin-bottom: 10px; +} From 28e3c9cc386b73996497efe1264e76a02cae0812 Mon Sep 17 00:00:00 2001 From: Ally Kendall Date: Wed, 8 Mar 2017 12:08:20 -0800 Subject: [PATCH 4/4] finish structure body and leads --- demo.html | 164 +++++++++++++++++++++++++++++++++--------------------- style.css | 13 +++-- 2 files changed, 109 insertions(+), 68 deletions(-) diff --git a/demo.html b/demo.html index 7b7a2f0..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. +

+
+ +
+

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> +

+
-
-
-

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?!

+
+

Lead body copy

-

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.

+
+

Make a paragraph stand out by adding .lead.

+
-

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.

-
-
-

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 bdb904e..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; @@ -26,8 +31,8 @@ color: green; } -p { - font-size: 13px; - line-height: 1.5; - margin-bottom: 10px; +.lead { + font-family: sans-serif; + font-size: 16px; + font-weight: lighter; }