Fixed #50: Added a visual header and aligned the headline / slogan to…

… the center.
TimPietrusky · Dec 11, 2013 · c4eeb87 · c4eeb87
1 parent 4bca2c5
commit c4eeb87
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 3 deletions.
diff --git a/app/index.html b/app/index.html
@@ -24,15 +24,16 @@
 
 <body id="weloveiconfonts" data-max-width="1024" data-theme="weloveiconfonts" data-auto-extend="true">
 
-  <article data-high="1" data-text="">
+  <article class="box--title" data-text="">
     <section data-cols="1">
       <div>
         <h1 class="title">We <span class="hitman__alpha">Love</span> Icon Fonts</h1>
         <p>We must stop here, this is icon fonts country!</p>
       </div>
     </section>
+  </article>
 
-
+  <article data-high="1" data-text="">
     <section data-cols="3">
           <div>
             <h3>What?</h3>

diff --git a/app/skin/css/style.css b/app/skin/css/style.css
@@ -4774,6 +4774,13 @@ pre code {
   word-spacing: normal;
 }
 
+/* line 1, ../../../src/scss/modules/_box.scss */
+.box--title {
+  background: #eee;
+  padding: 2em 0;
+  text-align: center;
+}
+
 /*
  * crystallo
  * ultra responsive to be a responsive css framework.

diff --git a/src/scss/modules/_box.scss b/src/scss/modules/_box.scss
@@ -0,0 +1,5 @@
+.box--title {
+  background: #eee;
+  padding: 2em 0;
+  text-align: center;
+}
diff --git a/src/scss/style.scss b/src/scss/style.scss
@@ -35,7 +35,8 @@
         'modules/typography',
         'modules/app',
         'modules/print',
-        'modules/code'
+        'modules/code',
+        'modules/box'
 ;