gui-elements/src/components/Link/link.scss at 5d7801cd03224d0845b9fe5700ea00a158822dd9 · eccenca/gui-elements · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
@use "~@carbon/react/scss/components/link/link";
@include link.link;

.#{$prefix}--link {
    &,
    &:hover {
        // default case: use font size from context
        font-size: inherit;
        line-height: inherit;
    }

    &.#{$prefix}--link--sm {
        &,
        &:hover {
            font-size: $eccgui-size-typo-caption;
            line-height: $eccgui-size-typo-caption-lineheight;
        }
    }
    &.#{$prefix}--link--md {
        &,
        &:hover {
            font-size: $eccgui-size-typo-text;
            line-height: $eccgui-size-typo-text-lineheight;
        }
    }
    &.#{$prefix}--link--lg {
        &,
        &:hover {
            font-size: $eccgui-size-typo-subtitle;
            line-height: $eccgui-size-typo-subtitle-lineheight;
        }
    }

    &:focus:not(.#{$prefix}--link--disabled) {
        @include focus-by-pointer;
    }

    &:focus-visible:not(.#{$prefix}--link--disabled) {
        @include focus-by-keyboard-static;
        @include focus-by-keyboard-animation;
    }
}