-
Notifications
You must be signed in to change notification settings - Fork 326
/
_links.scss
62 lines (54 loc) · 1.73 KB
/
_links.scss
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
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
////
/// @group settings/links
////
/// Enable new link styles
///
/// If enabled, the link styles will change. Underlines will:
///
/// - be consistently thinner and a bit further away from the link text
/// - have a clearer hover state, where the underline gets thicker to make the
/// link stand out to users
///
/// You should only enable the new link styles if both:
///
/// - you've made sure your whole service will use the new style consistently
/// - you do not have links in a multi-column CSS layout - there's [a Chromium
/// bug that affects links](https://github.com/alphagov/govuk-frontend/issues/2204)
///
/// @type Boolean
/// @access public
$govuk-new-link-styles: false !default;
/// Thickness of link underlines
///
/// The default will be either:
///
/// - 1px
/// - 0.0625rem, if it's thicker than 1px because the user has changed the text
/// size in their browser
///
/// Set this variable to `false` to avoid setting a thickness.
///
/// @type Number
/// @access public
$govuk-link-underline-thickness: unquote("max(1px, .0625rem)") !default;
/// Offset of link underlines from text baseline
///
/// Set this variable to `false` to avoid setting an offset.
///
/// @type Number
/// @access public
$govuk-link-underline-offset: .1em !default;
/// Thickness of link underlines in hover state
///
/// The default for each link will be the thickest of the following:
///
/// - 3px
/// - 0.1875rem, if it's thicker than 3px because the user has changed the text
/// size in their browser
/// - 0.12em (relative to the link's text size)
///
/// Set this variable to `false` to avoid setting a thickness.
///
/// @type Number
/// @access public
$govuk-link-hover-underline-thickness: unquote("max(3px, .1875rem, .12em)") !default;