瀏覽代碼

Use icon for tabs

Jeremy Thomas 9 年之前
父節點
當前提交
7ecedc6ec5
共有 3 個文件被更改,包括 18 次插入6 次删除
  1. 6 0
      CHANGELOG.md
  2. 4 0
      sass/base/generic.sass
  3. 8 6
      sass/components/tabs.sass

+ 6 - 0
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

+ 4 - 0
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

+ 8 - 6
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