From 7bc903e146d17eac4d694ca1064286b836bb7e0c Mon Sep 17 00:00:00 2001 From: Wikiki Date: Sat, 12 May 2018 15:44:06 +0200 Subject: [PATCH 1/2] fix: #22 Checkmark doesn't show in IE11 --- src/extension.sass | 124 ++++++++++++++++++++++++++++++--------------- 1 file changed, 84 insertions(+), 40 deletions(-) diff --git a/src/extension.sass b/src/extension.sass index 96bdecf..ea4e23f 100644 --- a/src/extension.sass +++ b/src/extension.sass @@ -13,10 +13,12 @@ $checkradio-top-offset: 0rem !default font-size: $size // line-height: $newSize padding-left: $size * 2 - &::before + &::before, + &:before width: $newSize height: $newSize - &::after + &::after, + &:after width: $width height: $height top: ( ( $newSize / 2 ) - ( $height / 2 ) ) * 0.9 @@ -24,7 +26,8 @@ $checkradio-top-offset: 0rem !default &.is-block + label - &::after + &::after, + &:after top: ( ( ( $newSize / 2 ) - ( $height / 2 ) ) * 1.3 ) left: $height * 1.3 @@ -32,7 +35,8 @@ $checkradio-top-offset: 0rem !default + label padding-left: 0 padding-right: $size * 2 - &::after + &::after, + &:after left: auto right: $height @@ -46,7 +50,10 @@ $checkradio-top-offset: 0rem !default font-size: $size line-height: $newSize padding-left: $size * 2 - &::before, &::after + &::before, + &:before, + &::after, + &:after width: $width height: $height &.is-rtl @@ -71,19 +78,22 @@ $checkradio-top-offset: 0rem !default border-radius: $checkbox-radius &:hover - &::before + &::before, + &:before animation-duration: 0.4s animation-fill-mode: both animation-name: hover-color - &::before + &::before, + &:before position: absolute left: 0 top: $checkradio-top-offset content: '' border: $checkbox-border - &::after + &::after, + &:after position: absolute display: none content: '' @@ -93,32 +103,38 @@ $checkradio-top-offset: 0rem !default + label margin-right: 0rem margin-left: 0.5rem - &::before + &::before, + &:before left: auto right: 0 &:focus + label - &::before + &::before, + &:before outline: $checkradio-focus &:hover:not([disabled]) + label - &::before + &::before, + &:before border-color: $primary !important &:checked + label - &::before + &::before, + &:before border: $checkbox-border &[disabled] cursor: not-allowed + label opacity: 0.5 + label - &::before + &::before, + &:before animation-name: none - &::after + &::after, + &:after display: inline-block &[disabled] @@ -128,23 +144,29 @@ $checkradio-top-offset: 0rem !default cursor: not-allowed &:hover, &:before, + &::before, + &::after, &:after cursor: not-allowed &:hover cursor: not-allowed - &::before + &::before, + &:before animation-name: none - &::before + &::before, + &:before cursor: not-allowed - &::after + &::after, + &:after cursor: not-allowed &.has-no-border + label - &::before + &::before, + &:before border: none !important &.is-block @@ -154,15 +176,18 @@ $checkradio-top-offset: 0rem !default background: $checkbox-block-background color: findColorInvert( $checkbox-block-background ) padding-right: .75em - &::before + &::before, + &:before border: none !important .is-checkradio[type="checkbox"] + label - &::before + &::before, + &:before border-radius: $checkbox-radius - &::after + &::after, + &:after box-sizing: border-box transform: rotate(45deg) border-width: .1rem @@ -173,7 +198,8 @@ $checkradio-top-offset: 0rem !default &.is-circle + label - &::before + &::before, + &:before border-radius: 50% +checkbox-size($size-normal) @@ -190,23 +216,28 @@ $checkradio-top-offset: 0rem !default &.is-#{$name} &.has-background-color + label - &::before + &::before, + &:before border-color: transparent !important background-color: $color !important &:hover:not([disabled]) + label - &::before + &::before, + &:before border-color: $color !important &:checked + label - &::after + &::after, + &:after border-color: $color !important &.has-background-color + label - &::before + &::before, + &:before border-color: transparent !important background-color: $color !important - &::after + &::after, + &:after border-color: $color-invert !important background-color: $color !important &.is-block @@ -214,12 +245,14 @@ $checkradio-top-offset: 0rem !default color: $color-invert border-color: $color !important background: $color - &::after + &::after, + &:after border-color: $color-invert !important &:indeterminate + label - &::after + &::after, + &:after display: inline-block transform: rotate(90deg) border-bottom: none @@ -228,14 +261,17 @@ $checkradio-top-offset: 0rem !default $color-invert: nth($pair, 2) &.is-#{$name} + label - &::after + &::after, + &:after border-color: $color .is-checkradio[type="radio"] + label - &::before + &::before, + &:before border-radius: 50% - &::after + &::after, + &:after border-radius: 50% background: $primary left: 0 @@ -244,17 +280,20 @@ $checkradio-top-offset: 0rem !default &:checked &.has-background-color + label - &::before + &::before, + &:before border-color: $text !important background-color: $text !important - &::after + &::after, + &:after border-color: $text !important background-color: $text !important &.is-rtl + label padding-left: 0 - &::after + &::after, + &:after left: auto right: 0 @@ -272,23 +311,28 @@ $checkradio-top-offset: 0rem !default &.is-#{$name} &.has-background-color + label - &::before + &::before, + &:before border-color: $color !important background-color: $color !important &:hover:not([disabled]) + label - &::before + &::before, + &:before border-color: $color !important &:checked + label - &::after + &::after, + &:after border-color: $color !important background-color: $color !important &.has-background-color + label - &::before + &::before, + &:before border-color: $color !important background-color: $color !important - &::after + &::after, + &:after border-color: $color-invert !important background-color: $color-invert !important From 9ca3f60f681625c1bd6f78cf0fa275bd0e20d54b Mon Sep 17 00:00:00 2001 From: Wikiki Date: Sat, 12 May 2018 15:45:46 +0200 Subject: [PATCH 2/2] [Prerelease] Bumped version number --- CHANGELOG.md | 10 +++ bower.json | 2 +- dist/bulma-checkradio.min.css | 2 +- dist/bulma-checkradio.sass | 124 +++++++++++++++++++++++----------- package.json | 2 +- 5 files changed, 97 insertions(+), 43 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 5aabc8e..0049449 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,13 @@ + +## [1.0.2](https://github.com/Wikiki/bulma-checkradio/compare/1.0.1...1.0.2) (2018-05-12) + + +### Bug Fixes + +* [#22](https://github.com/Wikiki/bulma-checkradio/issues/22) Checkmark doesn't show in IE11 ([7bc903e](https://github.com/Wikiki/bulma-checkradio/commit/7bc903e)) + + + ## [1.0.1](https://github.com/Wikiki/bulma-checkradio/compare/1.0.0...1.0.1) (2018-02-11) diff --git a/bower.json b/bower.json index e607cf7..1dc62f1 100644 --- a/bower.json +++ b/bower.json @@ -2,7 +2,7 @@ "name": "bulma-checkradio", "description": "Make classic checkbox and radio more sexy in different colors, sizes, and states", "main": "checkradio.sass", - "version": "1.0.1", + "version": "1.0.2", "authors": [ "Wikiki (https://wikiki.github.io/bulma-extensions/overview)" ], diff --git a/dist/bulma-checkradio.min.css b/dist/bulma-checkradio.min.css index b09e4a3..35288c8 100644 --- a/dist/bulma-checkradio.min.css +++ b/dist/bulma-checkradio.min.css @@ -1 +1 @@ -@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.is-checkradio[type=checkbox],.is-checkradio[type=radio]{outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;position:absolute;opacity:0}.is-checkradio[type=checkbox]+label,.is-checkradio[type=radio]+label{position:relative;display:initial;cursor:pointer;vertical-align:middle;margin:.5em;padding:.2rem .5rem .2rem 0;border-radius:3px}.is-checkradio[type=checkbox]+label:hover::before,.is-checkradio[type=radio]+label:hover::before{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:hover-color;animation-name:hover-color}.is-checkradio[type=checkbox]+label::before,.is-checkradio[type=radio]+label::before{position:absolute;left:0;top:0;content:'';border:.1rem solid #dbdbdb}.is-checkradio[type=checkbox]+label::after,.is-checkradio[type=radio]+label::after{position:absolute;display:none;content:'';top:0}.is-checkradio[type=checkbox].is-rtl+label,.is-checkradio[type=radio].is-rtl+label{margin-right:0;margin-left:.5rem}.is-checkradio[type=checkbox].is-rtl+label::before,.is-checkradio[type=radio].is-rtl+label::before{left:auto;right:0}.is-checkradio[type=checkbox]:focus+label::before,.is-checkradio[type=radio]:focus+label::before{outline:1px dotted #b5b5b5}.is-checkradio[type=checkbox]:hover:not([disabled])+label::before,.is-checkradio[type=radio]:hover:not([disabled])+label::before{border-color:#00d1b2!important}.is-checkradio[type=checkbox]:checked+label::before,.is-checkradio[type=radio]:checked+label::before{border:.1rem solid #dbdbdb}.is-checkradio[type=checkbox]:checked[disabled],.is-checkradio[type=radio]:checked[disabled]{cursor:not-allowed}.is-checkradio[type=checkbox]:checked[disabled]+label,.is-checkradio[type=radio]:checked[disabled]+label{opacity:.5}.is-checkradio[type=checkbox]:checked+label::before,.is-checkradio[type=radio]:checked+label::before{-webkit-animation-name:none;animation-name:none}.is-checkradio[type=checkbox]:checked+label::after,.is-checkradio[type=radio]:checked+label::after{display:inline-block}.is-checkradio[type=checkbox][disabled],.is-checkradio[type=radio][disabled]{cursor:not-allowed}.is-checkradio[type=checkbox][disabled]+label,.is-checkradio[type=radio][disabled]+label{opacity:.5;cursor:not-allowed}.is-checkradio[type=checkbox][disabled]+label:after,.is-checkradio[type=checkbox][disabled]+label:before,.is-checkradio[type=checkbox][disabled]+label:hover,.is-checkradio[type=radio][disabled]+label:after,.is-checkradio[type=radio][disabled]+label:before,.is-checkradio[type=radio][disabled]+label:hover{cursor:not-allowed}.is-checkradio[type=checkbox][disabled]:hover,.is-checkradio[type=radio][disabled]:hover{cursor:not-allowed}.is-checkradio[type=checkbox][disabled]:hover::before,.is-checkradio[type=radio][disabled]:hover::before{-webkit-animation-name:none;animation-name:none}.is-checkradio[type=checkbox][disabled]::before,.is-checkradio[type=radio][disabled]::before{cursor:not-allowed}.is-checkradio[type=checkbox][disabled]::after,.is-checkradio[type=radio][disabled]::after{cursor:not-allowed}.is-checkradio[type=checkbox].has-no-border+label::before,.is-checkradio[type=radio].has-no-border+label::before{border:none!important}.is-checkradio[type=checkbox].is-block,.is-checkradio[type=radio].is-block{display:none!important}.is-checkradio[type=checkbox].is-block+label,.is-checkradio[type=radio].is-block+label{width:100%!important;background:#f5f5f5;color:rgba(0,0,0,.7);padding-right:.75em}.is-checkradio[type=checkbox].is-block+label::before,.is-checkradio[type=radio].is-block+label::before{border:none!important}.is-checkradio[type=checkbox]+label::before{border-radius:3px}.is-checkradio[type=checkbox]+label::after{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:.1rem;border-style:solid;border-color:#00d1b2;border-top:0;border-left:0}.is-checkradio[type=checkbox].is-circle+label::before{border-radius:50%}.is-checkradio[type=checkbox]+label{font-size:1rem;padding-left:2rem}.is-checkradio[type=checkbox]+label::before{width:1.5rem;height:1.5rem}.is-checkradio[type=checkbox]+label::after{width:.375rem;height:.6rem;top:.405rem;left:.6rem}.is-checkradio[type=checkbox].is-block+label::after{top:.585rem;left:.78rem}.is-checkradio[type=checkbox].is-rtl+label{padding-left:0;padding-right:2rem}.is-checkradio[type=checkbox].is-rtl+label::after{left:auto;right:.6rem}.is-checkradio[type=checkbox].is-small+label{font-size:.75rem;padding-left:1.5rem}.is-checkradio[type=checkbox].is-small+label::before{width:1.125rem;height:1.125rem}.is-checkradio[type=checkbox].is-small+label::after{width:.28125rem;height:.45rem;top:.30375rem;left:.45rem}.is-checkradio[type=checkbox].is-small.is-block+label::after{top:.43875rem;left:.585rem}.is-checkradio[type=checkbox].is-small.is-rtl+label{padding-left:0;padding-right:1.5rem}.is-checkradio[type=checkbox].is-small.is-rtl+label::after{left:auto;right:.45rem}.is-checkradio[type=checkbox].is-medium+label{font-size:1.25rem;padding-left:2.5rem}.is-checkradio[type=checkbox].is-medium+label::before{width:1.875rem;height:1.875rem}.is-checkradio[type=checkbox].is-medium+label::after{width:.46875rem;height:.75rem;top:.50625rem;left:.75rem}.is-checkradio[type=checkbox].is-medium.is-block+label::after{top:.73125rem;left:.975rem}.is-checkradio[type=checkbox].is-medium.is-rtl+label{padding-left:0;padding-right:2.5rem}.is-checkradio[type=checkbox].is-medium.is-rtl+label::after{left:auto;right:.75rem}.is-checkradio[type=checkbox].is-large+label{font-size:1.5rem;padding-left:3rem}.is-checkradio[type=checkbox].is-large+label::before{width:2.25rem;height:2.25rem}.is-checkradio[type=checkbox].is-large+label::after{width:.5625rem;height:.9rem;top:.6075rem;left:.9rem}.is-checkradio[type=checkbox].is-large.is-block+label::after{top:.8775rem;left:1.17rem}.is-checkradio[type=checkbox].is-large.is-rtl+label{padding-left:0;padding-right:3rem}.is-checkradio[type=checkbox].is-large.is-rtl+label::after{left:auto;right:.9rem}.is-checkradio[type=checkbox].is-white.has-background-color+label::before{border-color:transparent!important;background-color:#fff!important}.is-checkradio[type=checkbox].is-white:hover:not([disabled])+label::before{border-color:#fff!important}.is-checkradio[type=checkbox].is-white:checked+label::after{border-color:#fff!important}.is-checkradio[type=checkbox].is-white:checked.has-background-color+label::before{border-color:transparent!important;background-color:#fff!important}.is-checkradio[type=checkbox].is-white:checked.has-background-color+label::after{border-color:#0a0a0a!important;background-color:#fff!important}.is-checkradio[type=checkbox].is-white:checked.is-block+label{color:#0a0a0a;border-color:#fff!important;background:#fff}.is-checkradio[type=checkbox].is-white:checked.is-block+label::after{border-color:#0a0a0a!important}.is-checkradio[type=checkbox].is-black.has-background-color+label::before{border-color:transparent!important;background-color:#0a0a0a!important}.is-checkradio[type=checkbox].is-black:hover:not([disabled])+label::before{border-color:#0a0a0a!important}.is-checkradio[type=checkbox].is-black:checked+label::after{border-color:#0a0a0a!important}.is-checkradio[type=checkbox].is-black:checked.has-background-color+label::before{border-color:transparent!important;background-color:#0a0a0a!important}.is-checkradio[type=checkbox].is-black:checked.has-background-color+label::after{border-color:#fff!important;background-color:#0a0a0a!important}.is-checkradio[type=checkbox].is-black:checked.is-block+label{color:#fff;border-color:#0a0a0a!important;background:#0a0a0a}.is-checkradio[type=checkbox].is-black:checked.is-block+label::after{border-color:#fff!important}.is-checkradio[type=checkbox].is-light.has-background-color+label::before{border-color:transparent!important;background-color:#f5f5f5!important}.is-checkradio[type=checkbox].is-light:hover:not([disabled])+label::before{border-color:#f5f5f5!important}.is-checkradio[type=checkbox].is-light:checked+label::after{border-color:#f5f5f5!important}.is-checkradio[type=checkbox].is-light:checked.has-background-color+label::before{border-color:transparent!important;background-color:#f5f5f5!important}.is-checkradio[type=checkbox].is-light:checked.has-background-color+label::after{border-color:#363636!important;background-color:#f5f5f5!important}.is-checkradio[type=checkbox].is-light:checked.is-block+label{color:#363636;border-color:#f5f5f5!important;background:#f5f5f5}.is-checkradio[type=checkbox].is-light:checked.is-block+label::after{border-color:#363636!important}.is-checkradio[type=checkbox].is-dark.has-background-color+label::before{border-color:transparent!important;background-color:#363636!important}.is-checkradio[type=checkbox].is-dark:hover:not([disabled])+label::before{border-color:#363636!important}.is-checkradio[type=checkbox].is-dark:checked+label::after{border-color:#363636!important}.is-checkradio[type=checkbox].is-dark:checked.has-background-color+label::before{border-color:transparent!important;background-color:#363636!important}.is-checkradio[type=checkbox].is-dark:checked.has-background-color+label::after{border-color:#f5f5f5!important;background-color:#363636!important}.is-checkradio[type=checkbox].is-dark:checked.is-block+label{color:#f5f5f5;border-color:#363636!important;background:#363636}.is-checkradio[type=checkbox].is-dark:checked.is-block+label::after{border-color:#f5f5f5!important}.is-checkradio[type=checkbox].is-primary.has-background-color+label::before{border-color:transparent!important;background-color:#00d1b2!important}.is-checkradio[type=checkbox].is-primary:hover:not([disabled])+label::before{border-color:#00d1b2!important}.is-checkradio[type=checkbox].is-primary:checked+label::after{border-color:#00d1b2!important}.is-checkradio[type=checkbox].is-primary:checked.has-background-color+label::before{border-color:transparent!important;background-color:#00d1b2!important}.is-checkradio[type=checkbox].is-primary:checked.has-background-color+label::after{border-color:#fff!important;background-color:#00d1b2!important}.is-checkradio[type=checkbox].is-primary:checked.is-block+label{color:#fff;border-color:#00d1b2!important;background:#00d1b2}.is-checkradio[type=checkbox].is-primary:checked.is-block+label::after{border-color:#fff!important}.is-checkradio[type=checkbox].is-link.has-background-color+label::before{border-color:transparent!important;background-color:#3273dc!important}.is-checkradio[type=checkbox].is-link:hover:not([disabled])+label::before{border-color:#3273dc!important}.is-checkradio[type=checkbox].is-link:checked+label::after{border-color:#3273dc!important}.is-checkradio[type=checkbox].is-link:checked.has-background-color+label::before{border-color:transparent!important;background-color:#3273dc!important}.is-checkradio[type=checkbox].is-link:checked.has-background-color+label::after{border-color:#fff!important;background-color:#3273dc!important}.is-checkradio[type=checkbox].is-link:checked.is-block+label{color:#fff;border-color:#3273dc!important;background:#3273dc}.is-checkradio[type=checkbox].is-link:checked.is-block+label::after{border-color:#fff!important}.is-checkradio[type=checkbox].is-info.has-background-color+label::before{border-color:transparent!important;background-color:#209cee!important}.is-checkradio[type=checkbox].is-info:hover:not([disabled])+label::before{border-color:#209cee!important}.is-checkradio[type=checkbox].is-info:checked+label::after{border-color:#209cee!important}.is-checkradio[type=checkbox].is-info:checked.has-background-color+label::before{border-color:transparent!important;background-color:#209cee!important}.is-checkradio[type=checkbox].is-info:checked.has-background-color+label::after{border-color:#fff!important;background-color:#209cee!important}.is-checkradio[type=checkbox].is-info:checked.is-block+label{color:#fff;border-color:#209cee!important;background:#209cee}.is-checkradio[type=checkbox].is-info:checked.is-block+label::after{border-color:#fff!important}.is-checkradio[type=checkbox].is-success.has-background-color+label::before{border-color:transparent!important;background-color:#23d160!important}.is-checkradio[type=checkbox].is-success:hover:not([disabled])+label::before{border-color:#23d160!important}.is-checkradio[type=checkbox].is-success:checked+label::after{border-color:#23d160!important}.is-checkradio[type=checkbox].is-success:checked.has-background-color+label::before{border-color:transparent!important;background-color:#23d160!important}.is-checkradio[type=checkbox].is-success:checked.has-background-color+label::after{border-color:#fff!important;background-color:#23d160!important}.is-checkradio[type=checkbox].is-success:checked.is-block+label{color:#fff;border-color:#23d160!important;background:#23d160}.is-checkradio[type=checkbox].is-success:checked.is-block+label::after{border-color:#fff!important}.is-checkradio[type=checkbox].is-warning.has-background-color+label::before{border-color:transparent!important;background-color:#ffdd57!important}.is-checkradio[type=checkbox].is-warning:hover:not([disabled])+label::before{border-color:#ffdd57!important}.is-checkradio[type=checkbox].is-warning:checked+label::after{border-color:#ffdd57!important}.is-checkradio[type=checkbox].is-warning:checked.has-background-color+label::before{border-color:transparent!important;background-color:#ffdd57!important}.is-checkradio[type=checkbox].is-warning:checked.has-background-color+label::after{border-color:rgba(0,0,0,.7)!important;background-color:#ffdd57!important}.is-checkradio[type=checkbox].is-warning:checked.is-block+label{color:rgba(0,0,0,.7);border-color:#ffdd57!important;background:#ffdd57}.is-checkradio[type=checkbox].is-warning:checked.is-block+label::after{border-color:rgba(0,0,0,.7)!important}.is-checkradio[type=checkbox].is-danger.has-background-color+label::before{border-color:transparent!important;background-color:#ff3860!important}.is-checkradio[type=checkbox].is-danger:hover:not([disabled])+label::before{border-color:#ff3860!important}.is-checkradio[type=checkbox].is-danger:checked+label::after{border-color:#ff3860!important}.is-checkradio[type=checkbox].is-danger:checked.has-background-color+label::before{border-color:transparent!important;background-color:#ff3860!important}.is-checkradio[type=checkbox].is-danger:checked.has-background-color+label::after{border-color:#fff!important;background-color:#ff3860!important}.is-checkradio[type=checkbox].is-danger:checked.is-block+label{color:#fff;border-color:#ff3860!important;background:#ff3860}.is-checkradio[type=checkbox].is-danger:checked.is-block+label::after{border-color:#fff!important}.is-checkradio[type=checkbox]:indeterminate+label::after{display:inline-block;-webkit-transform:rotate(90deg);transform:rotate(90deg);border-bottom:none}.is-checkradio[type=checkbox]:indeterminate.is-white+label::after{border-color:#fff}.is-checkradio[type=checkbox]:indeterminate.is-black+label::after{border-color:#0a0a0a}.is-checkradio[type=checkbox]:indeterminate.is-light+label::after{border-color:#f5f5f5}.is-checkradio[type=checkbox]:indeterminate.is-dark+label::after{border-color:#363636}.is-checkradio[type=checkbox]:indeterminate.is-primary+label::after{border-color:#00d1b2}.is-checkradio[type=checkbox]:indeterminate.is-link+label::after{border-color:#3273dc}.is-checkradio[type=checkbox]:indeterminate.is-info+label::after{border-color:#209cee}.is-checkradio[type=checkbox]:indeterminate.is-success+label::after{border-color:#23d160}.is-checkradio[type=checkbox]:indeterminate.is-warning+label::after{border-color:#ffdd57}.is-checkradio[type=checkbox]:indeterminate.is-danger+label::after{border-color:#ff3860}.is-checkradio[type=radio]+label::before{border-radius:50%}.is-checkradio[type=radio]+label::after{border-radius:50%;background:#00d1b2;left:0;-webkit-transform:scale(.5);transform:scale(.5)}.is-checkradio[type=radio]:checked.has-background-color+label::before{border-color:#4a4a4a!important;background-color:#4a4a4a!important}.is-checkradio[type=radio]:checked.has-background-color+label::after{border-color:#4a4a4a!important;background-color:#4a4a4a!important}.is-checkradio[type=radio].is-rtl+label{padding-left:0}.is-checkradio[type=radio].is-rtl+label::after{left:auto;right:0}.is-checkradio[type=radio]+label{font-size:1rem;line-height:1.5rem;padding-left:2rem}.is-checkradio[type=radio]+label::after,.is-checkradio[type=radio]+label::before{width:1.5rem;height:1.5rem}.is-checkradio[type=radio].is-rtl+label{padding-right:2rem}.is-checkradio[type=radio].is-small+label{font-size:.75rem;line-height:1.125rem;padding-left:1.5rem}.is-checkradio[type=radio].is-small+label::after,.is-checkradio[type=radio].is-small+label::before{width:1.125rem;height:1.125rem}.is-checkradio[type=radio].is-small.is-rtl+label{padding-right:1.5rem}.is-checkradio[type=radio].is-medium+label{font-size:1.25rem;line-height:1.875rem;padding-left:2.5rem}.is-checkradio[type=radio].is-medium+label::after,.is-checkradio[type=radio].is-medium+label::before{width:1.875rem;height:1.875rem}.is-checkradio[type=radio].is-medium.is-rtl+label{padding-right:2.5rem}.is-checkradio[type=radio].is-large+label{font-size:1.5rem;line-height:2.25rem;padding-left:3rem}.is-checkradio[type=radio].is-large+label::after,.is-checkradio[type=radio].is-large+label::before{width:2.25rem;height:2.25rem}.is-checkradio[type=radio].is-large.is-rtl+label{padding-right:3rem}.is-checkradio[type=radio].is-white.has-background-color+label::before{border-color:#fff!important;background-color:#fff!important}.is-checkradio[type=radio].is-white:hover:not([disabled])+label::before{border-color:#fff!important}.is-checkradio[type=radio].is-white:checked+label::after{border-color:#fff!important;background-color:#fff!important}.is-checkradio[type=radio].is-white:checked.has-background-color+label::before{border-color:#fff!important;background-color:#fff!important}.is-checkradio[type=radio].is-white:checked.has-background-color+label::after{border-color:#0a0a0a!important;background-color:#0a0a0a!important}.is-checkradio[type=radio].is-black.has-background-color+label::before{border-color:#0a0a0a!important;background-color:#0a0a0a!important}.is-checkradio[type=radio].is-black:hover:not([disabled])+label::before{border-color:#0a0a0a!important}.is-checkradio[type=radio].is-black:checked+label::after{border-color:#0a0a0a!important;background-color:#0a0a0a!important}.is-checkradio[type=radio].is-black:checked.has-background-color+label::before{border-color:#0a0a0a!important;background-color:#0a0a0a!important}.is-checkradio[type=radio].is-black:checked.has-background-color+label::after{border-color:#fff!important;background-color:#fff!important}.is-checkradio[type=radio].is-light.has-background-color+label::before{border-color:#f5f5f5!important;background-color:#f5f5f5!important}.is-checkradio[type=radio].is-light:hover:not([disabled])+label::before{border-color:#f5f5f5!important}.is-checkradio[type=radio].is-light:checked+label::after{border-color:#f5f5f5!important;background-color:#f5f5f5!important}.is-checkradio[type=radio].is-light:checked.has-background-color+label::before{border-color:#f5f5f5!important;background-color:#f5f5f5!important}.is-checkradio[type=radio].is-light:checked.has-background-color+label::after{border-color:#363636!important;background-color:#363636!important}.is-checkradio[type=radio].is-dark.has-background-color+label::before{border-color:#363636!important;background-color:#363636!important}.is-checkradio[type=radio].is-dark:hover:not([disabled])+label::before{border-color:#363636!important}.is-checkradio[type=radio].is-dark:checked+label::after{border-color:#363636!important;background-color:#363636!important}.is-checkradio[type=radio].is-dark:checked.has-background-color+label::before{border-color:#363636!important;background-color:#363636!important}.is-checkradio[type=radio].is-dark:checked.has-background-color+label::after{border-color:#f5f5f5!important;background-color:#f5f5f5!important}.is-checkradio[type=radio].is-primary.has-background-color+label::before{border-color:#00d1b2!important;background-color:#00d1b2!important}.is-checkradio[type=radio].is-primary:hover:not([disabled])+label::before{border-color:#00d1b2!important}.is-checkradio[type=radio].is-primary:checked+label::after{border-color:#00d1b2!important;background-color:#00d1b2!important}.is-checkradio[type=radio].is-primary:checked.has-background-color+label::before{border-color:#00d1b2!important;background-color:#00d1b2!important}.is-checkradio[type=radio].is-primary:checked.has-background-color+label::after{border-color:#fff!important;background-color:#fff!important}.is-checkradio[type=radio].is-link.has-background-color+label::before{border-color:#3273dc!important;background-color:#3273dc!important}.is-checkradio[type=radio].is-link:hover:not([disabled])+label::before{border-color:#3273dc!important}.is-checkradio[type=radio].is-link:checked+label::after{border-color:#3273dc!important;background-color:#3273dc!important}.is-checkradio[type=radio].is-link:checked.has-background-color+label::before{border-color:#3273dc!important;background-color:#3273dc!important}.is-checkradio[type=radio].is-link:checked.has-background-color+label::after{border-color:#fff!important;background-color:#fff!important}.is-checkradio[type=radio].is-info.has-background-color+label::before{border-color:#209cee!important;background-color:#209cee!important}.is-checkradio[type=radio].is-info:hover:not([disabled])+label::before{border-color:#209cee!important}.is-checkradio[type=radio].is-info:checked+label::after{border-color:#209cee!important;background-color:#209cee!important}.is-checkradio[type=radio].is-info:checked.has-background-color+label::before{border-color:#209cee!important;background-color:#209cee!important}.is-checkradio[type=radio].is-info:checked.has-background-color+label::after{border-color:#fff!important;background-color:#fff!important}.is-checkradio[type=radio].is-success.has-background-color+label::before{border-color:#23d160!important;background-color:#23d160!important}.is-checkradio[type=radio].is-success:hover:not([disabled])+label::before{border-color:#23d160!important}.is-checkradio[type=radio].is-success:checked+label::after{border-color:#23d160!important;background-color:#23d160!important}.is-checkradio[type=radio].is-success:checked.has-background-color+label::before{border-color:#23d160!important;background-color:#23d160!important}.is-checkradio[type=radio].is-success:checked.has-background-color+label::after{border-color:#fff!important;background-color:#fff!important}.is-checkradio[type=radio].is-warning.has-background-color+label::before{border-color:#ffdd57!important;background-color:#ffdd57!important}.is-checkradio[type=radio].is-warning:hover:not([disabled])+label::before{border-color:#ffdd57!important}.is-checkradio[type=radio].is-warning:checked+label::after{border-color:#ffdd57!important;background-color:#ffdd57!important}.is-checkradio[type=radio].is-warning:checked.has-background-color+label::before{border-color:#ffdd57!important;background-color:#ffdd57!important}.is-checkradio[type=radio].is-warning:checked.has-background-color+label::after{border-color:rgba(0,0,0,.7)!important;background-color:rgba(0,0,0,.7)!important}.is-checkradio[type=radio].is-danger.has-background-color+label::before{border-color:#ff3860!important;background-color:#ff3860!important}.is-checkradio[type=radio].is-danger:hover:not([disabled])+label::before{border-color:#ff3860!important}.is-checkradio[type=radio].is-danger:checked+label::after{border-color:#ff3860!important;background-color:#ff3860!important}.is-checkradio[type=radio].is-danger:checked.has-background-color+label::before{border-color:#ff3860!important;background-color:#ff3860!important}.is-checkradio[type=radio].is-danger:checked.has-background-color+label::after{border-color:#fff!important;background-color:#fff!important} \ No newline at end of file +@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.is-checkradio[type=checkbox],.is-checkradio[type=radio]{outline:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;display:inline-block;position:absolute;opacity:0}.is-checkradio[type=checkbox]+label,.is-checkradio[type=radio]+label{position:relative;display:initial;cursor:pointer;vertical-align:middle;margin:.5em;padding:.2rem .5rem .2rem 0;border-radius:3px}.is-checkradio[type=checkbox]+label:hover::before,.is-checkradio[type=checkbox]+label:hover:before,.is-checkradio[type=radio]+label:hover::before,.is-checkradio[type=radio]+label:hover:before{-webkit-animation-duration:.4s;animation-duration:.4s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:hover-color;animation-name:hover-color}.is-checkradio[type=checkbox]+label::before,.is-checkradio[type=checkbox]+label:before,.is-checkradio[type=radio]+label::before,.is-checkradio[type=radio]+label:before{position:absolute;left:0;top:0;content:'';border:.1rem solid #dbdbdb}.is-checkradio[type=checkbox]+label::after,.is-checkradio[type=checkbox]+label:after,.is-checkradio[type=radio]+label::after,.is-checkradio[type=radio]+label:after{position:absolute;display:none;content:'';top:0}.is-checkradio[type=checkbox].is-rtl+label,.is-checkradio[type=radio].is-rtl+label{margin-right:0;margin-left:.5rem}.is-checkradio[type=checkbox].is-rtl+label::before,.is-checkradio[type=checkbox].is-rtl+label:before,.is-checkradio[type=radio].is-rtl+label::before,.is-checkradio[type=radio].is-rtl+label:before{left:auto;right:0}.is-checkradio[type=checkbox]:focus+label::before,.is-checkradio[type=checkbox]:focus+label:before,.is-checkradio[type=radio]:focus+label::before,.is-checkradio[type=radio]:focus+label:before{outline:1px dotted #b5b5b5}.is-checkradio[type=checkbox]:hover:not([disabled])+label::before,.is-checkradio[type=checkbox]:hover:not([disabled])+label:before,.is-checkradio[type=radio]:hover:not([disabled])+label::before,.is-checkradio[type=radio]:hover:not([disabled])+label:before{border-color:#00d1b2!important}.is-checkradio[type=checkbox]:checked+label::before,.is-checkradio[type=checkbox]:checked+label:before,.is-checkradio[type=radio]:checked+label::before,.is-checkradio[type=radio]:checked+label:before{border:.1rem solid #dbdbdb}.is-checkradio[type=checkbox]:checked[disabled],.is-checkradio[type=radio]:checked[disabled]{cursor:not-allowed}.is-checkradio[type=checkbox]:checked[disabled]+label,.is-checkradio[type=radio]:checked[disabled]+label{opacity:.5}.is-checkradio[type=checkbox]:checked+label::before,.is-checkradio[type=checkbox]:checked+label:before,.is-checkradio[type=radio]:checked+label::before,.is-checkradio[type=radio]:checked+label:before{-webkit-animation-name:none;animation-name:none}.is-checkradio[type=checkbox]:checked+label::after,.is-checkradio[type=checkbox]:checked+label:after,.is-checkradio[type=radio]:checked+label::after,.is-checkradio[type=radio]:checked+label:after{display:inline-block}.is-checkradio[type=checkbox][disabled],.is-checkradio[type=radio][disabled]{cursor:not-allowed}.is-checkradio[type=checkbox][disabled]+label,.is-checkradio[type=radio][disabled]+label{opacity:.5;cursor:not-allowed}.is-checkradio[type=checkbox][disabled]+label::after,.is-checkradio[type=checkbox][disabled]+label::before,.is-checkradio[type=checkbox][disabled]+label:after,.is-checkradio[type=checkbox][disabled]+label:before,.is-checkradio[type=checkbox][disabled]+label:hover,.is-checkradio[type=radio][disabled]+label::after,.is-checkradio[type=radio][disabled]+label::before,.is-checkradio[type=radio][disabled]+label:after,.is-checkradio[type=radio][disabled]+label:before,.is-checkradio[type=radio][disabled]+label:hover{cursor:not-allowed}.is-checkradio[type=checkbox][disabled]:hover,.is-checkradio[type=radio][disabled]:hover{cursor:not-allowed}.is-checkradio[type=checkbox][disabled]:hover::before,.is-checkradio[type=checkbox][disabled]:hover:before,.is-checkradio[type=radio][disabled]:hover::before,.is-checkradio[type=radio][disabled]:hover:before{-webkit-animation-name:none;animation-name:none}.is-checkradio[type=checkbox][disabled]::before,.is-checkradio[type=checkbox][disabled]:before,.is-checkradio[type=radio][disabled]::before,.is-checkradio[type=radio][disabled]:before{cursor:not-allowed}.is-checkradio[type=checkbox][disabled]::after,.is-checkradio[type=checkbox][disabled]:after,.is-checkradio[type=radio][disabled]::after,.is-checkradio[type=radio][disabled]:after{cursor:not-allowed}.is-checkradio[type=checkbox].has-no-border+label::before,.is-checkradio[type=checkbox].has-no-border+label:before,.is-checkradio[type=radio].has-no-border+label::before,.is-checkradio[type=radio].has-no-border+label:before{border:none!important}.is-checkradio[type=checkbox].is-block,.is-checkradio[type=radio].is-block{display:none!important}.is-checkradio[type=checkbox].is-block+label,.is-checkradio[type=radio].is-block+label{width:100%!important;background:#f5f5f5;color:rgba(0,0,0,.7);padding-right:.75em}.is-checkradio[type=checkbox].is-block+label::before,.is-checkradio[type=checkbox].is-block+label:before,.is-checkradio[type=radio].is-block+label::before,.is-checkradio[type=radio].is-block+label:before{border:none!important}.is-checkradio[type=checkbox]+label::before,.is-checkradio[type=checkbox]+label:before{border-radius:3px}.is-checkradio[type=checkbox]+label::after,.is-checkradio[type=checkbox]+label:after{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:rotate(45deg);transform:rotate(45deg);border-width:.1rem;border-style:solid;border-color:#00d1b2;border-top:0;border-left:0}.is-checkradio[type=checkbox].is-circle+label::before,.is-checkradio[type=checkbox].is-circle+label:before{border-radius:50%}.is-checkradio[type=checkbox]+label{font-size:1rem;padding-left:2rem}.is-checkradio[type=checkbox]+label::before,.is-checkradio[type=checkbox]+label:before{width:1.5rem;height:1.5rem}.is-checkradio[type=checkbox]+label::after,.is-checkradio[type=checkbox]+label:after{width:.375rem;height:.6rem;top:.405rem;left:.6rem}.is-checkradio[type=checkbox].is-block+label::after,.is-checkradio[type=checkbox].is-block+label:after{top:.585rem;left:.78rem}.is-checkradio[type=checkbox].is-rtl+label{padding-left:0;padding-right:2rem}.is-checkradio[type=checkbox].is-rtl+label::after,.is-checkradio[type=checkbox].is-rtl+label:after{left:auto;right:.6rem}.is-checkradio[type=checkbox].is-small+label{font-size:.75rem;padding-left:1.5rem}.is-checkradio[type=checkbox].is-small+label::before,.is-checkradio[type=checkbox].is-small+label:before{width:1.125rem;height:1.125rem}.is-checkradio[type=checkbox].is-small+label::after,.is-checkradio[type=checkbox].is-small+label:after{width:.28125rem;height:.45rem;top:.30375rem;left:.45rem}.is-checkradio[type=checkbox].is-small.is-block+label::after,.is-checkradio[type=checkbox].is-small.is-block+label:after{top:.43875rem;left:.585rem}.is-checkradio[type=checkbox].is-small.is-rtl+label{padding-left:0;padding-right:1.5rem}.is-checkradio[type=checkbox].is-small.is-rtl+label::after,.is-checkradio[type=checkbox].is-small.is-rtl+label:after{left:auto;right:.45rem}.is-checkradio[type=checkbox].is-medium+label{font-size:1.25rem;padding-left:2.5rem}.is-checkradio[type=checkbox].is-medium+label::before,.is-checkradio[type=checkbox].is-medium+label:before{width:1.875rem;height:1.875rem}.is-checkradio[type=checkbox].is-medium+label::after,.is-checkradio[type=checkbox].is-medium+label:after{width:.46875rem;height:.75rem;top:.50625rem;left:.75rem}.is-checkradio[type=checkbox].is-medium.is-block+label::after,.is-checkradio[type=checkbox].is-medium.is-block+label:after{top:.73125rem;left:.975rem}.is-checkradio[type=checkbox].is-medium.is-rtl+label{padding-left:0;padding-right:2.5rem}.is-checkradio[type=checkbox].is-medium.is-rtl+label::after,.is-checkradio[type=checkbox].is-medium.is-rtl+label:after{left:auto;right:.75rem}.is-checkradio[type=checkbox].is-large+label{font-size:1.5rem;padding-left:3rem}.is-checkradio[type=checkbox].is-large+label::before,.is-checkradio[type=checkbox].is-large+label:before{width:2.25rem;height:2.25rem}.is-checkradio[type=checkbox].is-large+label::after,.is-checkradio[type=checkbox].is-large+label:after{width:.5625rem;height:.9rem;top:.6075rem;left:.9rem}.is-checkradio[type=checkbox].is-large.is-block+label::after,.is-checkradio[type=checkbox].is-large.is-block+label:after{top:.8775rem;left:1.17rem}.is-checkradio[type=checkbox].is-large.is-rtl+label{padding-left:0;padding-right:3rem}.is-checkradio[type=checkbox].is-large.is-rtl+label::after,.is-checkradio[type=checkbox].is-large.is-rtl+label:after{left:auto;right:.9rem}.is-checkradio[type=checkbox].is-white.has-background-color+label::before,.is-checkradio[type=checkbox].is-white.has-background-color+label:before{border-color:transparent!important;background-color:#fff!important}.is-checkradio[type=checkbox].is-white:hover:not([disabled])+label::before,.is-checkradio[type=checkbox].is-white:hover:not([disabled])+label:before{border-color:#fff!important}.is-checkradio[type=checkbox].is-white:checked+label::after,.is-checkradio[type=checkbox].is-white:checked+label:after{border-color:#fff!important}.is-checkradio[type=checkbox].is-white:checked.has-background-color+label::before,.is-checkradio[type=checkbox].is-white:checked.has-background-color+label:before{border-color:transparent!important;background-color:#fff!important}.is-checkradio[type=checkbox].is-white:checked.has-background-color+label::after,.is-checkradio[type=checkbox].is-white:checked.has-background-color+label:after{border-color:#0a0a0a!important;background-color:#fff!important}.is-checkradio[type=checkbox].is-white:checked.is-block+label{color:#0a0a0a;border-color:#fff!important;background:#fff}.is-checkradio[type=checkbox].is-white:checked.is-block+label::after,.is-checkradio[type=checkbox].is-white:checked.is-block+label:after{border-color:#0a0a0a!important}.is-checkradio[type=checkbox].is-black.has-background-color+label::before,.is-checkradio[type=checkbox].is-black.has-background-color+label:before{border-color:transparent!important;background-color:#0a0a0a!important}.is-checkradio[type=checkbox].is-black:hover:not([disabled])+label::before,.is-checkradio[type=checkbox].is-black:hover:not([disabled])+label:before{border-color:#0a0a0a!important}.is-checkradio[type=checkbox].is-black:checked+label::after,.is-checkradio[type=checkbox].is-black:checked+label:after{border-color:#0a0a0a!important}.is-checkradio[type=checkbox].is-black:checked.has-background-color+label::before,.is-checkradio[type=checkbox].is-black:checked.has-background-color+label:before{border-color:transparent!important;background-color:#0a0a0a!important}.is-checkradio[type=checkbox].is-black:checked.has-background-color+label::after,.is-checkradio[type=checkbox].is-black:checked.has-background-color+label:after{border-color:#fff!important;background-color:#0a0a0a!important}.is-checkradio[type=checkbox].is-black:checked.is-block+label{color:#fff;border-color:#0a0a0a!important;background:#0a0a0a}.is-checkradio[type=checkbox].is-black:checked.is-block+label::after,.is-checkradio[type=checkbox].is-black:checked.is-block+label:after{border-color:#fff!important}.is-checkradio[type=checkbox].is-light.has-background-color+label::before,.is-checkradio[type=checkbox].is-light.has-background-color+label:before{border-color:transparent!important;background-color:#f5f5f5!important}.is-checkradio[type=checkbox].is-light:hover:not([disabled])+label::before,.is-checkradio[type=checkbox].is-light:hover:not([disabled])+label:before{border-color:#f5f5f5!important}.is-checkradio[type=checkbox].is-light:checked+label::after,.is-checkradio[type=checkbox].is-light:checked+label:after{border-color:#f5f5f5!important}.is-checkradio[type=checkbox].is-light:checked.has-background-color+label::before,.is-checkradio[type=checkbox].is-light:checked.has-background-color+label:before{border-color:transparent!important;background-color:#f5f5f5!important}.is-checkradio[type=checkbox].is-light:checked.has-background-color+label::after,.is-checkradio[type=checkbox].is-light:checked.has-background-color+label:after{border-color:#363636!important;background-color:#f5f5f5!important}.is-checkradio[type=checkbox].is-light:checked.is-block+label{color:#363636;border-color:#f5f5f5!important;background:#f5f5f5}.is-checkradio[type=checkbox].is-light:checked.is-block+label::after,.is-checkradio[type=checkbox].is-light:checked.is-block+label:after{border-color:#363636!important}.is-checkradio[type=checkbox].is-dark.has-background-color+label::before,.is-checkradio[type=checkbox].is-dark.has-background-color+label:before{border-color:transparent!important;background-color:#363636!important}.is-checkradio[type=checkbox].is-dark:hover:not([disabled])+label::before,.is-checkradio[type=checkbox].is-dark:hover:not([disabled])+label:before{border-color:#363636!important}.is-checkradio[type=checkbox].is-dark:checked+label::after,.is-checkradio[type=checkbox].is-dark:checked+label:after{border-color:#363636!important}.is-checkradio[type=checkbox].is-dark:checked.has-background-color+label::before,.is-checkradio[type=checkbox].is-dark:checked.has-background-color+label:before{border-color:transparent!important;background-color:#363636!important}.is-checkradio[type=checkbox].is-dark:checked.has-background-color+label::after,.is-checkradio[type=checkbox].is-dark:checked.has-background-color+label:after{border-color:#f5f5f5!important;background-color:#363636!important}.is-checkradio[type=checkbox].is-dark:checked.is-block+label{color:#f5f5f5;border-color:#363636!important;background:#363636}.is-checkradio[type=checkbox].is-dark:checked.is-block+label::after,.is-checkradio[type=checkbox].is-dark:checked.is-block+label:after{border-color:#f5f5f5!important}.is-checkradio[type=checkbox].is-primary.has-background-color+label::before,.is-checkradio[type=checkbox].is-primary.has-background-color+label:before{border-color:transparent!important;background-color:#00d1b2!important}.is-checkradio[type=checkbox].is-primary:hover:not([disabled])+label::before,.is-checkradio[type=checkbox].is-primary:hover:not([disabled])+label:before{border-color:#00d1b2!important}.is-checkradio[type=checkbox].is-primary:checked+label::after,.is-checkradio[type=checkbox].is-primary:checked+label:after{border-color:#00d1b2!important}.is-checkradio[type=checkbox].is-primary:checked.has-background-color+label::before,.is-checkradio[type=checkbox].is-primary:checked.has-background-color+label:before{border-color:transparent!important;background-color:#00d1b2!important}.is-checkradio[type=checkbox].is-primary:checked.has-background-color+label::after,.is-checkradio[type=checkbox].is-primary:checked.has-background-color+label:after{border-color:#fff!important;background-color:#00d1b2!important}.is-checkradio[type=checkbox].is-primary:checked.is-block+label{color:#fff;border-color:#00d1b2!important;background:#00d1b2}.is-checkradio[type=checkbox].is-primary:checked.is-block+label::after,.is-checkradio[type=checkbox].is-primary:checked.is-block+label:after{border-color:#fff!important}.is-checkradio[type=checkbox].is-link.has-background-color+label::before,.is-checkradio[type=checkbox].is-link.has-background-color+label:before{border-color:transparent!important;background-color:#3273dc!important}.is-checkradio[type=checkbox].is-link:hover:not([disabled])+label::before,.is-checkradio[type=checkbox].is-link:hover:not([disabled])+label:before{border-color:#3273dc!important}.is-checkradio[type=checkbox].is-link:checked+label::after,.is-checkradio[type=checkbox].is-link:checked+label:after{border-color:#3273dc!important}.is-checkradio[type=checkbox].is-link:checked.has-background-color+label::before,.is-checkradio[type=checkbox].is-link:checked.has-background-color+label:before{border-color:transparent!important;background-color:#3273dc!important}.is-checkradio[type=checkbox].is-link:checked.has-background-color+label::after,.is-checkradio[type=checkbox].is-link:checked.has-background-color+label:after{border-color:#fff!important;background-color:#3273dc!important}.is-checkradio[type=checkbox].is-link:checked.is-block+label{color:#fff;border-color:#3273dc!important;background:#3273dc}.is-checkradio[type=checkbox].is-link:checked.is-block+label::after,.is-checkradio[type=checkbox].is-link:checked.is-block+label:after{border-color:#fff!important}.is-checkradio[type=checkbox].is-info.has-background-color+label::before,.is-checkradio[type=checkbox].is-info.has-background-color+label:before{border-color:transparent!important;background-color:#209cee!important}.is-checkradio[type=checkbox].is-info:hover:not([disabled])+label::before,.is-checkradio[type=checkbox].is-info:hover:not([disabled])+label:before{border-color:#209cee!important}.is-checkradio[type=checkbox].is-info:checked+label::after,.is-checkradio[type=checkbox].is-info:checked+label:after{border-color:#209cee!important}.is-checkradio[type=checkbox].is-info:checked.has-background-color+label::before,.is-checkradio[type=checkbox].is-info:checked.has-background-color+label:before{border-color:transparent!important;background-color:#209cee!important}.is-checkradio[type=checkbox].is-info:checked.has-background-color+label::after,.is-checkradio[type=checkbox].is-info:checked.has-background-color+label:after{border-color:#fff!important;background-color:#209cee!important}.is-checkradio[type=checkbox].is-info:checked.is-block+label{color:#fff;border-color:#209cee!important;background:#209cee}.is-checkradio[type=checkbox].is-info:checked.is-block+label::after,.is-checkradio[type=checkbox].is-info:checked.is-block+label:after{border-color:#fff!important}.is-checkradio[type=checkbox].is-success.has-background-color+label::before,.is-checkradio[type=checkbox].is-success.has-background-color+label:before{border-color:transparent!important;background-color:#23d160!important}.is-checkradio[type=checkbox].is-success:hover:not([disabled])+label::before,.is-checkradio[type=checkbox].is-success:hover:not([disabled])+label:before{border-color:#23d160!important}.is-checkradio[type=checkbox].is-success:checked+label::after,.is-checkradio[type=checkbox].is-success:checked+label:after{border-color:#23d160!important}.is-checkradio[type=checkbox].is-success:checked.has-background-color+label::before,.is-checkradio[type=checkbox].is-success:checked.has-background-color+label:before{border-color:transparent!important;background-color:#23d160!important}.is-checkradio[type=checkbox].is-success:checked.has-background-color+label::after,.is-checkradio[type=checkbox].is-success:checked.has-background-color+label:after{border-color:#fff!important;background-color:#23d160!important}.is-checkradio[type=checkbox].is-success:checked.is-block+label{color:#fff;border-color:#23d160!important;background:#23d160}.is-checkradio[type=checkbox].is-success:checked.is-block+label::after,.is-checkradio[type=checkbox].is-success:checked.is-block+label:after{border-color:#fff!important}.is-checkradio[type=checkbox].is-warning.has-background-color+label::before,.is-checkradio[type=checkbox].is-warning.has-background-color+label:before{border-color:transparent!important;background-color:#ffdd57!important}.is-checkradio[type=checkbox].is-warning:hover:not([disabled])+label::before,.is-checkradio[type=checkbox].is-warning:hover:not([disabled])+label:before{border-color:#ffdd57!important}.is-checkradio[type=checkbox].is-warning:checked+label::after,.is-checkradio[type=checkbox].is-warning:checked+label:after{border-color:#ffdd57!important}.is-checkradio[type=checkbox].is-warning:checked.has-background-color+label::before,.is-checkradio[type=checkbox].is-warning:checked.has-background-color+label:before{border-color:transparent!important;background-color:#ffdd57!important}.is-checkradio[type=checkbox].is-warning:checked.has-background-color+label::after,.is-checkradio[type=checkbox].is-warning:checked.has-background-color+label:after{border-color:rgba(0,0,0,.7)!important;background-color:#ffdd57!important}.is-checkradio[type=checkbox].is-warning:checked.is-block+label{color:rgba(0,0,0,.7);border-color:#ffdd57!important;background:#ffdd57}.is-checkradio[type=checkbox].is-warning:checked.is-block+label::after,.is-checkradio[type=checkbox].is-warning:checked.is-block+label:after{border-color:rgba(0,0,0,.7)!important}.is-checkradio[type=checkbox].is-danger.has-background-color+label::before,.is-checkradio[type=checkbox].is-danger.has-background-color+label:before{border-color:transparent!important;background-color:#ff3860!important}.is-checkradio[type=checkbox].is-danger:hover:not([disabled])+label::before,.is-checkradio[type=checkbox].is-danger:hover:not([disabled])+label:before{border-color:#ff3860!important}.is-checkradio[type=checkbox].is-danger:checked+label::after,.is-checkradio[type=checkbox].is-danger:checked+label:after{border-color:#ff3860!important}.is-checkradio[type=checkbox].is-danger:checked.has-background-color+label::before,.is-checkradio[type=checkbox].is-danger:checked.has-background-color+label:before{border-color:transparent!important;background-color:#ff3860!important}.is-checkradio[type=checkbox].is-danger:checked.has-background-color+label::after,.is-checkradio[type=checkbox].is-danger:checked.has-background-color+label:after{border-color:#fff!important;background-color:#ff3860!important}.is-checkradio[type=checkbox].is-danger:checked.is-block+label{color:#fff;border-color:#ff3860!important;background:#ff3860}.is-checkradio[type=checkbox].is-danger:checked.is-block+label::after,.is-checkradio[type=checkbox].is-danger:checked.is-block+label:after{border-color:#fff!important}.is-checkradio[type=checkbox]:indeterminate+label::after,.is-checkradio[type=checkbox]:indeterminate+label:after{display:inline-block;-webkit-transform:rotate(90deg);transform:rotate(90deg);border-bottom:none}.is-checkradio[type=checkbox]:indeterminate.is-white+label::after,.is-checkradio[type=checkbox]:indeterminate.is-white+label:after{border-color:#fff}.is-checkradio[type=checkbox]:indeterminate.is-black+label::after,.is-checkradio[type=checkbox]:indeterminate.is-black+label:after{border-color:#0a0a0a}.is-checkradio[type=checkbox]:indeterminate.is-light+label::after,.is-checkradio[type=checkbox]:indeterminate.is-light+label:after{border-color:#f5f5f5}.is-checkradio[type=checkbox]:indeterminate.is-dark+label::after,.is-checkradio[type=checkbox]:indeterminate.is-dark+label:after{border-color:#363636}.is-checkradio[type=checkbox]:indeterminate.is-primary+label::after,.is-checkradio[type=checkbox]:indeterminate.is-primary+label:after{border-color:#00d1b2}.is-checkradio[type=checkbox]:indeterminate.is-link+label::after,.is-checkradio[type=checkbox]:indeterminate.is-link+label:after{border-color:#3273dc}.is-checkradio[type=checkbox]:indeterminate.is-info+label::after,.is-checkradio[type=checkbox]:indeterminate.is-info+label:after{border-color:#209cee}.is-checkradio[type=checkbox]:indeterminate.is-success+label::after,.is-checkradio[type=checkbox]:indeterminate.is-success+label:after{border-color:#23d160}.is-checkradio[type=checkbox]:indeterminate.is-warning+label::after,.is-checkradio[type=checkbox]:indeterminate.is-warning+label:after{border-color:#ffdd57}.is-checkradio[type=checkbox]:indeterminate.is-danger+label::after,.is-checkradio[type=checkbox]:indeterminate.is-danger+label:after{border-color:#ff3860}.is-checkradio[type=radio]+label::before,.is-checkradio[type=radio]+label:before{border-radius:50%}.is-checkradio[type=radio]+label::after,.is-checkradio[type=radio]+label:after{border-radius:50%;background:#00d1b2;left:0;-webkit-transform:scale(.5);transform:scale(.5)}.is-checkradio[type=radio]:checked.has-background-color+label::before,.is-checkradio[type=radio]:checked.has-background-color+label:before{border-color:#4a4a4a!important;background-color:#4a4a4a!important}.is-checkradio[type=radio]:checked.has-background-color+label::after,.is-checkradio[type=radio]:checked.has-background-color+label:after{border-color:#4a4a4a!important;background-color:#4a4a4a!important}.is-checkradio[type=radio].is-rtl+label{padding-left:0}.is-checkradio[type=radio].is-rtl+label::after,.is-checkradio[type=radio].is-rtl+label:after{left:auto;right:0}.is-checkradio[type=radio]+label{font-size:1rem;line-height:1.5rem;padding-left:2rem}.is-checkradio[type=radio]+label::after,.is-checkradio[type=radio]+label::before,.is-checkradio[type=radio]+label:after,.is-checkradio[type=radio]+label:before{width:1.5rem;height:1.5rem}.is-checkradio[type=radio].is-rtl+label{padding-right:2rem}.is-checkradio[type=radio].is-small+label{font-size:.75rem;line-height:1.125rem;padding-left:1.5rem}.is-checkradio[type=radio].is-small+label::after,.is-checkradio[type=radio].is-small+label::before,.is-checkradio[type=radio].is-small+label:after,.is-checkradio[type=radio].is-small+label:before{width:1.125rem;height:1.125rem}.is-checkradio[type=radio].is-small.is-rtl+label{padding-right:1.5rem}.is-checkradio[type=radio].is-medium+label{font-size:1.25rem;line-height:1.875rem;padding-left:2.5rem}.is-checkradio[type=radio].is-medium+label::after,.is-checkradio[type=radio].is-medium+label::before,.is-checkradio[type=radio].is-medium+label:after,.is-checkradio[type=radio].is-medium+label:before{width:1.875rem;height:1.875rem}.is-checkradio[type=radio].is-medium.is-rtl+label{padding-right:2.5rem}.is-checkradio[type=radio].is-large+label{font-size:1.5rem;line-height:2.25rem;padding-left:3rem}.is-checkradio[type=radio].is-large+label::after,.is-checkradio[type=radio].is-large+label::before,.is-checkradio[type=radio].is-large+label:after,.is-checkradio[type=radio].is-large+label:before{width:2.25rem;height:2.25rem}.is-checkradio[type=radio].is-large.is-rtl+label{padding-right:3rem}.is-checkradio[type=radio].is-white.has-background-color+label::before,.is-checkradio[type=radio].is-white.has-background-color+label:before{border-color:#fff!important;background-color:#fff!important}.is-checkradio[type=radio].is-white:hover:not([disabled])+label::before,.is-checkradio[type=radio].is-white:hover:not([disabled])+label:before{border-color:#fff!important}.is-checkradio[type=radio].is-white:checked+label::after,.is-checkradio[type=radio].is-white:checked+label:after{border-color:#fff!important;background-color:#fff!important}.is-checkradio[type=radio].is-white:checked.has-background-color+label::before,.is-checkradio[type=radio].is-white:checked.has-background-color+label:before{border-color:#fff!important;background-color:#fff!important}.is-checkradio[type=radio].is-white:checked.has-background-color+label::after,.is-checkradio[type=radio].is-white:checked.has-background-color+label:after{border-color:#0a0a0a!important;background-color:#0a0a0a!important}.is-checkradio[type=radio].is-black.has-background-color+label::before,.is-checkradio[type=radio].is-black.has-background-color+label:before{border-color:#0a0a0a!important;background-color:#0a0a0a!important}.is-checkradio[type=radio].is-black:hover:not([disabled])+label::before,.is-checkradio[type=radio].is-black:hover:not([disabled])+label:before{border-color:#0a0a0a!important}.is-checkradio[type=radio].is-black:checked+label::after,.is-checkradio[type=radio].is-black:checked+label:after{border-color:#0a0a0a!important;background-color:#0a0a0a!important}.is-checkradio[type=radio].is-black:checked.has-background-color+label::before,.is-checkradio[type=radio].is-black:checked.has-background-color+label:before{border-color:#0a0a0a!important;background-color:#0a0a0a!important}.is-checkradio[type=radio].is-black:checked.has-background-color+label::after,.is-checkradio[type=radio].is-black:checked.has-background-color+label:after{border-color:#fff!important;background-color:#fff!important}.is-checkradio[type=radio].is-light.has-background-color+label::before,.is-checkradio[type=radio].is-light.has-background-color+label:before{border-color:#f5f5f5!important;background-color:#f5f5f5!important}.is-checkradio[type=radio].is-light:hover:not([disabled])+label::before,.is-checkradio[type=radio].is-light:hover:not([disabled])+label:before{border-color:#f5f5f5!important}.is-checkradio[type=radio].is-light:checked+label::after,.is-checkradio[type=radio].is-light:checked+label:after{border-color:#f5f5f5!important;background-color:#f5f5f5!important}.is-checkradio[type=radio].is-light:checked.has-background-color+label::before,.is-checkradio[type=radio].is-light:checked.has-background-color+label:before{border-color:#f5f5f5!important;background-color:#f5f5f5!important}.is-checkradio[type=radio].is-light:checked.has-background-color+label::after,.is-checkradio[type=radio].is-light:checked.has-background-color+label:after{border-color:#363636!important;background-color:#363636!important}.is-checkradio[type=radio].is-dark.has-background-color+label::before,.is-checkradio[type=radio].is-dark.has-background-color+label:before{border-color:#363636!important;background-color:#363636!important}.is-checkradio[type=radio].is-dark:hover:not([disabled])+label::before,.is-checkradio[type=radio].is-dark:hover:not([disabled])+label:before{border-color:#363636!important}.is-checkradio[type=radio].is-dark:checked+label::after,.is-checkradio[type=radio].is-dark:checked+label:after{border-color:#363636!important;background-color:#363636!important}.is-checkradio[type=radio].is-dark:checked.has-background-color+label::before,.is-checkradio[type=radio].is-dark:checked.has-background-color+label:before{border-color:#363636!important;background-color:#363636!important}.is-checkradio[type=radio].is-dark:checked.has-background-color+label::after,.is-checkradio[type=radio].is-dark:checked.has-background-color+label:after{border-color:#f5f5f5!important;background-color:#f5f5f5!important}.is-checkradio[type=radio].is-primary.has-background-color+label::before,.is-checkradio[type=radio].is-primary.has-background-color+label:before{border-color:#00d1b2!important;background-color:#00d1b2!important}.is-checkradio[type=radio].is-primary:hover:not([disabled])+label::before,.is-checkradio[type=radio].is-primary:hover:not([disabled])+label:before{border-color:#00d1b2!important}.is-checkradio[type=radio].is-primary:checked+label::after,.is-checkradio[type=radio].is-primary:checked+label:after{border-color:#00d1b2!important;background-color:#00d1b2!important}.is-checkradio[type=radio].is-primary:checked.has-background-color+label::before,.is-checkradio[type=radio].is-primary:checked.has-background-color+label:before{border-color:#00d1b2!important;background-color:#00d1b2!important}.is-checkradio[type=radio].is-primary:checked.has-background-color+label::after,.is-checkradio[type=radio].is-primary:checked.has-background-color+label:after{border-color:#fff!important;background-color:#fff!important}.is-checkradio[type=radio].is-link.has-background-color+label::before,.is-checkradio[type=radio].is-link.has-background-color+label:before{border-color:#3273dc!important;background-color:#3273dc!important}.is-checkradio[type=radio].is-link:hover:not([disabled])+label::before,.is-checkradio[type=radio].is-link:hover:not([disabled])+label:before{border-color:#3273dc!important}.is-checkradio[type=radio].is-link:checked+label::after,.is-checkradio[type=radio].is-link:checked+label:after{border-color:#3273dc!important;background-color:#3273dc!important}.is-checkradio[type=radio].is-link:checked.has-background-color+label::before,.is-checkradio[type=radio].is-link:checked.has-background-color+label:before{border-color:#3273dc!important;background-color:#3273dc!important}.is-checkradio[type=radio].is-link:checked.has-background-color+label::after,.is-checkradio[type=radio].is-link:checked.has-background-color+label:after{border-color:#fff!important;background-color:#fff!important}.is-checkradio[type=radio].is-info.has-background-color+label::before,.is-checkradio[type=radio].is-info.has-background-color+label:before{border-color:#209cee!important;background-color:#209cee!important}.is-checkradio[type=radio].is-info:hover:not([disabled])+label::before,.is-checkradio[type=radio].is-info:hover:not([disabled])+label:before{border-color:#209cee!important}.is-checkradio[type=radio].is-info:checked+label::after,.is-checkradio[type=radio].is-info:checked+label:after{border-color:#209cee!important;background-color:#209cee!important}.is-checkradio[type=radio].is-info:checked.has-background-color+label::before,.is-checkradio[type=radio].is-info:checked.has-background-color+label:before{border-color:#209cee!important;background-color:#209cee!important}.is-checkradio[type=radio].is-info:checked.has-background-color+label::after,.is-checkradio[type=radio].is-info:checked.has-background-color+label:after{border-color:#fff!important;background-color:#fff!important}.is-checkradio[type=radio].is-success.has-background-color+label::before,.is-checkradio[type=radio].is-success.has-background-color+label:before{border-color:#23d160!important;background-color:#23d160!important}.is-checkradio[type=radio].is-success:hover:not([disabled])+label::before,.is-checkradio[type=radio].is-success:hover:not([disabled])+label:before{border-color:#23d160!important}.is-checkradio[type=radio].is-success:checked+label::after,.is-checkradio[type=radio].is-success:checked+label:after{border-color:#23d160!important;background-color:#23d160!important}.is-checkradio[type=radio].is-success:checked.has-background-color+label::before,.is-checkradio[type=radio].is-success:checked.has-background-color+label:before{border-color:#23d160!important;background-color:#23d160!important}.is-checkradio[type=radio].is-success:checked.has-background-color+label::after,.is-checkradio[type=radio].is-success:checked.has-background-color+label:after{border-color:#fff!important;background-color:#fff!important}.is-checkradio[type=radio].is-warning.has-background-color+label::before,.is-checkradio[type=radio].is-warning.has-background-color+label:before{border-color:#ffdd57!important;background-color:#ffdd57!important}.is-checkradio[type=radio].is-warning:hover:not([disabled])+label::before,.is-checkradio[type=radio].is-warning:hover:not([disabled])+label:before{border-color:#ffdd57!important}.is-checkradio[type=radio].is-warning:checked+label::after,.is-checkradio[type=radio].is-warning:checked+label:after{border-color:#ffdd57!important;background-color:#ffdd57!important}.is-checkradio[type=radio].is-warning:checked.has-background-color+label::before,.is-checkradio[type=radio].is-warning:checked.has-background-color+label:before{border-color:#ffdd57!important;background-color:#ffdd57!important}.is-checkradio[type=radio].is-warning:checked.has-background-color+label::after,.is-checkradio[type=radio].is-warning:checked.has-background-color+label:after{border-color:rgba(0,0,0,.7)!important;background-color:rgba(0,0,0,.7)!important}.is-checkradio[type=radio].is-danger.has-background-color+label::before,.is-checkradio[type=radio].is-danger.has-background-color+label:before{border-color:#ff3860!important;background-color:#ff3860!important}.is-checkradio[type=radio].is-danger:hover:not([disabled])+label::before,.is-checkradio[type=radio].is-danger:hover:not([disabled])+label:before{border-color:#ff3860!important}.is-checkradio[type=radio].is-danger:checked+label::after,.is-checkradio[type=radio].is-danger:checked+label:after{border-color:#ff3860!important;background-color:#ff3860!important}.is-checkradio[type=radio].is-danger:checked.has-background-color+label::before,.is-checkradio[type=radio].is-danger:checked.has-background-color+label:before{border-color:#ff3860!important;background-color:#ff3860!important}.is-checkradio[type=radio].is-danger:checked.has-background-color+label::after,.is-checkradio[type=radio].is-danger:checked.has-background-color+label:after{border-color:#fff!important;background-color:#fff!important} \ No newline at end of file diff --git a/dist/bulma-checkradio.sass b/dist/bulma-checkradio.sass index 96bdecf..ea4e23f 100644 --- a/dist/bulma-checkradio.sass +++ b/dist/bulma-checkradio.sass @@ -13,10 +13,12 @@ $checkradio-top-offset: 0rem !default font-size: $size // line-height: $newSize padding-left: $size * 2 - &::before + &::before, + &:before width: $newSize height: $newSize - &::after + &::after, + &:after width: $width height: $height top: ( ( $newSize / 2 ) - ( $height / 2 ) ) * 0.9 @@ -24,7 +26,8 @@ $checkradio-top-offset: 0rem !default &.is-block + label - &::after + &::after, + &:after top: ( ( ( $newSize / 2 ) - ( $height / 2 ) ) * 1.3 ) left: $height * 1.3 @@ -32,7 +35,8 @@ $checkradio-top-offset: 0rem !default + label padding-left: 0 padding-right: $size * 2 - &::after + &::after, + &:after left: auto right: $height @@ -46,7 +50,10 @@ $checkradio-top-offset: 0rem !default font-size: $size line-height: $newSize padding-left: $size * 2 - &::before, &::after + &::before, + &:before, + &::after, + &:after width: $width height: $height &.is-rtl @@ -71,19 +78,22 @@ $checkradio-top-offset: 0rem !default border-radius: $checkbox-radius &:hover - &::before + &::before, + &:before animation-duration: 0.4s animation-fill-mode: both animation-name: hover-color - &::before + &::before, + &:before position: absolute left: 0 top: $checkradio-top-offset content: '' border: $checkbox-border - &::after + &::after, + &:after position: absolute display: none content: '' @@ -93,32 +103,38 @@ $checkradio-top-offset: 0rem !default + label margin-right: 0rem margin-left: 0.5rem - &::before + &::before, + &:before left: auto right: 0 &:focus + label - &::before + &::before, + &:before outline: $checkradio-focus &:hover:not([disabled]) + label - &::before + &::before, + &:before border-color: $primary !important &:checked + label - &::before + &::before, + &:before border: $checkbox-border &[disabled] cursor: not-allowed + label opacity: 0.5 + label - &::before + &::before, + &:before animation-name: none - &::after + &::after, + &:after display: inline-block &[disabled] @@ -128,23 +144,29 @@ $checkradio-top-offset: 0rem !default cursor: not-allowed &:hover, &:before, + &::before, + &::after, &:after cursor: not-allowed &:hover cursor: not-allowed - &::before + &::before, + &:before animation-name: none - &::before + &::before, + &:before cursor: not-allowed - &::after + &::after, + &:after cursor: not-allowed &.has-no-border + label - &::before + &::before, + &:before border: none !important &.is-block @@ -154,15 +176,18 @@ $checkradio-top-offset: 0rem !default background: $checkbox-block-background color: findColorInvert( $checkbox-block-background ) padding-right: .75em - &::before + &::before, + &:before border: none !important .is-checkradio[type="checkbox"] + label - &::before + &::before, + &:before border-radius: $checkbox-radius - &::after + &::after, + &:after box-sizing: border-box transform: rotate(45deg) border-width: .1rem @@ -173,7 +198,8 @@ $checkradio-top-offset: 0rem !default &.is-circle + label - &::before + &::before, + &:before border-radius: 50% +checkbox-size($size-normal) @@ -190,23 +216,28 @@ $checkradio-top-offset: 0rem !default &.is-#{$name} &.has-background-color + label - &::before + &::before, + &:before border-color: transparent !important background-color: $color !important &:hover:not([disabled]) + label - &::before + &::before, + &:before border-color: $color !important &:checked + label - &::after + &::after, + &:after border-color: $color !important &.has-background-color + label - &::before + &::before, + &:before border-color: transparent !important background-color: $color !important - &::after + &::after, + &:after border-color: $color-invert !important background-color: $color !important &.is-block @@ -214,12 +245,14 @@ $checkradio-top-offset: 0rem !default color: $color-invert border-color: $color !important background: $color - &::after + &::after, + &:after border-color: $color-invert !important &:indeterminate + label - &::after + &::after, + &:after display: inline-block transform: rotate(90deg) border-bottom: none @@ -228,14 +261,17 @@ $checkradio-top-offset: 0rem !default $color-invert: nth($pair, 2) &.is-#{$name} + label - &::after + &::after, + &:after border-color: $color .is-checkradio[type="radio"] + label - &::before + &::before, + &:before border-radius: 50% - &::after + &::after, + &:after border-radius: 50% background: $primary left: 0 @@ -244,17 +280,20 @@ $checkradio-top-offset: 0rem !default &:checked &.has-background-color + label - &::before + &::before, + &:before border-color: $text !important background-color: $text !important - &::after + &::after, + &:after border-color: $text !important background-color: $text !important &.is-rtl + label padding-left: 0 - &::after + &::after, + &:after left: auto right: 0 @@ -272,23 +311,28 @@ $checkradio-top-offset: 0rem !default &.is-#{$name} &.has-background-color + label - &::before + &::before, + &:before border-color: $color !important background-color: $color !important &:hover:not([disabled]) + label - &::before + &::before, + &:before border-color: $color !important &:checked + label - &::after + &::after, + &:after border-color: $color !important background-color: $color !important &.has-background-color + label - &::before + &::before, + &:before border-color: $color !important background-color: $color !important - &::after + &::after, + &:after border-color: $color-invert !important background-color: $color-invert !important diff --git a/package.json b/package.json index c898de6..86f430b 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "bulma-checkradio", - "version": "1.0.1", + "version": "1.0.2", "description": "Make classic checkbox and radio more sexy in different colors, sizes, and states ", "main": "dist/bulma-checkradio.sass", "scripts": {