fix: replace font-weight usages with mixin (#167)

gravity-ui · May 19, 2022 · b38318f · b38318f
1 parent 3ad848f
commit b38318f
Show file tree

Hide file tree

Showing 8 changed files with 13 additions and 14 deletions.
diff --git a/src/components/List/__stories__/ListShowcase.scss b/src/components/List/__stories__/ListShowcase.scss
@@ -55,7 +55,7 @@
     }
 
     &__group {
-        font-weight: 500;
+        @include text-accent;
         color: var(--yc-color-text-secondary);
     }
 

diff --git a/src/components/Popover/Popover.scss b/src/components/Popover/Popover.scss
@@ -110,7 +110,7 @@ $block: '.#{$ns}popover';
                 }
 
                 #{$class}__tooltip-content a:not(.yc-button) {
-                    font-weight: bold;
+                    @include text-accent;
                     color: var(--yc-color-text-light-primary);
 
                     &:hover {

diff --git a/src/components/Select/components/SelectControl/SelectControl.scss b/src/components/Select/components/SelectControl/SelectControl.scss
@@ -99,8 +99,8 @@ $block: '.#{$ns}select';
     }
 
     &__label {
+        @include text-accent;
         margin-right: 2px;
-        font-weight: 500;
         white-space: nowrap;
     }
 

diff --git a/src/components/Select/components/SelectPopup/SelectPopup.scss b/src/components/Select/components/SelectPopup/SelectPopup.scss
@@ -68,9 +68,9 @@ $xl-hor-padding: '12px';
 
     &__group-label-content {
         @include overflow-ellipsis();
+        @include text-accent;
 
         width: 100%;
-        font-weight: 500;
     }
 
     &__option {

diff --git a/src/components/Table/Table.scss b/src/components/Table/Table.scss
@@ -122,7 +122,7 @@
     }
 
     &__th-content {
-        font-weight: 500;
+        @include text-accent;
         display: inline-block;
         &::first-letter {
             text-transform: uppercase;

diff --git a/src/components/TextInput/TextInput.scss b/src/components/TextInput/TextInput.scss
@@ -17,7 +17,7 @@ $block: '.#{$ns}text-input';
         margin: 0;
         padding: 0;
         width: 100%;
-        font-weight: 400;
+        font-weight: normal;
         font-family: var(--yc-text-body-font-family);
         color: var(--yc-color-text-primary);
         background-color: transparent;

diff --git a/src/components/Toaster/Toast/Toast.scss b/src/components/Toaster/Toast/Toast.scss
@@ -1,4 +1,5 @@
 @import '../../variables';
+@import '../../../../styles/mixins';
 
 $block: '.#{$ns}toast';
 
@@ -111,17 +112,16 @@ $block: '.#{$ns}toast';
         }
     }
 
+    &__title {
+        @include text-subheader-2;
+        padding-right: 28px;
+    }
+
     &__title,
     &__action {
         line-height: 24px;
     }
 
-    &__title {
-        padding-right: 28px;
-        font-size: 15px;
-        font-weight: 500;
-    }
-
     #{$iconClass} {
         margin-right: 6px;
     }

diff --git a/src/demo/Typography/Typography.scss b/src/demo/Typography/Typography.scss
@@ -12,9 +12,8 @@
     }
 
     &__header {
-        @include text-body-1();
+        @include text-subheader-1();
         margin-bottom: 20px;
-        font-weight: bold;
         text-transform: uppercase;
         color: var(--yc-color-text-primary);
     }