refactor: remove popup wrapper class, use content classes - remove do…

…uble templating
gravity-ui · Jun 28, 2023 · 1b386d9 · 1b386d9
1 parent 6b47112
commit 1b386d9
Showing 1 changed file with 14 additions and 14 deletions.
diff --git a/src/components/Popup/Popup.scss b/src/components/Popup/Popup.scss
@@ -19,65 +19,65 @@ $transition-distance: 10px;
     }
 
     &_exit_active {
-        &[data-popper-placement*='bottom'] #{#{$block}}__content {
+        &[data-popper-placement*='bottom'] #{$block}__content {
             animation-name: #{variables.$ns}popup-bottom;
         }
 
-        &[data-popper-placement*='top'] #{#{$block}}__content {
+        &[data-popper-placement*='top'] #{$block}__content {
             animation-name: #{variables.$ns}popup-top;
         }
 
-        &[data-popper-placement*='left'] #{#{$block}}__content {
+        &[data-popper-placement*='left'] #{$block}__content {
             animation-name: #{variables.$ns}popup-left;
         }
 
-        &[data-popper-placement*='right'] #{#{$block}}__content {
+        &[data-popper-placement*='right'] #{$block}__content {
             animation-name: #{variables.$ns}popup-right;
         }
     }
 
     // open state
     &_enter_active,
     &_appear_active {
-        &[data-popper-placement*='bottom'] #{#{$block}}__content {
+        &[data-popper-placement*='bottom'] #{$block}__content {
             animation-name: #{variables.$ns}popup-bottom-open;
         }
 
-        &[data-popper-placement*='top'] #{#{$block}}__content {
+        &[data-popper-placement*='top'] #{$block}__content {
             animation-name: #{variables.$ns}popup-top-open;
         }
 
-        &[data-popper-placement*='left'] #{#{$block}}__content {
+        &[data-popper-placement*='left'] #{$block}__content {
             animation-name: #{variables.$ns}popup-left-open;
         }
 
-        &[data-popper-placement*='right'] #{#{$block}}__content {
+        &[data-popper-placement*='right'] #{$block}__content {
             animation-name: #{variables.$ns}popup-right-open;
         }
     }
 
     // arrow
-    &[data-popper-placement*='bottom'] #{#{$block}}__arrow {
+    &[data-popper-placement*='bottom'] #{$block}__arrow {
         top: -$arrow-offset;
     }
 
-    &[data-popper-placement*='top'] #{#{$block}}__arrow {
+    &[data-popper-placement*='top'] #{$block}__arrow {
         bottom: -$arrow-offset;
 
         &-content {
             transform: rotate(180deg);
         }
     }
 
-    &[data-popper-placement*='left'] #{#{$block}}__arrow {
+    &[data-popper-placement*='left'] #{$block}__arrow {
         right: -$arrow-offset;
 
         &-content {
             transform: rotate(90deg);
         }
     }
 
-    &[data-popper-placement*='right'] #{#{$block}}__arrow {
+    &[data-popper-placement*='right'] #{$block}__arrow {
         left: -$arrow-offset;
 
         &-content {
@@ -102,8 +102,8 @@ $transition-distance: 10px;
         outline: none;
 
         // Corners rounding for content
-        & > :first-child:not(#{#{$block}}__arrow),
-        & > #{#{$block}}__arrow + * {
+        & > :first-child:not(#{$block}__arrow),
+        & > #{$block}__arrow + * {
             border-top-left-radius: inherit;
             border-top-right-radius: inherit;
         }