refactor: remove not needed backslash in css literals (#7641)

vaadin · Aug 12, 2024 · 351ddd6 · 351ddd6
1 parent 1590387
commit 351ddd6
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 11 deletions.
diff --git a/packages/notification/theme/lumo/vaadin-notification-styles.js b/packages/notification/theme/lumo/vaadin-notification-styles.js
@@ -46,25 +46,25 @@ registerStyles(
       margin: var(--lumo-space-s) auto;
     }
 
-    :host([slot\$='stretch']) {
+    :host([slot$='stretch']) {
       margin: 0;
     }
 
-    :host([slot\$='stretch']) [part='overlay'] {
+    :host([slot$='stretch']) [part='overlay'] {
       border-radius: 0;
     }
 
     @media (min-width: 421px) {
-      :host(:not([slot\$='stretch'])) {
+      :host(:not([slot$='stretch'])) {
         display: flex;
       }
 
-      :host([slot\$='end']) {
+      :host([slot$='end']) {
         justify-content: flex-end;
       }
 
       :host([slot^='middle']),
-      :host([slot\$='center']) {
+      :host([slot$='center']) {
         display: flex;
         justify-content: center;
       }

diff --git a/packages/notification/theme/material/vaadin-notification-styles.js b/packages/notification/theme/material/vaadin-notification-styles.js
@@ -30,7 +30,6 @@ const notificationCard = css`
     background-color: var(--material-background-color);
     border-radius: 4px;
     box-shadow: var(--material-shadow-elevation-6dp);
-
     padding: 14px 16px;
     justify-content: stretch;
   }
@@ -53,11 +52,11 @@ const notificationCard = css`
     margin: -8px 0;
   }
 
-  :host([slot\$='stretch']) {
+  :host([slot$='stretch']) {
     margin: 0 -4px;
   }
 
-  :host([slot\$='stretch']) [part='overlay'] {
+  :host([slot$='stretch']) [part='overlay'] {
     border-radius: 0;
   }
 
@@ -71,7 +70,7 @@ const notificationCard = css`
       margin: auto;
     }
 
-    :host([slot\$='stretch']) {
+    :host([slot$='stretch']) {
       margin: 0 -12px;
     }
   }

diff --git a/packages/number-field/theme/lumo/vaadin-number-field-styles.js b/packages/number-field/theme/lumo/vaadin-number-field-styles.js
@@ -22,14 +22,14 @@ const numberField = css`
     padding: 0;
   }
 
-  [part\$='button'] {
+  [part$='button'] {
     cursor: pointer;
     font-size: var(--lumo-icon-size-s);
     width: 1.6em;
     height: 1.6em;
   }
 
-  [part\$='button']::before {
+  [part$='button']::before {
     margin-top: 0.3em;
   }