fix(checkbox): add styles for label when positioned before

Author: didimmova

projects/igniteui-angular/src/lib/core/styles/components/checkbox/_checkbox-component.scss

@@ -18,6 +18,10 @@
                 @extend %cbx-label--hover !optional;
             }
 
+            @include e(label, $m: before) {
+                 @extend %cbx-label--hover !optional;
+            }
+
             @include e(ripple) {
                 @extend %cbx-ripple--hover !optional;
             }
@@ -87,6 +91,10 @@
                 @extend %cbx-label--invalid !optional;
             }
 
+            @include e(label, $m: before) {
+                @extend %cbx-label--invalid !optional;
+            }
+
             &:hover {
                 @include e(ripple) {
                     @extend %cbx-ripple--hover !optional;
@@ -104,6 +112,10 @@
                 @include e(label) {
                     @extend %cbx-label--invalid !optional;
                 }
+
+                @include e(label, $m: before) {
+                    @extend %cbx-label--invalid !optional;
+                }
             }
 
             &:active {