Skip to content

Commit b6cde0e

Browse files
lubber-delubber-de
authored
feat(checkbox): remove !important
Removing some !important statements and replaced by higher specificity where needed.
1 parent f3fb845 commit b6cde0e

File tree

1 file changed

+39
-39
lines changed

1 file changed

+39
-39
lines changed

‎src/definitions/modules/checkbox.less

Lines changed: 39 additions & 39 deletions
Original file line numberDiff line numberDiff line change
@@ -409,21 +409,21 @@
409409

410410
/* Active */
411411
.ui.slider.checkbox input:checked ~ label {
412-
color: @sliderOnLabelColor !important;
412+
color: @sliderOnLabelColor;
413413
}
414414
.ui.slider.checkbox input:checked ~ label::before {
415-
background-color: @sliderOnLineColor !important;
415+
background-color: @sliderOnLineColor;
416416
}
417417
.ui.slider.checkbox input:checked ~ label::after {
418418
left: @sliderTravelDistance;
419419
}
420420

421421
/* Active Focus */
422422
.ui.slider.checkbox input:focus:checked ~ label {
423-
color: @sliderOnFocusLabelColor !important;
423+
color: @sliderOnFocusLabelColor;
424424
}
425425
.ui.slider.checkbox input:focus:checked ~ label::before {
426-
background-color: @sliderOnFocusLineColor !important;
426+
background-color: @sliderOnFocusLineColor;
427427
}
428428

429429
& when (@variationCheckboxRightAligned) {
@@ -520,10 +520,10 @@
520520

521521
/* Active */
522522
.ui.toggle.checkbox input:checked ~ label {
523-
color: @toggleOnLabelColor !important;
523+
color: @toggleOnLabelColor;
524524
}
525525
.ui.toggle.checkbox input:checked ~ label::before {
526-
background-color: @toggleOnLaneColor !important;
526+
background-color: @toggleOnLaneColor;
527527
}
528528
.ui.toggle.checkbox input:checked ~ label::after {
529529
left: @toggleOnOffset;
@@ -532,10 +532,10 @@
532532

533533
/* Active Focus */
534534
.ui.toggle.checkbox input:focus:checked ~ label {
535-
color: @toggleOnFocusLabelColor !important;
535+
color: @toggleOnFocusLabelColor;
536536
}
537537
.ui.toggle.checkbox input:focus:checked ~ label::before {
538-
background-color: @toggleOnFocusLaneColor !important;
538+
background-color: @toggleOnFocusLaneColor;
539539
}
540540

541541
& when (@variationCheckboxRightAligned) {
@@ -563,8 +563,8 @@
563563
Fitted
564564
--------------- */
565565

566-
.ui.fitted.checkbox label {
567-
padding-left: 0 !important;
566+
.ui.ui.fitted.checkbox label {
567+
padding-left: 0;
568568
}
569569

570570
.ui.fitted.toggle.checkbox {
@@ -580,14 +580,14 @@
580580
/* --------------
581581
Inverted
582582
--------------- */
583-
.ui.inverted.checkbox label,
584-
.ui.inverted.checkbox + label {
585-
color: @invertedTextColor !important;
583+
.ui.ui.ui.inverted.checkbox label,
584+
.ui.ui.ui.inverted.checkbox + label {
585+
color: @invertedTextColor;
586586
}
587587

588588
/* Hover */
589-
.ui.inverted.checkbox label:hover {
590-
color: @invertedHoveredTextColor !important;
589+
.ui.ui.inverted.checkbox label:hover {
590+
color: @invertedHoveredTextColor;
591591
}
592592
.ui.inverted.checkbox label:hover::before {
593593
border-color: @strongSelectedBorderColor;
@@ -599,56 +599,56 @@
599599
}
600600

601601
/* Slider Line */
602-
.ui.inverted.slider.checkbox label::before {
603-
background-color: @invertedUnselectedTextColor !important;
602+
.ui.ui.inverted.slider.checkbox label::before {
603+
background-color: @invertedUnselectedTextColor;
604604
}
605605

606606
/* Slider Hover */
607-
.ui.inverted.slider.checkbox label:hover::before {
608-
background: @invertedLightTextColor !important;
607+
.ui.ui.inverted.slider.checkbox label:hover::before {
608+
background: @invertedLightTextColor;
609609
}
610610

611611
/* Slider Active */
612-
.ui.inverted.slider.checkbox input:checked ~ label {
613-
color: @invertedSelectedTextColor !important;
612+
.ui.ui.inverted.slider.checkbox input:checked ~ label {
613+
color: @invertedSelectedTextColor;
614614
}
615-
.ui.inverted.slider.checkbox input:checked ~ label::before {
616-
background-color: @selectedWhiteBorderColor !important;
615+
.ui.ui.inverted.slider.checkbox input:checked ~ label::before {
616+
background-color: @selectedWhiteBorderColor;
617617
}
618618

619619
/* Slider Active Focus */
620-
.ui.inverted.slider.checkbox input:focus:checked ~ label {
621-
color: @invertedSelectedTextColor !important;
620+
.ui.ui.inverted.slider.checkbox input:focus:checked ~ label {
621+
color: @invertedSelectedTextColor;
622622
}
623-
.ui.inverted.slider.checkbox input:focus:checked ~ label::before {
624-
background-color: @selectedWhiteBorderColor !important;
623+
.ui.ui.inverted.slider.checkbox input:focus:checked ~ label::before {
624+
background-color: @selectedWhiteBorderColor;
625625
}
626626
}
627627
& when (@variationCheckboxToggle) {
628628
/* Toggle Switch */
629-
.ui.inverted.toggle.checkbox label::before {
630-
background-color: @invertedTextColor !important;
629+
.ui.ui.inverted.toggle.checkbox label::before {
630+
background-color: @invertedTextColor;
631631
}
632632

633633
/* Toggle Hover */
634-
.ui.inverted.toggle.checkbox label:hover::before {
635-
background: @invertedHoveredTextColor !important;
634+
.ui.ui.inverted.toggle.checkbox label:hover::before {
635+
background: @invertedHoveredTextColor;
636636
}
637637

638638
/* Toggle Active */
639-
.ui.inverted.toggle.checkbox input:checked ~ label {
640-
color: @invertedSelectedTextColor !important;
639+
.ui.ui.inverted.toggle.checkbox input:checked ~ label {
640+
color: @invertedSelectedTextColor;
641641
}
642-
.ui.inverted.toggle.checkbox input:checked ~ label::before {
643-
background-color: @toggleOnLaneColor !important;
642+
.ui.ui.inverted.toggle.checkbox input:checked ~ label::before {
643+
background-color: @toggleOnLaneColor;
644644
}
645645

646646
/* Toggle Active Focus */
647-
.ui.inverted.toggle.checkbox input:focus:checked ~ label {
648-
color: @invertedSelectedTextColor !important;
647+
.ui.ui.inverted.toggle.checkbox input:focus:checked ~ label {
648+
color: @invertedSelectedTextColor;
649649
}
650-
.ui.inverted.toggle.checkbox input:focus:checked ~ label::before {
651-
background-color: @toggleOnFocusLaneColor !important;
650+
.ui.ui.inverted.toggle.checkbox input:focus:checked ~ label::before {
651+
background-color: @toggleOnFocusLaneColor;
652652
}
653653
}
654654
}

0 commit comments

Comments
 (0)