From 0b6d1e014dd3c7cda63cb81eb3546d690800ba4b Mon Sep 17 00:00:00 2001 From: Ben Dwyer Date: Fri, 2 Oct 2020 14:11:40 +0100 Subject: [PATCH] add missing file --- seedlet/assets/sass/base/_base.scss | 49 +++++++++++++++++++++++++++++ 1 file changed, 49 insertions(+) create mode 100644 seedlet/assets/sass/base/_base.scss diff --git a/seedlet/assets/sass/base/_base.scss b/seedlet/assets/sass/base/_base.scss new file mode 100644 index 000000000..c830d3b10 --- /dev/null +++ b/seedlet/assets/sass/base/_base.scss @@ -0,0 +1,49 @@ +// Links styles +a { + border-bottom: 1px solid var(--global--color-secondary); + color: var( --wp--style--color--link, var(--global--color-primary) ); + text-decoration: none; + transition: border-color 0.1s ease-out; + + &:hover, + &:focus { + border-bottom-color: transparent; + } + + &:hover { + color: var(--global--color-primary-hover); + } + + &:focus { + color: var(--global--color-secondary); + } + + &:active { + color: var( --wp--style--color--link, var(--global--color-primary) ); + } + + // If a custom link color has been assigned, + // switch the color of the bottom border too. + .has-link-color & { + border-bottom: 1px solid var( --wp--style--color--link, var(--global--color-primary) ); + + &:hover, + &:focus { + border-bottom-color: transparent; + } + } +} +// Enforce the custom link color even if a custom background color has been set. +// The extra specificity here is required to override the background color styles. +.has-background:not(.has-background-background-color) { + // Target both current level and nested block. + .has-link-color a, + &.has-link-color a { + color: var( --wp--style--color--link, var(--global--color-primary) ); + } +} + +button, +a { + cursor: pointer; +}