app/assets/stylesheets/semantic-ui/modules/_checkbox.scss in semantic-ui-sass-0.14.0.0 vs app/assets/stylesheets/semantic-ui/modules/_checkbox.scss in semantic-ui-sass-0.15.1.0
- old
+ new
@@ -102,23 +102,23 @@
.ui.checkbox label:hover {
color: rgba(0, 0, 0, 0.8);
}
-.ui.checkbox input:focus + label {
+.ui.checkbox input:focus ~ label {
color: rgba(0, 0, 0, 0.8);
}
/*--- Outside Label ---*/
-.ui.checkbox + label {
+.ui.checkbox ~ label {
cursor: pointer;
opacity: 0.85;
vertical-align: middle;
}
-.ui.checkbox + label:hover {
+.ui.checkbox ~ label:hover {
opacity: 1;
}
/*******************************
States
@@ -139,31 +139,31 @@
background-color: #F5F5F5;
}
/*--- Focus ---*/
-.ui.checkbox input:focus + .box:before,
-.ui.checkbox input:focus + label:before {
+.ui.checkbox input:focus ~ .box:before,
+.ui.checkbox input:focus ~ label:before {
-webkit-box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
box-shadow: 0em 0em 0em 1px rgba(0, 0, 0, 0.3);
}
/*--- Active ---*/
-.ui.checkbox input:checked + .box:after,
-.ui.checkbox input:checked + label:after {
+.ui.checkbox input:checked ~ .box:after,
+.ui.checkbox input:checked ~ label:after {
-ms-filter: "progid:DXImageTransform.Microsoft@include ctb-Alpha(Opacity=100);";
filter: alpha(opacity=100);
opacity: 1;
}
/*--- Disabled ---*/
-.ui.disabled.checkbox + .box:after,
-.ui.checkbox input[disabled] + .box:after,
+.ui.disabled.checkbox ~ .box:after,
+.ui.checkbox input[disabled] ~ .box:after,
.ui.disabled.checkbox label,
-.ui.checkbox input[disabled] + label {
+.ui.checkbox input[disabled] ~ label {
opacity: 0.4;
color: rgba(0, 0, 0, 0.3);
}
/*******************************
@@ -270,14 +270,14 @@
left 0.3s ease 0s;
}
/* Selected Slider Toggle */
-.ui.slider.checkbox input:checked + .box:before,
-.ui.slider.checkbox input:checked + label:before,
-.ui.slider.checkbox input:checked + .box:after,
-.ui.slider.checkbox input:checked + label:after {
+.ui.slider.checkbox input:checked ~ .box:before,
+.ui.slider.checkbox input:checked ~ label:before,
+.ui.slider.checkbox input:checked ~ .box:after,
+.ui.slider.checkbox input:checked ~ label:after {
left: 1.75em;
}
/* Off Color */
@@ -286,12 +286,12 @@
background-color: #D95C5C;
}
/* On Color */
-.ui.slider.checkbox input:checked + .box:after,
-.ui.slider.checkbox input:checked + label:after {
+.ui.slider.checkbox input:checked ~ .box:after,
+.ui.slider.checkbox input:checked ~ label:after {
background-color: #89B84C;
}
/*--------------
Toggle
@@ -359,11 +359,11 @@
background-color: #F5F5F5;
}
/* Active */
-.ui.toggle.checkbox input:checked + .box:after,
-.ui.toggle.checkbox input:checked + label:after {
+.ui.toggle.checkbox input:checked ~ .box:after,
+.ui.toggle.checkbox input:checked ~ label:after {
left: 1.75em;
background-color: #89B84C;
}
/*--------------
\ No newline at end of file