Issue #3343212 by markconroy, andy-blum, bnjmnm, longwave, alexpott, lauriii, codexmas, harsha012, rpayanm, occupant, Mukeysh, leahtard, joelpittet: Update Core CSS to use double-colon for pseudo elements

3 files changed, 12 insertions, 12 deletions

diff --git a/core/modules/settings_tray/css/settings_tray.motion.css b/core/modules/settings_tray/css/settings_tray.motion.css
index 820f708123c..f637c529a4a 100644
--- a/core/modules/settings_tray/css/settings_tray.motion.css
+++ b/core/modules/settings_tray/css/settings_tray.motion.css
@@ -7,7 +7,7 @@
  */
 
 /* Transition the edit icon in the toolbar. */
-#toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before {
+#toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit::before {
   transition: all 0.7s ease;
 }
 
diff --git a/core/modules/settings_tray/css/settings_tray.theme.css b/core/modules/settings_tray/css/settings_tray.theme.css
index 069d64cf0c9..9363baad5ec 100644
--- a/core/modules/settings_tray/css/settings_tray.theme.css
+++ b/core/modules/settings_tray/css/settings_tray.theme.css
@@ -42,20 +42,20 @@
   background-image: linear-gradient(to bottom, #0066a1, #005b98);
 }
 /* Make the inactive icon gray. */
-.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:before {
+.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item::before {
   background-image: url(../../../misc/icons/bebebe/pencil.svg);
 }
 /* Make the active icon white. */
-.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active:before {
+.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item.is-active::before {
   background-image: url(../../../misc/icons/ffffff/pencil.svg);
 }
-.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:hover:before {
+.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:hover::before {
   background-image: url(../../../misc/icons/ffffff/pencil.svg);
 }
-.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:hover > .toolbar-icon-edit:before {
+.toolbar-tab > .toolbar-icon.toolbar-icon-edit.toolbar-item:hover > .toolbar-icon-edit::before {
   background-image: url(../../../misc/icons/ffffff/pencil.svg);
 }
-.toolbar-tab > .button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before {
+.toolbar-tab > .button.toolbar-icon.toolbar-icon.toolbar-icon-edit::before {
   background-image: url(../../../misc/icons/ffffff/pencil.svg);
 }
 
diff --git a/core/modules/settings_tray/css/settings_tray.toolbar.css b/core/modules/settings_tray/css/settings_tray.toolbar.css
index 3157e75a621..61b1fa26828 100644
--- a/core/modules/settings_tray/css/settings_tray.toolbar.css
+++ b/core/modules/settings_tray/css/settings_tray.toolbar.css
@@ -43,18 +43,18 @@
   background-color: #0a7bc1;
   background-image: linear-gradient(to bottom, #0a7bc1, #0a6eb4);
 }
-.toolbar-icon.toolbar-icon-edit.toolbar-item:before,
-button.toolbar-icon.toolbar-icon-edit.toolbar-item:before {
+.toolbar-icon.toolbar-icon-edit.toolbar-item::before,
+button.toolbar-icon.toolbar-icon-edit.toolbar-item::before {
   background-image: url(../../../misc/icons/bebebe/pencil.svg);
 }
-.toolbar-icon.toolbar-icon-edit.toolbar-item:before:hover,
-button.toolbar-icon.toolbar-icon-edit.toolbar-item:before:focus {
+.toolbar-icon.toolbar-icon-edit.toolbar-item::before:hover,
+button.toolbar-icon.toolbar-icon-edit.toolbar-item::before:focus {
   background-image: url(../../../misc/icons/ffffff/pencil.svg);
 }
-.toolbar-icon.toolbar-icon-edit.toolbar-item:hover > .toolbar-icon-edit:before {
+.toolbar-icon.toolbar-icon-edit.toolbar-item:hover > .toolbar-icon-edit::before {
   background-image: url(../../../misc/icons/ffffff/pencil.svg);
 }
-#toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit:before {
+#toolbar-bar.button.toolbar-icon.toolbar-icon.toolbar-icon-edit::before {
   background-image: url(../../../misc/icons/ffffff/pencil.svg);
 }