Server IP : 104.21.14.103 / Your IP : 18.119.110.38 Web Server : LiteSpeed System : Linux business53.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64 User : giankuin ( 1871) PHP Version : 7.4.33 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /proc/thread-self/root/home/giankuin/sieuthiweb.com.vn/wp-content/plugins/woocommerce/packages/woocommerce-blocks/assets/js/base/components/chip/ |
Upload File : |
.wc-block-components-chip { @include reset-typography(); align-items: center; border: 0; display: inline-flex; padding: em($gap-smallest / 2) 0.5em em($gap-smallest); margin: 0 0.365em 0.365em 0; border-radius: 0; line-height: 1; max-width: 100%; // Chip might be a button, so we need to override theme styles. &, &:hover, &:focus, &:active { background: $core-grey-light-500; color: $core-grey-dark-800; } &.wc-block-components-chip--radius-small { border-radius: 3px; } &.wc-block-components-chip--radius-medium { border-radius: 0.433em; } &.wc-block-components-chip--radius-large { border-radius: 2em; padding-left: 0.75em; padding-right: 0.75em; } .wc-block-components-chip__text { flex-grow: 1; } &.is-removable { padding-right: 0.5em; } &.is-removable .wc-block-components-chip__text { padding-right: 0.25em; } .wc-block-components-chip__remove { @include font-size(smaller); background: transparent; border: 0; appearance: none; padding: 0; } .wc-block-components-chip__remove-icon { vertical-align: middle; } } button.wc-block-components-chip:hover > .wc-block-components-chip__remove, button.wc-block-components-chip:focus > .wc-block-components-chip__remove, .wc-block-components-chip__remove:hover, .wc-block-components-chip__remove:focus { fill: #d94f4f; } button.wc-block-components-chip:disabled > .wc-block-components-chip__remove, .wc-block-components-chip__remove:disabled { fill: $core-grey-dark-100; cursor: not-allowed; }