diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass index 52139be9a12a7ea88d84962063d4e03846fc434a..5f6d13b4ea1aa0b90941ddd9fe2d2895d88742f9 100644 --- a/assets/sass/_theme/_configuration.sass +++ b/assets/sass/_theme/_configuration.sass @@ -9,7 +9,6 @@ $color-background: #FFFFFF !default $body-color: $color-text !default $body-background-color: $color-background !default $link-color: $color-text !default -$link-underline-offset: 0.2em !default // Grid $grid-gutter: px2rem(64) !default @@ -136,6 +135,12 @@ $quote-line-height: 120% !default $quote-weight: normal !default $quote-style: italic !default +// Link +$link-underline-offset: 0.2em !default +$link-underline-thickness: 1px !default +$link-transition: text-decoration-color .3s ease !default +$link-unhover-decoration-color-alpha: 0.3 !default + // Buttons $btn-font-size-desktop: px2rem(18) !default // TODO $btn-font-size: px2rem(14) !default diff --git a/assets/sass/_theme/_utils.sass b/assets/sass/_theme/_utils.sass index 827726859eab6fd5d3c4d94c3b364b9d766d464f..0e9fd77345bf757f181cbf8f230ad8f80780306c 100644 --- a/assets/sass/_theme/_utils.sass +++ b/assets/sass/_theme/_utils.sass @@ -47,16 +47,16 @@ $space-unit: 4 !default @mixin link($color: $link-color, $unhover_decorated: true) color: $color text-decoration-line: underline - text-decoration-thickness: 1px + text-decoration-thickness: $link-underline-thickness text-underline-offset: $link-underline-offset - transition: text-decoration-color .3s ease + transition: $link-transition @if $unhover_decorated - text-decoration-color: rgba($color, 0.3) + text-decoration-color: rgba($color, $link-unhover-decoration-color-alpha) @else text-decoration-color: transparent &:hover text-decoration-color: rgba($color, 1) - text-decoration-thickness: 1px + text-decoration-thickness: $link-underline-thickness @mixin link-hovered-underline-only &:not(:hover)