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

Rename bulma folder to sass

Browse Source
This commit is contained in:
Jeremy Thomas
2016-04-18 20:02:26 +01:00
parent d7fae72677
commit 0203ab2f44
45 changed files with 25 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

104
sass/components/tabs.sass Normal file
View File

@@ -0,0 +1,104 @@
.tabs
@extend .block
line-height: 24px
overflow: hidden
overflow-x: auto
white-space: nowrap
a
border-bottom: 1px solid $border
color: $text
display: block
margin-bottom: -1px
padding: 5px 0
vertical-align: top
&:hover
border-bottom-color: $text-strong
color: $text-strong
li
display: block
vertical-align: top
& + li
margin-left: 20px
// Modifiers
&.is-active
a
border-bottom-color: $link
color: $link
ul
border-bottom: 1px solid $border
display: flex
.fa
font-size: 14px
line-height: 20px
margin: 2px -2px
width: 20px
// Modifiers
&.is-boxed
a
border: 1px solid transparent
border-radius: $radius $radius 0 0
padding: 5px 15px
&:hover
background: $background
border-bottom-color: $border
li
& + li
margin-left: 5px
// Modifiers
&.is-active
a
background: white
border-color: $border
border-bottom-color: transparent
// Modifiers
&.is-centered
li
&,
& + li
margin: 0 2px
&.is-centered
a
padding: 5px 10px
li
& + li
margin-left: 0
ul
justify-content: center
text-align: center
&.is-fullwidth
li
flex: 1
& + li
margin-left: 0
ul
justify-content: center
text-align: center
&.is-right
ul
justify-content: flex-end
&.is-toggle
a
border: 1px solid $border
margin-bottom: 0
padding: 5px 10px
position: relative
&:hover
background: $background
border-color: $border-hover
z-index: 2
li
& + li
margin-left: -1px
&:first-child a
border-radius: $radius 0 0 $radius
&:last-child a
border-radius: 0 $radius $radius 0
// Modifiers
&.is-active
a
background: $primary
border-color: $primary
color: $primary-invert
z-index: 1
ul
border-bottom: none