-
-
Notifications
You must be signed in to change notification settings - Fork 303
/
_variables.scss
67 lines (58 loc) · 1.79 KB
/
_variables.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
63
64
65
66
67
////
/// @group link
////
@import '~@react-md/transition/dist/variables';
@import '~@react-md/theme/dist/color-palette';
@import '~@react-md/theme/dist/functions';
/// The transition time for links to change color.
///
/// @require $rmd-transition-standard-time
/// @type Number
$rmd-link-transition-time: $rmd-transition-standard-time !default;
/// The default color to use for links.
///
/// @require $rmd-blue-500
/// @type Color
$rmd-link-color: $rmd-blue-500 !default;
/// The color to use for links that have been visited.
///
/// @require $rmd-blue-600
/// @type Color
$rmd-link-visited-color: $rmd-blue-600 !default;
/// The color to use for links that are being hovered.
///
/// @require $rmd-blue-400
/// @type Color
$rmd-link-hover-color: $rmd-blue-400 !default;
/// The z-index to apply for the skip to main content link. This should always
/// be the biggest z-index in your app so it can be visible.
/// @type Number
$rmd-link-skip-z-index: 10000 !default;
/// The default styles to apply to the skip to main content link.
///
/// @require rmd-theme-var
/// @type Map
$rmd-link-skip-styles: (
color: rmd-theme-var(on-primary),
left: 50%,
padding: 0.25rem 1rem,
top: 0.25rem,
transform: translateX(-50%),
) !default;
/// The default styles to apply to the skip to main content link when it has
/// become keyboard focused.
///
/// @require $rmd-black-base
/// @type Map
$rmd-link-skip-active-styles: (
outline: 0.25rem dashed $rmd-black-base,
) !default;
/// A Map of all the "themeable" parts of the link package. Every key in this
/// map will be used to create a css variable to dynamically update the values
/// of the link as needed.
/// @type Map
$rmd-link-theme-values: (
color: $rmd-link-color,
hover-color: $rmd-link-hover-color,
visited-color: $rmd-link-visited-color,
) !default;