Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-15 02:04:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Fix tabs

Browse Source
This commit is contained in:
Jeremy Thomas
2016-10-30 22:52:04 +00:00
parent 3c48f5b3c3
commit 385c412242
5 changed files with 116 additions and 459 deletions
Download Patch File Download Diff File Expand all files Collapse all files

41
sass/components/tabs.sass
View File

@@ -3,8 +3,8 @@
+unselectable
align-items: stretch
display: flex
font-size: $size-normal
justify-content: space-between
line-height: 24px
overflow: hidden
overflow-x: auto
white-space: nowrap
@@ -15,7 +15,7 @@
display: flex
justify-content: center
margin-bottom: -1px
padding: 6px 12px
padding: 0.5em 1em
vertical-align: top
&:hover
border-bottom-color: $text-strong
@@ -34,20 +34,20 @@
flex-shrink: 0
justify-content: flex-start
&.is-left
padding-right: 10px
padding-right: 0.75em
&.is-center
flex: none
justify-content: center
padding-left: 10px
padding-right: 10px
padding-left: 0.75em
padding-right: 0.75em
&.is-right
justify-content: flex-end
padding-left: 10px
padding-left: 0.75em
.icon
&:first-child
margin-right: 8px
margin-right: 0.5em
&:last-child
margin-left: 8px
margin-left: 0.5em
// Alignment
&.is-centered
ul
@@ -60,8 +60,6 @@
a
border: 1px solid transparent
border-radius: $radius $radius 0 0
padding-bottom: 5px
padding-top: 5px
&:hover
background-color: $background
border-bottom-color: $border
@@ -79,8 +77,6 @@
a
border: 1px solid $border
margin-bottom: 0
padding-bottom: 5px
padding-top: 5px
position: relative
&:hover
background-color: $background
@@ -104,28 +100,7 @@
// Sizes
&.is-small
font-size: $size-small
a
padding: 2px 8px
&.is-boxed,
&.is-toggle
a
padding-bottom: 1px
padding-top: 1px
&.is-medium
font-size: $size-medium
a
padding: 10px 16px
&.is-boxed,
&.is-toggle
a
padding-bottom: 9px
padding-top: 9px
&.is-large
font-size: $size-large
a
padding: 14px 20px
&.is-boxed,
&.is-toggle
a
padding-bottom: 13px
padding-top: 13px