app/assets/stylesheets/semantic-ui/modules/_checkbox.scss in semantic-ui-sass-2.2.4.0 vs app/assets/stylesheets/semantic-ui/modules/_checkbox.scss in semantic-ui-sass-2.2.6.0

- old
+ new

@@ -1,7 +1,7 @@ /*! - * # Semantic UI 2.2.4 - Checkbox + * # Semantic UI 2.2.6 - Checkbox * http://github.com/semantic-org/semantic-ui/ * * * Released under the MIT license * http://opensource.org/licenses/MIT @@ -280,11 +280,10 @@ /* Box */ .ui.radio.checkbox .box:before, .ui.radio.checkbox label:before { content: ''; -webkit-transform: none; - -ms-transform: none; transform: none; width: 15px; height: 15px; border-radius: 500rem; top: 1px; @@ -308,11 +307,10 @@ left: 0px; width: 15px; height: 15px; border-radius: 500rem; -webkit-transform: scale(0.46666667); - -ms-transform: scale(0.46666667); transform: scale(0.46666667); background-color: rgba(0, 0, 0, 0.87); } /* Focus */ @@ -385,11 +383,10 @@ top: 0.4rem; background-color: rgba(0, 0, 0, 0.05); width: 3.5rem; height: 0.21428571rem; -webkit-transform: none; - -ms-transform: none; transform: none; border-radius: 500rem; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } @@ -408,11 +405,10 @@ width: 1.5rem; height: 1.5rem; top: -0.25rem; left: 0em; -webkit-transform: none; - -ms-transform: none; transform: none; border-radius: 500rem; -webkit-transition: left 0.3s ease; transition: left 0.3s ease; } @@ -489,15 +485,15 @@ display: block; position: absolute; content: ''; z-index: 1; -webkit-transform: none; - -ms-transform: none; transform: none; border: none; top: 0rem; background: rgba(0, 0, 0, 0.05); + box-shadow: none; width: 3.5rem; height: 1.5rem; border-radius: 500rem; } @@ -521,10 +517,11 @@ transition: background 0.3s ease, left 0.3s ease; } .ui.toggle.checkbox input ~ .box:after, .ui.toggle.checkbox input ~ label:after { left: -0.05rem; + box-shadow: none; } /* Focus */ .ui.toggle.checkbox input:focus ~ .box:before, .ui.toggle.checkbox input:focus ~ label:before { @@ -549,9 +546,10 @@ background-color: #2185D0 !important; } .ui.toggle.checkbox input:checked ~ .box:after, .ui.toggle.checkbox input:checked ~ label:after { left: 2.15rem; + box-shadow: none; } /* Active Focus */ .ui.toggle.checkbox input:focus:checked ~ .box, .ui.toggle.checkbox input:focus:checked ~ label {