Deal with deprecated @extend syntax

Errors:
```
SassError: SassError: compound selectors may no longer be extended.
Consider `@extend a, :hover` instead.
See http://bit.ly/ExtendCompound for details.
```
This commit is contained in:
Matt-Yorkley
2021-06-14 09:15:19 +01:00
parent 2992439706
commit 2ac3cda2f4
3 changed files with 9 additions and 9 deletions

View File

@@ -127,7 +127,7 @@ nav.menu {
}
&.selected a {
@extend a:hover;
@extend a, :hover;
}
}
}

View File

@@ -66,7 +66,7 @@
}
input {
@extend input[type="text"];
@extend input, [type="text"];
padding: 6px 0 6px 25px;
margin: 5px 0 0 5px;
@@ -143,7 +143,7 @@
}
}
.select2-choices {
@extend input[type="text"];
@extend input, [type="text"];
padding: 6px 3px 3px 3px;
box-shadow: none;
background-image: none !important;

View File

@@ -13,12 +13,12 @@
}
}
.icon-email:before { @extend .icon-envelope, :before }
.icon-resend_authorization_email:before { @extend .icon-envelope, :before }
.icon-resume:before { @extend .icon-refresh, :before }
.icon-email:before { @extend .icon-envelope, :before; }
.icon-resend_authorization_email:before { @extend .icon-envelope, :before; }
.icon-resume:before { @extend .icon-refresh, :before; }
.icon-cancel:before,
.icon-void:before { @extend .icon-remove, :before }
.icon-void:before { @extend .icon-remove, :before; }
.icon-capture:before { @extend .icon-ok, :before }
.icon-credit:before { @extend .icon-ok, :before }
.icon-capture:before { @extend .icon-ok, :before; }
.icon-credit:before { @extend .icon-ok, :before ; }