[refs #1] Further tweaks to core page

Author: csswizardry

about/team.md

@@ -10,8 +10,8 @@ title: Team
     <figure class="o-media  c-bio-mini">
       <img src="/assets/img/avatars/harry-roberts.jpg" alt="" class="o-media__img  c-avatar" />
       <div class="o-media__body">
-        <h2>Harry Roberts</h2>
-        <h3>Lead Developer, Founder</h3>
+        <h2 class="c-bio-mini__title">Harry Roberts</h2>
+        <strong>Lead Developer, Founder</strong>
       </div>
     </figure>
 
@@ -20,8 +20,8 @@ title: Team
     <figure class="o-media  c-bio-mini">
       <img src="/assets/img/avatars/nenad-jelovac.jpg" alt="" class="o-media__img  c-avatar" />
       <div class="o-media__body">
-        <h2>Nenad Jelovac</h2>
-        <h3>Core Developer</h3>
+        <h2 class="c-bio-mini__title">Nenad Jelovac</h2>
+        <strong>Core Developer</strong>
       </div>
     </figure>
 
@@ -30,8 +30,8 @@ title: Team
     <figure class="o-media  c-bio-mini">
       <img src="/assets/img/avatars/anselm-hannemann.jpg" alt="" class="o-media__img  c-avatar" />
       <div class="o-media__body">
-        <h2>Anselm Hannemann</h2>
-        <h3>Core Developer</h3>
+        <h2 class="c-bio-mini__title">Anselm Hannemann</h2>
+        <strong>Core Developer</strong>
       </div>
     </figure>
 
@@ -40,8 +40,8 @@ title: Team
     <figure class="o-media  c-bio-mini">
       <img src="/assets/img/avatars/dennis-heibult.jpg" alt="" class="o-media__img  c-avatar" />
       <div class="o-media__body">
-        <h2>Dennis Heibült</h2>
-        <h3>Core Developer</h3>
+        <h2 class="c-bio-mini__title">Dennis Heibült</h2>
+        <strong>Core Developer</strong>
       </div>
     </figure>
 
@@ -50,8 +50,8 @@ title: Team
     <figure class="o-media  c-bio-mini">
       <img src="/assets/img/avatars/florian-Bouvot.jpg" alt="" class="o-media__img  c-avatar" />
       <div class="o-media__body">
-        <h2>Florian Bouvot</h2>
-        <h3>Core Developer</h3>
+        <h2 class="c-bio-mini__title">Florian Bouvot</h2>
+        <strong>Core Developer</strong>
       </div>
     </figure>
 

css/components/_components.bio-mini.scss

@@ -5,6 +5,11 @@
 .c-bio-mini {
   padding: $unit;
   background-color: color(primary);
+  //border-radius: $inuit-global-radius;
   color: color(pale);
-  border-radius: $inuit-global-radius;
 }
+
+  .c-bio-mini__title {
+    margin-bottom: 0;
+    color: color(pale);
+  }

css/elements/_elements.headings.scss

@@ -2,9 +2,24 @@
    #HEADINGS
    ========================================================================== */
 
+//$inuit-font-size-h6:  $inuit-global-font-size * 1.25;
+//$inuit-font-size-h5:  $inuit-font-size-h6 * 1.25;
+//$inuit-font-size-h4:  $inuit-font-size-h5 * 1.25;
+//$inuit-font-size-h3:  $inuit-font-size-h4 * 1.25;
+//$inuit-font-size-h2:  $inuit-font-size-h3 * 1.25;
+//$inuit-font-size-h1:  $inuit-font-size-h2 * 1.25;
+
+$inuit-font-size-h6:  22px;
+$inuit-font-size-h5:  22px;
+$inuit-font-size-h4:  22px;
+$inuit-font-size-h3:  22px;
+$inuit-font-size-h2:  22px;
+$inuit-font-size-h1:  22px;
+
 @import "../../node_modules/inuitcss/elements/elements.headings";
 
 h1, h2, h3, h4, h5, h6 {
-  font-weight: 200;
+  font-weight: 500;
   letter-spacing: 0.033333333em;
+  color: color(secondary);
 }

css/main.css

@@ -14,7 +14,12 @@ <h1 class="c-title-huge  will-grow">{{ site.description }}</h1>
   <pre><code>$ npm install --save inuitcss</code></pre>
 </div>
 
-<h1>Foo bar baz</h1>
+<h1>Heading 1</h1>
+<h2>Heading 2</h2>
+<h3>Heading 3</h3>
+<h4>Heading 4</h4>
+<h5>Heading 5</h5>
+<h6>Heading 6</h6>
 
 <main class="o-wrapper">