From ddf47bf6c246a43f5f1ef401e1586366062e1d3f Mon Sep 17 00:00:00 2001 From: alexisben <alex@noesya.coop> Date: Thu, 11 Jan 2024 19:31:13 +0100 Subject: [PATCH] add config to link style --- assets/sass/_theme/_configuration.sass | 7 ++++++- assets/sass/_theme/_utils.sass | 6 +++--- 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/assets/sass/_theme/_configuration.sass b/assets/sass/_theme/_configuration.sass index 52139be9..5f6d13b4 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 82772685..cad3091a 100644 --- a/assets/sass/_theme/_utils.sass +++ b/assets/sass/_theme/_utils.sass @@ -47,11 +47,11 @@ $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 -- GitLab