From 7ecedc6ec5b9b4002969b840c4dad569ba3d97f1 Mon Sep 17 00:00:00 2001
From: Jeremy Thomas <bbxdesign@gmail.com>
Date: Thu, 5 May 2016 22:23:08 +0100
Subject: [PATCH] Use icon for tabs

---
 CHANGELOG.md              |  6 ++++++
 sass/base/generic.sass    |  4 ++++
 sass/components/tabs.sass | 14 ++++++++------
 3 files changed, 18 insertions(+), 6 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index cdebbf65..5ae65c9b 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Bulma Changelog
 
+## 0.0.25
+
+* Added: `utilities/controls.sass` and `elements/form.sass`
+* Changed: `.tabs` need `.icon` now
+* Changed: cdnjs link doesn't include version
+
 ## 0.0.24
 
 ### Added
diff --git a/sass/base/generic.sass b/sass/base/generic.sass
index 4a3580ed..e032eadd 100644
--- a/sass/base/generic.sass
+++ b/sass/base/generic.sass
@@ -71,6 +71,10 @@ input[type="radio"]
 small
   font-size: $size-small
 
+span
+  font-style: inherit
+  font-weight: inherit
+
 strong
   color: $text-strong
   font-weight: $weight-bold
diff --git a/sass/components/tabs.sass b/sass/components/tabs.sass
index 1522654a..0e3aa952 100644
--- a/sass/components/tabs.sass
+++ b/sass/components/tabs.sass
@@ -5,9 +5,11 @@
   overflow-x: auto
   white-space: nowrap
   a
+    align-items: center
     border-bottom: 1px solid $border
     color: $text
-    display: block
+    display: flex
+    justify-content: center
     margin-bottom: -1px
     padding: 5px 0
     vertical-align: top
@@ -27,11 +29,11 @@
   ul
     border-bottom: 1px solid $border
     display: flex
-  .fa
-    font-size: 14px
-    line-height: 20px
-    margin: 2px -2px
-    width: 20px
+  .icon
+    &:first-child
+      margin-right: 5px
+    &:last-child
+      margin-left: 5px
   // Modifiers
   &.is-boxed
     a