mirror of
https://github.com/jgthms/bulma.git
synced 2024-10-17 09:04:18 +00:00
Fix #242
This commit is contained in:
parent
02313b85eb
commit
91d04459db
@ -1,5 +1,5 @@
|
|||||||
html
|
html
|
||||||
background: $body-background
|
background-color: $body-background
|
||||||
font-size: $size-normal
|
font-size: $size-normal
|
||||||
-moz-osx-font-smoothing: grayscale
|
-moz-osx-font-smoothing: grayscale
|
||||||
-webkit-font-smoothing: antialiased
|
-webkit-font-smoothing: antialiased
|
||||||
@ -48,7 +48,7 @@ a
|
|||||||
color: $link-hover
|
color: $link-hover
|
||||||
|
|
||||||
code
|
code
|
||||||
background: $code-background
|
background-color: $code-background
|
||||||
color: $code
|
color: $code
|
||||||
font-size: 12px
|
font-size: 12px
|
||||||
font-weight: normal
|
font-weight: normal
|
||||||
@ -79,12 +79,12 @@ strong
|
|||||||
// Block
|
// Block
|
||||||
|
|
||||||
pre
|
pre
|
||||||
background: $pre-background
|
background-color: $pre-background
|
||||||
color: $pre
|
color: $pre
|
||||||
white-space: pre
|
white-space: pre
|
||||||
word-wrap: normal
|
word-wrap: normal
|
||||||
code
|
code
|
||||||
background: $pre-background
|
background-color: $pre-background
|
||||||
color: $pre
|
color: $pre
|
||||||
display: block
|
display: block
|
||||||
overflow-x: auto
|
overflow-x: auto
|
||||||
|
@ -43,7 +43,7 @@
|
|||||||
border-right: 1px solid $border
|
border-right: 1px solid $border
|
||||||
|
|
||||||
.card
|
.card
|
||||||
background: $white
|
background-color: $white
|
||||||
box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)
|
box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)
|
||||||
color: $text
|
color: $text
|
||||||
max-width: 100%
|
max-width: 100%
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
.media-number
|
.media-number
|
||||||
background: $background
|
background-color: $background
|
||||||
border-radius: 290486px
|
border-radius: 290486px
|
||||||
display: inline-block
|
display: inline-block
|
||||||
font-size: $size-medium
|
font-size: $size-medium
|
||||||
|
@ -10,11 +10,11 @@
|
|||||||
display: block
|
display: block
|
||||||
padding: 5px 10px
|
padding: 5px 10px
|
||||||
&:hover
|
&:hover
|
||||||
background: $background
|
background-color: $background
|
||||||
color: $link
|
color: $link
|
||||||
// Modifiers
|
// Modifiers
|
||||||
&.is-active
|
&.is-active
|
||||||
background: $link
|
background-color: $link
|
||||||
color: $link-invert
|
color: $link-invert
|
||||||
li
|
li
|
||||||
ul
|
ul
|
||||||
|
@ -6,7 +6,7 @@
|
|||||||
color: inherit
|
color: inherit
|
||||||
|
|
||||||
.message-header
|
.message-header
|
||||||
background: $text
|
background-color: $text
|
||||||
border-radius: $radius $radius 0 0
|
border-radius: $radius $radius 0 0
|
||||||
color: $text-invert
|
color: $text-invert
|
||||||
padding: 7px 10px
|
padding: 7px 10px
|
||||||
@ -18,7 +18,7 @@
|
|||||||
|
|
||||||
.message
|
.message
|
||||||
@extend .block
|
@extend .block
|
||||||
background: $background
|
background-color: $background
|
||||||
border-radius: $radius
|
border-radius: $radius
|
||||||
// Colors
|
// Colors
|
||||||
@each $name, $pair in $colors
|
@each $name, $pair in $colors
|
||||||
@ -27,9 +27,9 @@
|
|||||||
$lightning: max((100% - lightness($color)) - 4%, 0%)
|
$lightning: max((100% - lightness($color)) - 4%, 0%)
|
||||||
$darkness: max(lightness($color) - 10%, lightness($color))
|
$darkness: max(lightness($color) - 10%, lightness($color))
|
||||||
&.is-#{$name}
|
&.is-#{$name}
|
||||||
background: lighten($color, $lightning)
|
background-color: lighten($color, $lightning)
|
||||||
.message-header
|
.message-header
|
||||||
background: $color
|
background-color: $color
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
.message-body
|
.message-body
|
||||||
border-color: $color
|
border-color: $color
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
.modal-background
|
.modal-background
|
||||||
+overlay
|
+overlay
|
||||||
background: rgba($black, 0.86)
|
background-color: rgba($black, 0.86)
|
||||||
|
|
||||||
.modal-content
|
.modal-content
|
||||||
margin: 0 20px
|
margin: 0 20px
|
||||||
@ -25,7 +25,7 @@
|
|||||||
|
|
||||||
.modal-card
|
.modal-card
|
||||||
@extend .modal-content
|
@extend .modal-content
|
||||||
background: $white
|
background-color: $white
|
||||||
border-radius: $radius-large
|
border-radius: $radius-large
|
||||||
display: flex
|
display: flex
|
||||||
flex-direction: column
|
flex-direction: column
|
||||||
@ -35,7 +35,7 @@
|
|||||||
.modal-card-head,
|
.modal-card-head,
|
||||||
.modal-card-foot
|
.modal-card-foot
|
||||||
align-items: center
|
align-items: center
|
||||||
background: $background
|
background-color: $background
|
||||||
display: flex
|
display: flex
|
||||||
flex-shrink: 0
|
flex-shrink: 0
|
||||||
justify-content: flex-start
|
justify-content: flex-start
|
||||||
|
@ -52,7 +52,7 @@ a.nav-item
|
|||||||
.nav-menu
|
.nav-menu
|
||||||
// Responsiveness
|
// Responsiveness
|
||||||
+mobile
|
+mobile
|
||||||
background: $white
|
background-color: $white
|
||||||
box-shadow: 0 4px 7px rgba($black, 0.1)
|
box-shadow: 0 4px 7px rgba($black, 0.1)
|
||||||
left: 0
|
left: 0
|
||||||
display: none
|
display: none
|
||||||
@ -91,7 +91,7 @@ a.nav-item
|
|||||||
|
|
||||||
.nav
|
.nav
|
||||||
align-items: stretch
|
align-items: stretch
|
||||||
background: $white
|
background-color: $white
|
||||||
display: flex
|
display: flex
|
||||||
min-height: $nav-height
|
min-height: $nav-height
|
||||||
position: relative
|
position: relative
|
||||||
|
@ -8,7 +8,7 @@
|
|||||||
line-height: inherit
|
line-height: inherit
|
||||||
|
|
||||||
.panel-heading
|
.panel-heading
|
||||||
background: $background
|
background-color: $background
|
||||||
border-bottom: 1px solid $border
|
border-bottom: 1px solid $border
|
||||||
border-radius: 4px 4px 0 0
|
border-radius: 4px 4px 0 0
|
||||||
color: $text-strong
|
color: $text-strong
|
||||||
@ -48,7 +48,7 @@
|
|||||||
|
|
||||||
a.panel-block
|
a.panel-block
|
||||||
&:hover
|
&:hover
|
||||||
background: $background
|
background-color: $background
|
||||||
|
|
||||||
.panel
|
.panel
|
||||||
border: 1px solid $border
|
border: 1px solid $border
|
||||||
|
@ -62,12 +62,12 @@
|
|||||||
padding-bottom: 5px
|
padding-bottom: 5px
|
||||||
padding-top: 5px
|
padding-top: 5px
|
||||||
&:hover
|
&:hover
|
||||||
background: $background
|
background-color: $background
|
||||||
border-bottom-color: $border
|
border-bottom-color: $border
|
||||||
li
|
li
|
||||||
&.is-active
|
&.is-active
|
||||||
a
|
a
|
||||||
background: $white
|
background-color: $white
|
||||||
border-color: $border
|
border-color: $border
|
||||||
border-bottom-color: transparent !important
|
border-bottom-color: transparent !important
|
||||||
&.is-fullwidth
|
&.is-fullwidth
|
||||||
@ -81,7 +81,7 @@
|
|||||||
padding-top: 5px
|
padding-top: 5px
|
||||||
position: relative
|
position: relative
|
||||||
&:hover
|
&:hover
|
||||||
background: $background
|
background-color: $background
|
||||||
border-color: $border-hover
|
border-color: $border-hover
|
||||||
z-index: 2
|
z-index: 2
|
||||||
li
|
li
|
||||||
@ -93,7 +93,7 @@
|
|||||||
border-radius: 0 $radius $radius 0
|
border-radius: 0 $radius $radius 0
|
||||||
&.is-active
|
&.is-active
|
||||||
a
|
a
|
||||||
background: $primary
|
background-color: $primary
|
||||||
border-color: $primary
|
border-color: $primary
|
||||||
color: $primary-invert
|
color: $primary-invert
|
||||||
z-index: 1
|
z-index: 1
|
||||||
|
@ -1,6 +1,6 @@
|
|||||||
.box
|
.box
|
||||||
@extend .block
|
@extend .block
|
||||||
background: $white
|
background-color: $white
|
||||||
border-radius: $radius-large
|
border-radius: $radius-large
|
||||||
box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)
|
box-shadow: 0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)
|
||||||
display: block
|
display: block
|
||||||
|
@ -50,42 +50,42 @@
|
|||||||
$color: nth($pair, 1)
|
$color: nth($pair, 1)
|
||||||
$color-invert: nth($pair, 2)
|
$color-invert: nth($pair, 2)
|
||||||
&.is-#{$name}
|
&.is-#{$name}
|
||||||
background: $color
|
background-color: $color
|
||||||
border-color: transparent
|
border-color: transparent
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus,
|
&:focus,
|
||||||
&.is-active
|
&.is-active
|
||||||
background: darken($color, 10%)
|
background-color: darken($color, 10%)
|
||||||
border-color: transparent
|
border-color: transparent
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
&:active
|
&:active
|
||||||
border-color: transparent
|
border-color: transparent
|
||||||
&.is-inverted
|
&.is-inverted
|
||||||
background: $color-invert
|
background-color: $color-invert
|
||||||
color: $color
|
color: $color
|
||||||
&:hover
|
&:hover
|
||||||
background: darken($color-invert, 5%)
|
background-color: darken($color-invert, 5%)
|
||||||
&.is-loading
|
&.is-loading
|
||||||
&:after
|
&:after
|
||||||
border-color: transparent transparent $color-invert $color-invert !important
|
border-color: transparent transparent $color-invert $color-invert !important
|
||||||
&.is-outlined
|
&.is-outlined
|
||||||
background: transparent
|
background-color: transparent
|
||||||
border-color: $color
|
border-color: $color
|
||||||
color: $color
|
color: $color
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus
|
&:focus
|
||||||
background: $color
|
background-color: $color
|
||||||
border-color: $color
|
border-color: $color
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
&.is-link
|
&.is-link
|
||||||
background: transparent
|
background-color: transparent
|
||||||
border-color: transparent
|
border-color: transparent
|
||||||
color: $text
|
color: $text
|
||||||
text-decoration: underline
|
text-decoration: underline
|
||||||
&:hover,
|
&:hover,
|
||||||
&:focus
|
&:focus
|
||||||
background: $border
|
background-color: $border
|
||||||
color: $text-strong
|
color: $text-strong
|
||||||
// Sizes
|
// Sizes
|
||||||
&.is-small
|
&.is-small
|
||||||
|
@ -32,7 +32,7 @@
|
|||||||
&:not(:first-child)
|
&:not(:first-child)
|
||||||
margin-top: 40px
|
margin-top: 40px
|
||||||
blockquote
|
blockquote
|
||||||
background: $background
|
background-color: $background
|
||||||
border-left: 5px solid $border
|
border-left: 5px solid $border
|
||||||
padding: 1.5em
|
padding: 1.5em
|
||||||
h1
|
h1
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
.notification
|
.notification
|
||||||
@extend .block
|
@extend .block
|
||||||
+clearfix
|
+clearfix
|
||||||
background: $background
|
background-color: $background
|
||||||
border-radius: $radius
|
border-radius: $radius
|
||||||
padding: 16px 20px
|
padding: 16px 20px
|
||||||
position: relative
|
position: relative
|
||||||
@ -17,5 +17,5 @@
|
|||||||
$color: nth($pair, 1)
|
$color: nth($pair, 1)
|
||||||
$color-invert: nth($pair, 2)
|
$color-invert: nth($pair, 2)
|
||||||
&.is-#{$name}
|
&.is-#{$name}
|
||||||
background: $color
|
background-color: $color
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
@extend .unselectable
|
@extend .unselectable
|
||||||
-moz-appearance: none
|
-moz-appearance: none
|
||||||
-webkit-appearance: none
|
-webkit-appearance: none
|
||||||
background: rgba($black, 0.2)
|
background-color: rgba($black, 0.2)
|
||||||
border: none
|
border: none
|
||||||
border-radius: 290486px
|
border-radius: 290486px
|
||||||
cursor: pointer
|
cursor: pointer
|
||||||
@ -13,7 +13,7 @@
|
|||||||
width: 24px
|
width: 24px
|
||||||
&:before,
|
&:before,
|
||||||
&:after
|
&:after
|
||||||
background: $white
|
background-color: $white
|
||||||
content: ""
|
content: ""
|
||||||
display: block
|
display: block
|
||||||
height: 2px
|
height: 2px
|
||||||
@ -28,7 +28,7 @@
|
|||||||
&:after
|
&:after
|
||||||
transform: rotate(-45deg)
|
transform: rotate(-45deg)
|
||||||
&:hover
|
&:hover
|
||||||
background: rgba($black, 0.5)
|
background-color: rgba($black, 0.5)
|
||||||
// Sizes
|
// Sizes
|
||||||
&.is-small
|
&.is-small
|
||||||
height: 16px
|
height: 16px
|
||||||
@ -60,7 +60,7 @@
|
|||||||
position: relative
|
position: relative
|
||||||
width: $nav-height
|
width: $nav-height
|
||||||
span
|
span
|
||||||
background: $text
|
background-color: $text
|
||||||
display: block
|
display: block
|
||||||
height: 1px
|
height: 1px
|
||||||
left: 50%
|
left: 50%
|
||||||
@ -77,11 +77,11 @@
|
|||||||
&:nth-child(3)
|
&:nth-child(3)
|
||||||
margin-top: 4px
|
margin-top: 4px
|
||||||
&:hover
|
&:hover
|
||||||
background: $background
|
background-color: $background
|
||||||
// Modifers
|
// Modifers
|
||||||
&.is-active
|
&.is-active
|
||||||
span
|
span
|
||||||
background: $link
|
background-color: $link
|
||||||
&:nth-child(1)
|
&:nth-child(1)
|
||||||
margin-left: -5px
|
margin-left: -5px
|
||||||
transform: rotate(45deg)
|
transform: rotate(45deg)
|
||||||
@ -124,7 +124,7 @@
|
|||||||
width: 16px
|
width: 16px
|
||||||
|
|
||||||
.number
|
.number
|
||||||
background: $background
|
background-color: $background
|
||||||
border-radius: 290486px
|
border-radius: 290486px
|
||||||
display: inline-block
|
display: inline-block
|
||||||
font-size: $size-medium
|
font-size: $size-medium
|
||||||
@ -132,7 +132,7 @@
|
|||||||
|
|
||||||
.tag
|
.tag
|
||||||
align-items: center
|
align-items: center
|
||||||
background: $background
|
background-color: $background
|
||||||
border-radius: 290486px
|
border-radius: 290486px
|
||||||
color: $text
|
color: $text
|
||||||
display: inline-flex
|
display: inline-flex
|
||||||
@ -155,7 +155,7 @@
|
|||||||
$color: nth($pair, 1)
|
$color: nth($pair, 1)
|
||||||
$color-invert: nth($pair, 2)
|
$color-invert: nth($pair, 2)
|
||||||
&.is-#{$name}
|
&.is-#{$name}
|
||||||
background: $color
|
background-color: $color
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
// Sizes
|
// Sizes
|
||||||
&.is-small
|
&.is-small
|
||||||
|
@ -10,19 +10,19 @@
|
|||||||
padding: 0
|
padding: 0
|
||||||
width: 100%
|
width: 100%
|
||||||
&::-webkit-progress-bar
|
&::-webkit-progress-bar
|
||||||
background: $border
|
background-color: $border
|
||||||
&::-webkit-progress-value
|
&::-webkit-progress-value
|
||||||
background: $text
|
background-color: $text
|
||||||
&::-moz-progress-bar
|
&::-moz-progress-bar
|
||||||
background: $text
|
background-color: $text
|
||||||
// Colors
|
// Colors
|
||||||
@each $name, $pair in $colors
|
@each $name, $pair in $colors
|
||||||
$color: nth($pair, 1)
|
$color: nth($pair, 1)
|
||||||
&.is-#{$name}
|
&.is-#{$name}
|
||||||
&::-webkit-progress-value
|
&::-webkit-progress-value
|
||||||
background: $color
|
background-color: $color
|
||||||
&::-moz-progress-bar
|
&::-moz-progress-bar
|
||||||
background: $color
|
background-color: $color
|
||||||
// Sizes
|
// Sizes
|
||||||
&.is-small
|
&.is-small
|
||||||
height: 8px
|
height: 8px
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
.table
|
.table
|
||||||
background: $white
|
background-color: $white
|
||||||
color: $text-strong
|
color: $text-strong
|
||||||
margin-bottom: 20px
|
margin-bottom: 20px
|
||||||
width: 100%
|
width: 100%
|
||||||
@ -27,7 +27,7 @@
|
|||||||
display: block
|
display: block
|
||||||
padding: 8px 10px
|
padding: 8px 10px
|
||||||
&:hover
|
&:hover
|
||||||
background: $link
|
background-color: $link
|
||||||
color: $link-invert
|
color: $link-invert
|
||||||
&.is-narrow
|
&.is-narrow
|
||||||
white-space: nowrap
|
white-space: nowrap
|
||||||
@ -37,7 +37,7 @@
|
|||||||
text-align: left
|
text-align: left
|
||||||
tr
|
tr
|
||||||
&:hover
|
&:hover
|
||||||
background: $background
|
background-color: $background
|
||||||
color: $text-strong
|
color: $text-strong
|
||||||
thead
|
thead
|
||||||
td,
|
td,
|
||||||
@ -84,8 +84,8 @@
|
|||||||
tbody
|
tbody
|
||||||
tr
|
tr
|
||||||
&:hover
|
&:hover
|
||||||
background: darken($background, 2%)
|
background-color: darken($background, 2%)
|
||||||
&:nth-child(2n)
|
&:nth-child(2n)
|
||||||
background: $background
|
background-color: $background
|
||||||
&:hover
|
&:hover
|
||||||
background: darken($background, 2%)
|
background-color: darken($background, 2%)
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
.footer
|
.footer
|
||||||
background: $background
|
background-color: $background
|
||||||
padding: 40px 20px 80px
|
padding: 40px 20px 80px
|
||||||
a
|
a
|
||||||
&,
|
&,
|
||||||
|
@ -2,7 +2,7 @@ $header-height: 50px !default
|
|||||||
|
|
||||||
.header
|
.header
|
||||||
+clearfix
|
+clearfix
|
||||||
background: $white
|
background-color: $white
|
||||||
display: flex
|
display: flex
|
||||||
line-height: 24px
|
line-height: 24px
|
||||||
min-height: $header-height
|
min-height: $header-height
|
||||||
@ -143,7 +143,7 @@ a.header-item
|
|||||||
justify-content: center
|
justify-content: center
|
||||||
|
|
||||||
.header.is-small
|
.header.is-small
|
||||||
background: $background
|
background-color: $background
|
||||||
box-shadow: none
|
box-shadow: none
|
||||||
height: 40px
|
height: 40px
|
||||||
z-index: 1
|
z-index: 1
|
||||||
|
@ -49,7 +49,7 @@
|
|||||||
|
|
||||||
.hero
|
.hero
|
||||||
align-items: stretch
|
align-items: stretch
|
||||||
background: $white
|
background-color: $white
|
||||||
display: flex
|
display: flex
|
||||||
flex-direction: column
|
flex-direction: column
|
||||||
justify-content: space-between
|
justify-content: space-between
|
||||||
@ -64,7 +64,7 @@
|
|||||||
$color: nth($pair, 1)
|
$color: nth($pair, 1)
|
||||||
$color-invert: nth($pair, 2)
|
$color-invert: nth($pair, 2)
|
||||||
&.is-#{$name}
|
&.is-#{$name}
|
||||||
background: $color
|
background-color: $color
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
.title
|
.title
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
@ -80,7 +80,7 @@
|
|||||||
box-shadow: 0 1px 0 rgba($color-invert, 0.2)
|
box-shadow: 0 1px 0 rgba($color-invert, 0.2)
|
||||||
.nav-menu
|
.nav-menu
|
||||||
+mobile
|
+mobile
|
||||||
background: $color
|
background-color: $color
|
||||||
a.nav-item,
|
a.nav-item,
|
||||||
.nav-item a:not(.button)
|
.nav-item a:not(.button)
|
||||||
color: rgba($color-invert, 0.5)
|
color: rgba($color-invert, 0.5)
|
||||||
@ -101,11 +101,11 @@
|
|||||||
a
|
a
|
||||||
color: $color-invert
|
color: $color-invert
|
||||||
&:hover
|
&:hover
|
||||||
background: rgba($black, 0.1)
|
background-color: rgba($black, 0.1)
|
||||||
li.is-active a
|
li.is-active a
|
||||||
&,
|
&,
|
||||||
&:hover
|
&:hover
|
||||||
background: $color-invert
|
background-color: $color-invert
|
||||||
border-color: $color-invert
|
border-color: $color-invert
|
||||||
color: $color
|
color: $color
|
||||||
// Modifiers
|
// Modifiers
|
||||||
@ -117,12 +117,12 @@
|
|||||||
+mobile
|
+mobile
|
||||||
.nav-toggle
|
.nav-toggle
|
||||||
span
|
span
|
||||||
background: $color-invert
|
background-color: $color-invert
|
||||||
&:hover
|
&:hover
|
||||||
background: rgba($black, 0.1)
|
background-color: rgba($black, 0.1)
|
||||||
&.is-active
|
&.is-active
|
||||||
span
|
span
|
||||||
background: $color-invert
|
background-color: $color-invert
|
||||||
.nav-menu
|
.nav-menu
|
||||||
.nav-item
|
.nav-item
|
||||||
border-top-color: rgba($color-invert, 0.2)
|
border-top-color: rgba($color-invert, 0.2)
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
.section
|
.section
|
||||||
background: $white
|
background-color: $white
|
||||||
padding: 40px 20px
|
padding: 40px 20px
|
||||||
// Responsiveness
|
// Responsiveness
|
||||||
+desktop
|
+desktop
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
-moz-appearance: none
|
-moz-appearance: none
|
||||||
-webkit-appearance: none
|
-webkit-appearance: none
|
||||||
align-items: center
|
align-items: center
|
||||||
background: $control-background
|
background-color: $control-background
|
||||||
border: 1px solid $control-border
|
border: 1px solid $control-border
|
||||||
border-radius: $radius
|
border-radius: $radius
|
||||||
color: $control
|
color: $control
|
||||||
@ -24,7 +24,7 @@
|
|||||||
outline: none
|
outline: none
|
||||||
&[disabled],
|
&[disabled],
|
||||||
&.is-disabled
|
&.is-disabled
|
||||||
background: $background
|
background-color: $background
|
||||||
border-color: $control-border
|
border-color: $control-border
|
||||||
cursor: not-allowed
|
cursor: not-allowed
|
||||||
pointer-events: none
|
pointer-events: none
|
||||||
|
@ -46,7 +46,9 @@
|
|||||||
@content
|
@content
|
||||||
|
|
||||||
=replace($background, $width, $height)
|
=replace($background, $width, $height)
|
||||||
background: $background center center no-repeat
|
background-color: $background
|
||||||
|
background-position: center center
|
||||||
|
background-repeat: no-repeat
|
||||||
background-size: $width $height
|
background-size: $width $height
|
||||||
display: block
|
display: block
|
||||||
height: $height
|
height: $height
|
||||||
|
Loading…
Reference in New Issue
Block a user