Introduce hover-effect() mixin (https://github.com/woocommerce/woocommerce-blocks/pull/11526)
This commit is contained in:
parent
41e5ac31b1
commit
2d144de9fc
|
@ -171,18 +171,22 @@ $fontSizes: (
|
|||
text-decoration: underline;
|
||||
}
|
||||
|
||||
@mixin hover-effect() {
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
// Reset <button> style so we can use link style for action buttons in filter blocks
|
||||
@mixin filter-link-button() {
|
||||
@include link-button();
|
||||
@include hover-effect();
|
||||
@include font-size(small);
|
||||
text-decoration: underline;
|
||||
font-weight: normal;
|
||||
color: inherit;
|
||||
|
||||
&:hover {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
// Makes sure long words are broken if they overflow the container.
|
||||
|
|
|
@ -34,7 +34,8 @@ table.wc-block-cart-items {
|
|||
}
|
||||
.wc-block-cart-item__quantity {
|
||||
.wc-block-cart-item__remove-link {
|
||||
@include link-button;
|
||||
@include link-button();
|
||||
@include hover-effect();
|
||||
@include font-size( smaller );
|
||||
|
||||
text-transform: none;
|
||||
|
|
Loading…
Reference in New Issue