refactor(labels): change the file name from _labels.scss to `_label…

….scss`, use the padding mixins, and `label-theme()` for color variants.
angular-package · Sep 4, 2022 · d43529a · d43529a
1 parent e598f46
commit d43529a
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/src/labels/_labels.scss → src/labels/_label.scss b/src/labels/_labels.scss → src/labels/_label.scss
@@ -2,11 +2,13 @@
 @use '../variables/core' as *;
 
 // Mixins.
-@use '../mixins/border' as *;
 @use '../mixins/color/background.mixin' as *;
 @use '../mixins/color/color.mixin' as *;
-@use '../mixins/label' as *;
 @use '../mixins/padding-size-variants.mixin' as *;
+@use '../mixins/padding.mixins' as *;
+
+@use 'mixins/label-base.mixin' as *;
+@use 'mixins/label-theme.mixin' as *;
 
 // Labels
 .#{$class-prefix}label {
@@ -18,11 +20,14 @@
 
   // Label rounded
   &.label-rounded {
-    padding-left: 0.4rem;
-    padding-right: 0.4rem;
+    @include padding-left('unit-2');
+    @include padding-right('unit-2');
     border-radius: 5rem;
   }
 
-  // Padding size
+  // Label size variants.
   @include padding-size-variants('label');
+
+  // Label color variants.
+  @include label-theme();
 }