Sha256: a11083b2c6e69cf1e0627b2618d6a2dbed60a47ab931a442b6c06c9bb722a653
Contents?: true
Size: 1.64 KB
Versions: 21
Compression:
Stored size: 1.64 KB
Contents
// button option
[class*="is-button"]
+button-base
white-space: nowrap
&[class*="xs"]
-webkit-font-smoothing: subpixel-antialiased
&.has-image
height: auto
&.is-block-sm-down
+media-breakpoint-down(sm)
display: flex
width: 100%
&.is-block
display: flex
width: 100%
+padding(horizontal, 0)
&.is-radio,
&.is-checkbox
display: flex
input
opacity: 0
+position(absolute)
&.is-checked
&:after
opacity: 1
&.is-radio
&:before
border-radius: 50%
&.is-checkbox
&:before
border-radius: .1875rem
&.is-text-align-left
justify-content: flex-start
&.is-no-move
&:active,
&.is-checked
top: 0
&.is-disabled,
&:disabled
pointer-events: none
cursor: default
select
cursor: default
&.is-select
select
vertical-align: middle
font-size: inherit
color: inherit
cursor: pointer
&.is-multi-lines
height: auto
line-height: 1.45
.is-button-note
+inline-block
font-size: .75rem
margin-left: .375rem
select
width: 100%
&[class*="-xs-"]
font-size: $xs-button-font-size
&[class*="-sm-"]
font-size: $sm-button-font-size
&[class*="-md-"]
font-size: $md-button-font-size
&[class*="-lg-"]
font-size: $lg-button-font-size
&[class*="-xl-"]
font-size: $xl-button-font-size
button[class*="is-button"]
display: inline-block
&.is-block
display: block
// button-group
.is-button-group
font-size: 0
>li
display: inline-flex
letter-spacing: normal
font-size: 0
@for $i from 1 through 12
&.is-#{$i}-items
>li
width: 100% / $i
Version data entries
21 entries across 21 versions & 1 rubygems