Steve-Dee-Designs
/
woocommerce
mirror of https://github.com/woocommerce/woocommerce.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Introduce hover-effect() mixin (https://github.com/woocommerce/woocommerce-blocks/pull/11526)

This commit is contained in:
Niels Lange 2023-11-02 16:16:19 +07:00 committed by GitHub
parent 41e5ac31b1
commit 2d144de9fc
2 changed files with 11 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
plugins/woocommerce-blocks/assets/css/abstracts/_mixins.scss
View File

@ -171,18 +171,22 @@ $fontSizes: (
text-decoration: underline; 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 // Reset <button> style so we can use link style for action buttons in filter blocks
@mixin filter-link-button() { @mixin filter-link-button() {
@include link-button(); @include link-button();
@include hover-effect();
@include font-size(small); @include font-size(small);
text-decoration: underline; text-decoration: underline;
font-weight: normal; font-weight: normal;
color: inherit; color: inherit;
&:hover {
text-decoration: none;
color: inherit;
}
} }
// Makes sure long words are broken if they overflow the container. // Makes sure long words are broken if they overflow the container.

3
plugins/woocommerce-blocks/assets/js/base/components/cart-checkout/cart-line-items-table/style.scss
View File

@ -34,7 +34,8 @@ table.wc-block-cart-items {
} }
.wc-block-cart-item__quantity { .wc-block-cart-item__quantity {
.wc-block-cart-item__remove-link { .wc-block-cart-item__remove-link {
@include link-button; @include link-button();
@include hover-effect();
@include font-size( smaller ); @include font-size( smaller );
text-transform: none; text-transform: none;