@charset "UTF-8"; // Gradient hack to get our custom underline to wrap: // https://www.dannyguo.com/blog/animated-multiline-link-underlines-with-css/ @function underline-hack($color) { // Calculate lighter underline color compared to text color by // mix()'ing with background (#fff) to give the impression of // opacity but with MUCH better compatibility. $color-opaque-hex: mix($color, $link-opacity-color, $link-underline-opacity); // Less compatible but better for light/dark mode switching. $color-opaque-alpha: rgba($color, $link-underline-opacity / 100%); // Return non-gradient linear-gradient(): @return linear-gradient($color-opaque-alpha, $color-opaque-alpha); } // Web fonts (see components/_fonts.scss) @mixin font-face($family, $src, $weight: normal, $style: normal, $display: swap) { @font-face { font-family: $family; font-style: $style; font-weight: $weight; font-display: $display; src: url($base-url + $src + ".woff2") format("woff2"), url($base-url + $src + ".woff") format("woff"); // stylelint-disable-line indentation // Allow additional declarations to be passed in: @content; } }