chore: indentation

deriv-com · Feb 21, 2024 · 03119f7 · 03119f7
1 parent ebaf5a3
commit 03119f7
Showing 1 changed file with 41 additions and 6 deletions.
diff --git a/sass/components/_chart-title.scss b/sass/components/_chart-title.scss
@@ -19,12 +19,14 @@
 
                 svg {
                     width: 12px;
+
                     @include themify($themes) {
                         fill: themed('ChartTitleArrow');
                     }
                 }
             }
         }
+
         &.stxMenuActive > .cq-menu-btn > .cq-symbol-select-btn {
             @include themify($themes) {
                 border: solid 1px themed('ChartTitleActiveBorder');
@@ -41,26 +43,31 @@
             }
         }
     }
+
     &.ciq-enabled .cq-symbol-select-btn {
         @include themify($themes) {
             background: themed('ChartTitleBg');
             border: solid 1px themed('ChartTitleBorder');
         }
     }
+
     .cq-menu-btn {
         padding: 8px;
         border-radius: $border-radius;
+
         @include themify($themes) {
             background: themed('ChartTitleSubBg');
         }
     }
+
     .cq-symbol-select-btn {
         font-family: $base-font;
         padding: 0.6em 1em;
         position: relative;
         display: flex;
         align-items: center;
         border-radius: $border-radius;
+
         @include themify($themes) {
             color: themed('ChartTitleText');
         }
@@ -69,11 +76,13 @@
             display: flex;
             justify-content: space-between;
         }
+
         &:hover {
             @include themify($themes) {
                 border: solid 1px themed('ChartTitleHoverBorder');
             }
         }
+
         > .ic-icon.cq-symbol-dropdown {
             display: none;
             position: relative;
@@ -82,7 +91,11 @@
                 transition: transform 0.2s ease-in-out;
             }
         }
-        > .ic-icon, > .ic-frx, > .ic-wld, > .ic-otc {
+
+        > .ic-icon,
+        > .ic-frx,
+        > .ic-wld,
+        > .ic-otc {
             height: $large-icon-size;
             width: $large-icon-size;
             transform: scale(1.3);
@@ -91,10 +104,12 @@
                 height: $large-icon-size;
             }
         }
+
         .cq-symbol-info {
             display: flex;
             flex-direction: column;
             margin: 0 0 0 20px;
+
             @media (min-width: 768px) {
                 min-width: 15rem;
                 min-height: 4.2rem;
@@ -105,28 +120,34 @@
                 line-height: 1.5;
             }
         }
+
         .cq-symbol,
         .cq-chart-price {
             .cq-animated-price {
                 transition: color 300ms ease-out;
             }
+
             .divider {
                 padding: 0 3px;
             }
+
             > div {
                 line-height: 1.5;
             }
+
             line-height: 22px;
             font-size: 1.2em;
             text-align: left;
         }
+
         .cq-symbol {
             font-weight: bold;
             font-size: 1.6em;
             text-align: left;
             line-height: 24px;
             width: auto;
             padding-right: 1rem;
+
             @include themify($themes) {
                 color: themed('ChartTitleSymbolText');
             }
@@ -139,12 +160,14 @@
                 line-height: calc(24px + 1.13em);
             }
         }
+
         .cq-chart-closed {
             .cq-closed-icon {
                 width: 12px;
                 margin-right: 5px;
                 height: 12px;
                 margin-top: 3px;
+
                 @include themify($themes) {
                     fill: themed('TimeIconColor');
                 }
@@ -154,19 +177,22 @@
                     position: absolute;
                 }
             }
+
             .cq-closed-opening {
                 font-size: 1.2em;
                 text-align: left;
                 line-height: 1.5;
 
                 .cq-closed-opening-time {
                     font-weight: bold;
+
                     @include themify($themes) {
                         color: themed('ChartTitleText');
                     }
                 }
             }
         }
+
         .cq-symbol-closed-text {
             display: flex;
             flex-direction: column;
@@ -180,27 +206,34 @@
             border-radius: $border-radius;
             text-transform: uppercase;
         }
-        .cq-chart-price > *, .cq-chart-closed > * {
+
+        .cq-chart-price > *,
+        .cq-chart-closed > * {
             position: relative;
         }
-        .cq-chart-price, .cq-chart-closed {
+
+        .cq-chart-price,
+        .cq-chart-closed {
             display: flex;
             vertical-align: text-bottom;
+
             @include themify($themes) {
                 color: themed('ChartTitlePriceText');
             }
         }
     }
-    
+
     .cq-menu-dropdown {
         left: 0px;
         bottom: auto;
         transform: translateX(0) translateY(-3em);
 
-        &.cq-menu-dropdown-enter-done, &.cq-menu-dropdown-enter-active {
+        &.cq-menu-dropdown-enter-done,
+        &.cq-menu-dropdown-enter-active {
             opacity: 1;
             transform: translateX(0) translateY(0em);
         }
+
         &.cq-menu-dropdown-enter-done {
             z-index: 6;
         }
@@ -215,6 +248,7 @@
         margin: 0 !important;
         z-index: 3;
     }
+
     .cq-chart-title {
         width: 100%;
         display: block;
@@ -224,11 +258,12 @@
         .cq-symbol-select-btn {
             margin: 0.3em 0.4em;
         }
+
         .cq-menu-dropdown {
             width: 100%;
             top: 0px;
             margin: 0px;
         }
     }
 }
-/*rtl:end:ignore*/
+/*rtl:end:ignore*/