diff --git a/plugins/woocommerce-admin/client/components/calendar/style.scss b/plugins/woocommerce-admin/client/components/calendar/style.scss index 08f746a81fa..8f85f829cfa 100644 --- a/plugins/woocommerce-admin/client/components/calendar/style.scss +++ b/plugins/woocommerce-admin/client/components/calendar/style.scss @@ -117,10 +117,10 @@ .woocommerce-calendar__input-text { border: 1px solid $error-red; - box-shadow: inset 0px 0px 8px $error-red; + box-shadow: inset 0 0 8px $error-red; &:focus { - box-shadow: inset 0px 0px 8px $error-red, 0 0 6px rgba(30, 140, 190, 0.8); + box-shadow: inset 0 0 8px $error-red, 0 0 6px rgba(30, 140, 190, 0.8); } } } @@ -160,7 +160,7 @@ text-align: center; } - &:not(.no-arrow):not(.is-mobile).is-bottom:before { + &:not(.no-arrow):not(.is-mobile).is-bottom::before { border-bottom-color: $core-grey-dark-400; z-index: 1; top: -6px; diff --git a/plugins/woocommerce-admin/client/components/chart/style.scss b/plugins/woocommerce-admin/client/components/chart/style.scss index 100ac691a0b..9a4c46445d9 100644 --- a/plugins/woocommerce-admin/client/components/chart/style.scss +++ b/plugins/woocommerce-admin/client/components/chart/style.scss @@ -349,7 +349,7 @@ width: 16px; background-color: $white; - &:after { + &::after { content: ''; position: absolute; display: none; @@ -359,7 +359,7 @@ background-color: currentColor; border-color: currentColor; - &:after { + &::after { display: block; left: 5px; top: 2px; diff --git a/plugins/woocommerce-admin/client/components/count/style.scss b/plugins/woocommerce-admin/client/components/count/style.scss index 3ab1a96a058..bcd3b6ef5d1 100644 --- a/plugins/woocommerce-admin/client/components/count/style.scss +++ b/plugins/woocommerce-admin/client/components/count/style.scss @@ -3,6 +3,6 @@ .woocommerce-count { border: 1px solid; border-radius: 10px; - padding: 0px 8px; + padding: 0 8px; font-weight: bold; } diff --git a/plugins/woocommerce-admin/client/components/ellipsis-menu/style.scss b/plugins/woocommerce-admin/client/components/ellipsis-menu/style.scss index 44c4543a886..28a87540d0a 100644 --- a/plugins/woocommerce-admin/client/components/ellipsis-menu/style.scss +++ b/plugins/woocommerce-admin/client/components/ellipsis-menu/style.scss @@ -14,8 +14,8 @@ .woocommerce-ellipsis-menu__popover { text-align: left; - &:not(.is-mobile):before, - &:not(.is-mobile):after { + &:not(.is-mobile)::before, + &:not(.is-mobile)::after { margin-left: -16px; } diff --git a/plugins/woocommerce-admin/client/components/split-button/style.scss b/plugins/woocommerce-admin/client/components/split-button/style.scss index de5716d84d2..46f90cc4bba 100644 --- a/plugins/woocommerce-admin/client/components/split-button/style.scss +++ b/plugins/woocommerce-admin/client/components/split-button/style.scss @@ -3,7 +3,7 @@ .woocommerce-split-button { display: flex; align-items: center; - padding: $gap-smallest 0px $gap-smallest 0px; + padding: $gap-smallest 0 $gap-smallest 0; .woocommerce-split-button__menu { padding: 0; diff --git a/plugins/woocommerce-admin/client/components/table/style.scss b/plugins/woocommerce-admin/client/components/table/style.scss index 205aea935c8..333fe37d4d5 100644 --- a/plugins/woocommerce-admin/client/components/table/style.scss +++ b/plugins/woocommerce-admin/client/components/table/style.scss @@ -114,7 +114,7 @@ .woocommerce-table__table { overflow-x: auto; - &:after { + &::after { content: ''; position: absolute; right: 0; @@ -125,7 +125,7 @@ visibility: hidden; } - &.is-scrollable:after { + &.is-scrollable::after { visibility: visible; } @@ -294,7 +294,7 @@ th.woocommerce-table__item { font-weight: 600; } - & + .woocommerce-table__summary-item:before { + & + .woocommerce-table__summary-item::before { content: '/'; margin: 0 $gap-smallest; } diff --git a/plugins/woocommerce-admin/client/header/activity-panel/style.scss b/plugins/woocommerce-admin/client/header/activity-panel/style.scss index 450ca4f0cd8..e484927c772 100644 --- a/plugins/woocommerce-admin/client/header/activity-panel/style.scss +++ b/plugins/woocommerce-admin/client/header/activity-panel/style.scss @@ -61,8 +61,8 @@ .components-icon-button { display: initial; - text-indent: 0px; - border-radius: 0px; + text-indent: 0; + border-radius: 0; } .woocommerce-layout__activity-panel-tab { @@ -95,8 +95,8 @@ font-size: 13px; } - &.has-unread:after, - &.woocommerce-layout__activity-panel-tab-wordpress-notices:after { + &.has-unread::after, + &.woocommerce-layout__activity-panel-tab-wordpress-notices::after { content: ' '; position: absolute; padding: 1px; @@ -131,8 +131,8 @@ background-color: $core-grey-light-200; box-shadow: none; - &.has-unread:after, - &.woocommerce-layout__activity-panel-tab-wordpress-notices:after { + &.has-unread::after, + &.woocommerce-layout__activity-panel-tab-wordpress-notices::after { border-color: $core-grey-light-200; } } @@ -142,8 +142,8 @@ &:hover:not(.is-active), &.components-button:not(.is-active):not(:disabled):not([aria-disabled='true']):hover { border-bottom: 3px solid $core-grey-light-200; - &.has-unread:after, - &.woocommerce-layout__activity-panel-tab-wordpress-notices:after { + &.has-unread::after, + &.woocommerce-layout__activity-panel-tab-wordpress-notices::after { border-color: $core-grey-light-200; } } @@ -162,7 +162,7 @@ } } -.woocommerce-layout__activity-panel-toggle-bubble.has-unread:after { +.woocommerce-layout__activity-panel-toggle-bubble.has-unread::after { content: ' '; position: absolute; padding: 1px; @@ -198,10 +198,10 @@ min-height: calc(100vh - 80px); background: $core-grey-light-200; box-shadow: 0 12px 12px 0 rgba(85, 93, 102, 0.3); - width: 0px; + width: 0; @include activity-panel-slide(); position: fixed; - right: 0px; + right: 0; top: 92px; z-index: 1000; overflow-x: hidden; @@ -245,7 +245,7 @@ } .woocommerce-activity-card__subtitle { - span + span:before { + span + span::before { content: ' \2022 '; } } diff --git a/plugins/woocommerce-admin/client/header/style.scss b/plugins/woocommerce-admin/client/header/style.scss index f9b5b6d54c1..46bfb4b9fb2 100644 --- a/plugins/woocommerce-admin/client/header/style.scss +++ b/plugins/woocommerce-admin/client/header/style.scss @@ -7,7 +7,7 @@ flex-direction: row; box-sizing: border-box; border-bottom: 1px solid $white; - padding: 0px; + padding: 0; height: 80px; position: fixed; width: 100%; diff --git a/plugins/woocommerce-admin/client/stylesheets/abstracts/_mixins.scss b/plugins/woocommerce-admin/client/stylesheets/abstracts/_mixins.scss index 2ef64f4e4a3..5a6d9743c7b 100644 --- a/plugins/woocommerce-admin/client/stylesheets/abstracts/_mixins.scss +++ b/plugins/woocommerce-admin/client/stylesheets/abstracts/_mixins.scss @@ -23,7 +23,7 @@ background-color: $core-grey-light-500; color: transparent; - &:after { + &::after { content: '\00a0'; } } diff --git a/plugins/woocommerce-admin/client/stylesheets/shared/_reset.scss b/plugins/woocommerce-admin/client/stylesheets/shared/_reset.scss index 1d9030f180c..4c67545a05d 100644 --- a/plugins/woocommerce-admin/client/stylesheets/shared/_reset.scss +++ b/plugins/woocommerce-admin/client/stylesheets/shared/_reset.scss @@ -25,7 +25,7 @@ } } - .wp-has-current-submenu:after { + .wp-has-current-submenu::after { right: 0; border: 8px solid transparent; content: ' '; @@ -90,7 +90,7 @@ left: -5px; width: 60px; - .ab-icon:before { + .ab-icon::before { color: $white; } @@ -107,7 +107,7 @@ left: -5px; width: 60px; - .ab-icon:before { + .ab-icon::before { color: $white !important; }