Refactor .btn and .btn-outline css class structure.

kippt · Aug 22, 2014 · 3e7159f · 3e7159f
1 parent 4980cae
commit 3e7159f
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 15 deletions.
diff --git a/_assets/stylesheets/_base.scss b/_assets/stylesheets/_base.scss
@@ -261,18 +261,19 @@ a {
     &:active {
         box-shadow:none;
     }
-}
 
-.btn-outline {
-    background: none;
-    border-radius: 4px;
-    font-size: 0.8em;
-    color:darken($accent, 5%);
-    transition:none;
+    &.outline {
+        background: none;
+        border-radius: 4px;
+        font-size: 0.8em;
+        color:darken($accent, 5%);
+        transition:none;
 
-    &:hover {
-        border:2px solid darken($accent, 5%);
-        color:darken($accent, 10%);
-        background:none;
+        &:hover {
+            border:2px solid darken($accent, 5%);
+            color:darken($accent, 10%);
+            background:none;
+        }
     }
 }
+
diff --git a/_layouts/base.html b/_layouts/base.html
@@ -42,7 +42,7 @@
         </nav>
         {% if site.info.tagline or site.info.product_url %}<nav class="tagline">
             {% if site.info.tagline %}<span>{{ site.info.tagline }}</span>{% endif %}
-            {% if site.info.product_link %}<a href="{{ site.info.product_link }}" class="btn btn-outline">Learn More</a>{% endif %}
+            {% if site.info.product_link %}<a href="{{ site.info.product_link }}" class="btn outline">Learn More</a>{% endif %}
         </nav>{% endif %}
     </header>
 </section>

diff --git a/index.html b/index.html
@@ -33,13 +33,13 @@ <h2 class="title"><a href="{{ post.url }}" rel="prefetch">{{ post.title }}</a></
     <section class="pagination" style="text-align:center">
       {% if paginator.previous_page %}
         {% if paginator.previous_page == 1 %}
-        <a href="/" class="btn btn-outline">‹ Newer</a>
+        <a href="/" class="btn outline">‹ Newer</a>
         {% else %}
-        <a href="/page{{ paginator.previous_page }}" class="btn btn-outline">‹ Newer</a>
+        <a href="/page{{ paginator.previous_page }}" class="btn outline">‹ Newer</a>
         {% endif %}
       {% endif %}
       {% if paginator.next_page %}
-        <a href="/page{{ paginator.next_page }}" class="btn btn-outline">Older ›</a>
+        <a href="/page{{ paginator.next_page }}" class="btn outline">Older ›</a>
       {% endif %}
     </section>
 </article>