v0.1.6

ungoldman · Dec 28, 2014 · 5e6a76b · 5e6a76b
1 parent 1bc557f
commit 5e6a76b
Show file tree

Hide file tree

Showing 8 changed files with 27 additions and 15 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # style changelog
 
+## v0.1.6
+* add `.site-link` class for nav links
+* style tweaks
+
 ## v0.1.5
 * rename `.current` to `.current-page`
 * remove `html,body` margin reset (a little margin is fine with this style)

diff --git a/build.js b/build.js
@@ -27,7 +27,6 @@ function buildGuide () {
 }
 
 function buildStyle (result) {
-  console.log(result.css);
   var normalize = fs.readFileSync('./node_modules/normalize.css/normalize.css', { encoding: 'utf8' });
   var gfm = fs.readFileSync('./node_modules/github-markdown-css/github-markdown.css', { encoding: 'utf8' });
   var style = new CleanCSS().minify(normalize + gfm + result.css).styles;

diff --git a/guide.html b/guide.html
@@ -10,7 +10,7 @@
   <header>
     <nav>
       <a class="site-title" href="./">style.css</a>
-      <a class="current-page" href="./guide.html">guide</a>
+      <a class="site-link current-page" href="./guide.html">guide</a>
     </nav>
   </header>
   <main>

diff --git a/index.html b/index.html
@@ -10,7 +10,7 @@
   <header>
     <nav>
       <a class="site-title current-page" href="./">style.css</a>
-      <a href="./guide.html">guide</a>
+      <a class="site-link" href="./guide.html">guide</a>
     </nav>
   </header>
   <main>

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "style.css",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "description": "One style is all that is needed.",
   "files": [
     "style.css"

diff --git a/source/index.scss b/source/index.scss
@@ -82,16 +82,15 @@ body {
   // header
 
   > header {
-    margin: 2rem 0 3rem;
+    margin: 2rem 0;
 
     > nav {
+      overflow: auto;
 
-      > a,
-      > a.site-title {
-        color: #aaa;
+      .site-link,
+      .site-title {
+        float: left;
         font-size: 1rem;
-        font-weight: 200;
-        margin-right: 10px;
 
         &:hover {
           color: #f3c;
@@ -102,9 +101,19 @@ body {
           color: #f3c;
           cursor: default;
         }
+
+        &.right {
+          float: right;
+        }
+      }
+
+      .site-link {
+        color: #aaa;
+        font-weight: 200;
+        margin-left: 1rem;
       }
 
-      > a.site-title {
+      .site-title {
         color: #555;
         font-weight: 600;
       }
@@ -128,7 +137,7 @@ body {
   font-size: $base-font-size;
   color: #333;
 
-  margin: 3rem 0;
+  margin: 0 0 3rem;
 
   table {
     font-family: $code-family;

diff --git a/source/site/partials/_header.html b/source/site/partials/_header.html
@@ -10,7 +10,7 @@
   <header>
     <nav>
       <a class="site-title" href="./">style.css</a>
-      <a class="current-page" href="./guide.html">guide</a>
+      <a class="site-link current-page" href="./guide.html">guide</a>
     </nav>
   </header>
   <main>

diff --git a/style.css b/style.css