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 {