$selector: '.entry-content p > a', '.entry-content em > a', '.entry-content strong > a', '.entry-content > ul a', '.entry-content > ol 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} { &:hover { color: var(--has-link-decoration, #fff); background-size: var(--has-link-decoration, 100% 100%); background-image: var(--has-link-decoration, linear-gradient(var(--theme-link-hover-color), var(--theme-link-hover-color))); } } } // type 5 [data-link='type-5'] { #{$selector} { background-size: var(--has-link-decoration, 0% 100%); background-image: var(--has-link-decoration, linear-gradient(var(--theme-link-hover-color), var(--theme-link-hover-color))); &:hover { color: var(--has-link-decoration, #fff); background-size: var(--has-link-decoration, 100% 100%); } } }