Mixins: move the circle bg to the mixin

ramiy · ramiy · commit 76db0af58be5 · 2021-04-24T14:01:53.000+03:00
diff --git a/src/charts/_pie.scss b/src/charts/_pie.scss
@@ -9,8 +9,6 @@
     tbody {
       @include circle();
 
-      background-color: var(--chart-bg-color);
-
       tr {
         @include visually-hidden();
       }
diff --git a/src/charts/_polar.scss b/src/charts/_polar.scss
@@ -9,8 +9,6 @@
     tbody {
       @include circle();
 
-      background-color: var(--chart-bg-color);
-
       tr {
         @include visually-hidden();
       }
diff --git a/src/charts/_radar.scss b/src/charts/_radar.scss
@@ -9,8 +9,6 @@
     tbody {
       @include circle();
 
-      background-color: var(--chart-bg-color);
-
       tr {
         @include visually-hidden();
       }
diff --git a/src/charts/_radial.scss b/src/charts/_radial.scss
@@ -9,8 +9,6 @@
     tbody {
       @include circle();
 
-      background-color: var(--chart-bg-color);
-
       tr {
         @include visually-hidden();
       }
diff --git a/src/general/_mixins.scss b/src/general/_mixins.scss
@@ -21,4 +21,5 @@
   height: 0;               // old hack for "aspect-ratio"
   padding-block-end: 100%; // makes height 100% of the width
   border-radius: 50%;
+  background-color: var(--chart-bg-color);
 }

Original file line number	Diff line number	Diff line change
`@@ -9,8 +9,6 @@`
`9`	`9`	`tbody {`
`10`	`10`	`@include circle();`
`11`	`11`
`12`		`- background-color: var(--chart-bg-color);`
`13`		`-`
`14`	`12`	`tr {`
`15`	`13`	`@include visually-hidden();`
`16`	`14`	`}`
Original file line number	Diff line number	Diff line change
`@@ -21,4 +21,5 @@`
`21`	`21`	`height: 0; // old hack for "aspect-ratio"`
`22`	`22`	`padding-block-end: 100%; // makes height 100% of the width`
`23`	`23`	`border-radius: 50%;`
	`24`	`+ background-color: var(--chart-bg-color);`
`24`	`25`	`}`