Use icon for tabs

diff --git a/CHANGELOG.md b/CHANGELOG.md
index cdebbf65c2db29e490eb6b3f7141453e56fd7628..5ae65c9b2e7dd2f18c2f093b43769c73add68dd6 100644 (file)
--- 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 4a3580edd9f875b715036473c8b45dd8563690b4..e032eaddad1b7ef9ab0378ada6944e0c96df9924 100644 (file)
--- 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 1522654a1af6ad84a73fbedde7a9dc8f1c41f449..0e3aa9521163ba8f31340484b387ddd7f9e99312 100644 (file)
--- 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