$selector: '.entry-content p > a', // '.entry-content h1 > a', // '.entry-content h2 > a', // '.entry-content h3 > a', // '.entry-content h4 > a', // '.entry-content h5 > a', // '.entry-content h6 > a', '.entry-content em > a', '.entry-content strong > a', '.entry-content > ul a', '.entry-content > ol a', // '.wp-block-column > ul a', // '.wp-block-column > ol a', // '.wp-block-table a', // '[class*="_inner-container"] > ul a', // '[class*="_inner-container"] > ol a', // '.gdpr-confirm-policy a' ; // type 3 [data-link='type-3'] { #{$selector} { background-size: var(--has-link-decoration, 0% 1px); background-image: var( --has-link-decoration, linear-gradient(currentColor, currentColor) ); &:hover { background-size: var(--has-link-decoration, 100% 1px); } } } // type 4 [data-link='type-4'] { #{$selector} { // background-size: var(--has-link-decoration, 100% 2px); // background-image: var( // --has-link-decoration, // linear-gradient(currentColor, currentColor) // ); &:hover { color: var(--has-link-decoration, #fff); background-size: var(--has-link-decoration, 100% 100%); background-image: var( --has-link-decoration, linear-gradient(var(--linkHoverColor), var(--linkHoverColor)) ); } } } // type 5 [data-link='type-5'] { #{$selector} { background-size: var(--has-link-decoration, 0% 100%); background-image: var( --has-link-decoration, linear-gradient(var(--linkHoverColor), var(--linkHoverColor)) ); &:hover { color: var(--has-link-decoration, #fff); background-size: var(--has-link-decoration, 100% 100%); } } }