feat: monochrome mixin moved from 'Button.css' to 'mixins.css' (#173)

niktverd · Nikolay Tverdokhlebov · web-flow · commit 6bb35cfea50f · 2023-02-28T14:48:11.000+06:00
Co-authored-by: Nikolay Tverdokhlebov &lt;niktverd@qavm-550fda41.qemu&gt;
diff --git a/src/components/Button/Button.scss b/src/components/Button/Button.scss
@@ -1,17 +1,8 @@
+@import '../../../styles/mixins.scss';
 @import '../../../styles/variables.scss';
 
 $block: '.#{$ns}button-block';
 
-@mixin monochromeButton() {
-    --yc-button-background-color: var(--pc-monochrome-button-background-color);
-    --yc-button-background-color-hover: var(--pc-monochrome-button-background-color-hover);
-    color: var(--pc-monochrome-button-color);
-
-    &:hover {
-        color: var(--pc-monochrome-button-color);
-    }
-}
-
 #{$block} {
     &__content {
         display: flex;
diff --git a/styles/mixins.scss b/styles/mixins.scss
@@ -480,3 +480,13 @@ unpredictable css rules order in build */
         color: var(--yc-color-text-link);
     }
 }
+
+@mixin monochromeButton() {
+    --yc-button-background-color: var(--pc-monochrome-button-background-color);
+    --yc-button-background-color-hover: var(--pc-monochrome-button-background-color-hover);
+    color: var(--pc-monochrome-button-color);
+
+    &:hover {
+        color: var(--pc-monochrome-button-color);
+    }
+}

Original file line number	Diff line number	Diff line change
`@@ -480,3 +480,13 @@ unpredictable css rules order in build */`
`480`	`480`	`color: var(--yc-color-text-link);`
`481`	`481`	`}`
`482`	`482`	`}`
	`483`	`+`
	`484`	`+@mixin monochromeButton() {`
	`485`	`+ --yc-button-background-color: var(--pc-monochrome-button-background-color);`
	`486`	`+ --yc-button-background-color-hover: var(--pc-monochrome-button-background-color-hover);`
	`487`	`+ color: var(--pc-monochrome-button-color);`
	`488`	`+`
	`489`	`+ &:hover {`
	`490`	`+ color: var(--pc-monochrome-button-color);`
	`491`	`+ }`
	`492`	`+}`