npm - @syncfusion/blazor-themes - Versions diffs - 28.2.3 → 28.2.5 - Mend

@syncfusion/blazor-themes 28.2.3 → 28.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (307) hide show

package/SCSS-Themes/fluent2.scss CHANGED Viewed

@@ -12107,6 +12107,29 @@ $textarea-float-top: -28px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }
@@ -54826,6 +54849,12 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -54849,6 +54878,13 @@ $tbar-popup-btn-hover-border-size: $tbar-zero-value !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {
@@ -63661,6 +63697,13 @@ $menu-bigger-li-icon-height: 55px !default;
               }
               @if $skin-name == 'fluent2' {
                 border-radius: 4px;
+                &:focus-visible {
+                  color: $content-text-color;
+                  & .e-caret,
+                  & .e-menu-icon {
+                    color: $icon-color;
+                  }
+                }
               }
             }
           }
@@ -63711,9 +63754,11 @@ $menu-bigger-li-icon-height: 55px !default;
           &:focus-visible {
             @if $skin-name == 'fluent2' {
-              border-radius: 4px;
-              background-color: $content-bg-color;
-              box-shadow: $shadow-focus-ring1;
+              &:not(.e-selected) {
+                border-radius: 4px;
+                background-color: $content-bg-color;
+                box-shadow: $shadow-focus-ring1;
+              }
             }
             @if $skin-name == 'tailwind3' {
               box-shadow: $shadow-focus-ring2;
@@ -63804,7 +63849,7 @@ $menu-bigger-li-icon-height: 55px !default;
           &:focus-visible {
             @if $skin-name == 'fluent2' {
-              background-color: $content-bg-color;
+              background-color: $flyout-bg-color-focus;
               box-shadow: $shadow-focus-ring1;
               border-radius: 4px;
             }
@@ -108609,7 +108654,7 @@ $kanban-color-card-border-left: 2px solid !default;
 $kanban-color-card-hover-border: $kanban-card-border !default;
 $kanban-color-card-hover-border-left: 2px solid !default;
 $kanban-color-card-hover-box-shadow: $shadow-lg !default;
-$kanban-color-card-focus-border: $kanban-card-border !default;
+$kanban-color-card-focus-border: 1px solid $primary !default;
 $kanban-color-card-focus-border-left: 2px solid !default;
 $kanban-color-card-tags-padding: 0 18px 0 18px !default;
 $kanban-card-tags-padding: 12px 18px 0 !default;
@@ -136439,6 +136484,10 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/highcontrast-lite.scss CHANGED Viewed

@@ -9001,6 +9001,29 @@ $float-label-rtl-value: -7px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }
@@ -37857,6 +37880,12 @@ $tbar-popup-btn-hover-border-size: 2px !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -37880,6 +37909,13 @@ $tbar-popup-btn-hover-border-size: 2px !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {
@@ -44677,6 +44713,13 @@ $menu-header-icon-padding: 0 16px !default;
               }
               @if $skin-name == 'fluent2' {
                 border-radius: 4px;
+                &:focus-visible {
+                  color: $content-text-color;
+                  & .e-caret,
+                  & .e-menu-icon {
+                    color: $icon-color;
+                  }
+                }
               }
             }
           }
@@ -44727,9 +44770,11 @@ $menu-header-icon-padding: 0 16px !default;
           &:focus-visible {
             @if $skin-name == 'fluent2' {
-              border-radius: 4px;
-              background-color: $content-bg-color;
-              box-shadow: $shadow-focus-ring1;
+              &:not(.e-selected) {
+                border-radius: 4px;
+                background-color: $content-bg-color;
+                box-shadow: $shadow-focus-ring1;
+              }
             }
             @if $skin-name == 'tailwind3' {
               box-shadow: $shadow-focus-ring2;
@@ -44820,7 +44865,7 @@ $menu-header-icon-padding: 0 16px !default;
           &:focus-visible {
             @if $skin-name == 'fluent2' {
-              background-color: $content-bg-color;
+              background-color: $flyout-bg-color-focus;
               box-shadow: $shadow-focus-ring1;
               border-radius: 4px;
             }
@@ -102080,6 +102125,10 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/highcontrast.scss CHANGED Viewed

@@ -9835,6 +9835,29 @@ $float-label-rtl-value: -7px !default;
       border-bottom: transparent;
     }
   }
+  @if $input-skin-name == 'material' or $input-skin-name == 'Material3' {
+    .e-filled.e-float-input.e-control-container.e-append:not(.e-prepend) {
+      padding: 0;
+      input {
+        padding: 14px 2px 5px 12px;
+      }
+      label.e-float-text {
+        padding-left: 12px;
+      }
+      .e-input-in-wrap .e-input-group-icon {
+        @if $input-skin-name == 'material' {
+          padding-right: 17px;
+        }
+        @else {
+          margin-right: 10px;
+        }
+      }
+    }
+  }
 }
@@ -52101,6 +52124,12 @@ $tbar-popup-btn-hover-border-size: 2px !default;
               @else {
                 box-shadow: $tbar-ext-btn-focus-box-shadow;
               }
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-default-icon-color;
+                }
+              }
             }
             @if ($skin-name == 'fluent2' or $skin-name == 'tailwind3') {
@@ -52124,6 +52153,13 @@ $tbar-popup-btn-hover-border-size: 2px !default;
               border-color: $tbar-ext-btn-hover-border-color;
               border-style: $tbar-border-nav-type;
               border-width: $tbar-btn-hover-border-size;
+              @if $skin-name == 'bootstrap5.3' {
+                .e-tbar-btn-text,
+                .e-icons.e-btn-icon {
+                  color: $tbar-btn-text-focus-color;
+                }
+              }
             }
             &:active {
@@ -60926,6 +60962,13 @@ $menu-header-icon-padding: 0 16px !default;
               }
               @if $skin-name == 'fluent2' {
                 border-radius: 4px;
+                &:focus-visible {
+                  color: $content-text-color;
+                  & .e-caret,
+                  & .e-menu-icon {
+                    color: $icon-color;
+                  }
+                }
               }
             }
           }
@@ -60976,9 +61019,11 @@ $menu-header-icon-padding: 0 16px !default;
           &:focus-visible {
             @if $skin-name == 'fluent2' {
-              border-radius: 4px;
-              background-color: $content-bg-color;
-              box-shadow: $shadow-focus-ring1;
+              &:not(.e-selected) {
+                border-radius: 4px;
+                background-color: $content-bg-color;
+                box-shadow: $shadow-focus-ring1;
+              }
             }
             @if $skin-name == 'tailwind3' {
               box-shadow: $shadow-focus-ring2;
@@ -61069,7 +61114,7 @@ $menu-header-icon-padding: 0 16px !default;
           &:focus-visible {
             @if $skin-name == 'fluent2' {
-              background-color: $content-bg-color;
+              background-color: $flyout-bg-color-focus;
               box-shadow: $shadow-focus-ring1;
               border-radius: 4px;
             }
@@ -133268,6 +133313,10 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bds-dark-lite.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bds-dark.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bds-lite.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bds.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bootstrap-dark-lite.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(66% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bootstrap-dark.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(66% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bootstrap-lite.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(66% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bootstrap.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(66% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bootstrap4-lite.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(66% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bootstrap4.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(66% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark-lite.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(67% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bootstrap5-dark.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(67% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bootstrap5-lite.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(67% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bootstrap5.3-dark-lite.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bootstrap5.3-dark.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bootstrap5.3-lite.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bootstrap5.3.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/bootstrap5.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(67% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/fabric-dark-lite.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/fabric-dark.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/fabric-lite.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/fabric.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/fluent-dark-lite.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/fluent-dark.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/fluent-lite.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/fluent.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(64% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/fluent2-dark-lite.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/fluent2-dark.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }

package/SCSS-Themes/image-editor/image-editor/fluent2-highcontrast-lite.scss CHANGED Viewed

@@ -856,6 +856,10 @@ $image-editor-button-width-mobile: calc(65% - 30px) !default;
   .e-device.e-image-editor .e-ie-drop-area .e-ie-drop-info {
     top: calc(50% + 60px);
   }
+  .e-image-editor.e-control.e-readonly {
+    opacity: 1 !important; /* stylelint-disable-line declaration-no-important */
+  }
 }