fix: replace hard coded bx prefix with variable (#1381)

* fix(notification): add correct icon svgs for different types * fix: replace bx with prefix variable
carbon-design-system · Nov 2, 2018 · b431033 · b431033
1 parent e1c070e
commit b431033
Show file tree

Hide file tree

Showing 6 changed files with 11 additions and 11 deletions.
diff --git a/src/components/combo-box/_combo-box.scss b/src/components/combo-box/_combo-box.scss
@@ -11,7 +11,7 @@
 @import '../list-box/list-box';
 
 @include exports('combo-box') {
-  .bx--combo-box > .bx--list-box__field {
+  .#{$prefix}--combo-box > .#{$prefix}--list-box__field {
     padding: 0;
   }
 }
diff --git a/src/components/multi-select/_multi-select.scss b/src/components/multi-select/_multi-select.scss
@@ -13,11 +13,11 @@
 @import '../list-box/list-box';
 
 @include exports('multi-select') {
-  .bx--multi-select.bx--combo-box > .bx--list-box__field {
+  .#{$prefix}--multi-select.#{$prefix}--combo-box > .#{$prefix}--list-box__field {
     padding: 0 1rem;
   }
 
-  .bx--multi-select.bx--combo-box input[role='combobox'] {
+  .#{$prefix}--multi-select.#{$prefix}--combo-box input[role='combobox'] {
     padding: 0;
     outline: none;
   }

diff --git a/src/components/overflow-menu/_overflow-menu.scss b/src/components/overflow-menu/_overflow-menu.scss
@@ -145,7 +145,7 @@
   }
 
   .#{$prefix}--overflow-menu-options__option--danger {
-    .bx--overflow-menu-options__btn {
+    .#{$prefix}--overflow-menu-options__btn {
       &:hover,
       &:focus {
         color: $inverse-01;

diff --git a/src/components/select/_select.scss b/src/components/select/_select.scss
@@ -257,7 +257,7 @@
     }
   }
 
-  .#{$prefix}--select-input:disabled ~ .bx--select__arrow {
+  .#{$prefix}--select-input:disabled ~ .#{$prefix}--select__arrow {
     fill: $disabled;
   }
 
@@ -346,7 +346,7 @@
     @include focus-outline('invalid');
   }
 
-  .#{$prefix}--select--inline .bx--select-input:disabled {
+  .#{$prefix}--select--inline .#{$prefix}--select-input:disabled {
     color: $disabled;
     cursor: not-allowed;
 
@@ -369,15 +369,15 @@
     }
   }
 
-  .#{$prefix}--select--inline .bx--select-input:disabled {
+  .#{$prefix}--select--inline .#{$prefix}--select-input:disabled {
     cursor: not-allowed;
     // THIS SHOULD BE MOVED TO AN INLINE SVG IN NEXT MAJOR RELEASE
     background-image: url("data:image/svg+xml;charset=UTF-8, %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32' width='16' height='16' class='ibm-icons ibm-icons--error--filled' fill='%23bebebe'%3e%3cpath d='M6.95 26.66A14 14 0 0 0 26.67 6.93zM16 2A14 14 0 0 0 5.35 25.07L25.08 5.34A13.93 13.93 0 0 0 16 2z'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-position: calc(100% - 8px) 50%;
   }
 
-  .#{$prefix}--select--inline .bx--select-input:disabled ~ .#{$prefix}--select__arrow {
+  .#{$prefix}--select--inline .#{$prefix}--select-input:disabled ~ .#{$prefix}--select__arrow {
     display: none;
   }
 

diff --git a/src/components/structured-list/_structured-list.scss b/src/components/structured-list/_structured-list.scss
@@ -151,7 +151,7 @@
       }
     }
 
-    .bx--structured-list-th span {
+    .#{$prefix}--structured-list-th span {
       @include skeleton;
       width: 75%;
       height: 1rem;
@@ -316,7 +316,7 @@
       }
     }
 
-    .bx--structured-list-th span {
+    .#{$prefix}--structured-list-th span {
       @include skeleton;
       width: 75%;
       height: 1rem;

diff --git a/src/components/tile/_tile.scss b/src/components/tile/_tile.scss
@@ -291,7 +291,7 @@
     outline-offset: -1px;
   }
 
-  .#{$prefix}--tile--is-selected .bx--tile__checkmark {
+  .#{$prefix}--tile--is-selected .#{$prefix}--tile__checkmark {
     opacity: 1;
   }