Refector sass

Signed-off-by: Ajay Bura <ajbura@gmail.com>
2021-12-19 10:28:41 +05:30
parent 85c3240b54
commit ce9f140ddf
46 changed files with 407 additions and 703 deletions
--- a/src/app/atoms/segmented-controls/SegmentedControls.scss
+++ b/src/app/atoms/segmented-controls/SegmentedControls.scss
@@ -1,4 +1,5 @@
@use '../button/state';
+@use '../../partials/dir';

 .segmented-controls {
  background-color: var(--bg-surface-low);
@@ -20,12 +21,7 @@
    display: flex;
    align-items: center;
    justify-content: center;
-    border-left: 1px solid var(--bg-surface-border);
-    
-    [dir=rtl] & {
-      border-left: none;
-      border-right: 1px solid var(--bg-surface-border);
-    }
+    @include dir.side(border, 1px solid var(--bg-surface-border), none);

    & .text:nth-child(2) {
      margin: 0 var(--sp-extra-tight);