Diff: STRATO-apps/wordpress_03/app/wp-content/themes/blocksy/static/sass/frontend/4-components/links.scss
Keine Baseline-Datei – Diff nur gegen leer.
1
-
1
+
$selector:
2
+
'.entry-content p > a',
3
+
'.entry-content em > a',
4
+
'.entry-content strong > a',
5
+
'.entry-content > ul a',
6
+
'.entry-content > ol a',
7
+
'.wp-block-table a',
8
+
'.ct-link-styles',
9
+
;
10
+
11
+
a {
12
+
color: var(--theme-link-initial-color);
13
+
text-decoration: var(--has-link-decoration, var(--theme-text-decoration, none));
14
+
15
+
&:hover {
16
+
color: var(--theme-link-hover-color);
17
+
}
18
+
}
19
+
20
+
// type 2
21
+
[data-link='type-2'] {
22
+
#{$selector} {
23
+
--theme-text-decoration: underline;
24
+
}
25
+
}
26
+
27
+
// type 3 & 4 & 5
28
+
[data-link='type-3'],
29
+
[data-link='type-4'],
30
+
[data-link='type-5'] {
31
+
#{$selector} {
32
+
background-position: var(--has-link-decoration, 0% 100%);
33
+
background-repeat: var(--has-link-decoration, no-repeat);
34
+
}
35
+
}
36
+
37
+
// type 4
38
+
[data-link='type-4'] {
39
+
#{$selector} {
40
+
background-size: var(--has-link-decoration, 100% 1px);
41
+
background-image: var(--has-link-decoration, linear-gradient(currentColor, currentColor));
42
+
}
43
+
}
44
+
45
+
46
+
// links speciffic cases
47
+
footer.ct-footer [data-link] a,
48
+
[data-link] .ct-posts-shortcode .entry-title a{
49
+
--has-link-decoration: var(--false);
50
+
51
+
&:hover {
52
+
color: var(--theme-link-hover-color);
53
+
}
54
+
}
55
+
56
+
footer.ct-footer [data-link="underline"] a {
57
+
text-decoration: underline;
58
+
}