-
Notifications
You must be signed in to change notification settings - Fork 1
/
ovrrideStyle.css
100 lines (86 loc) · 2.64 KB
/
ovrrideStyle.css
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
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
/*root variables*/
:root {
--white-color: #FFFFFF;
--dark-shade-grey-color: #303030;
--white-smoke-color: #F0F0F0;
--black-shadow-color: rgba(0, 0, 0, 0.15);
--pale-blue-color: #DCF4FF;
--bright-blue-color: #005EAC;
--light-blue-color: #AEDCF5;
--dark-grey-color: #B0B0B0;
--sky-blue-color: #1DA4FF;
--faux-ocean-color: #0072C2;
}
/* classes
bk/rd-button-primary/secondary : v1
button-module__primary/secondary: v2
*/
.rd-button-primary,
.bk-button-primary,
.button-module__primary {
font-weight: 800 !important;
background: linear-gradient(144.82deg, #0072C2 5.58%, #1792E5 93.38%) !important;
box-shadow: 1px 1px 1px var(--black-shadow-color) !important;
border-radius: 4px !important;
color: var(--white-color);
}
.rd-button-primary:hover,
.bk-button-primary:hover,
.button-module__primary:hover {
background: var(--sky-blue-color) !important;
box-shadow: 1px 1px 1px var(--black-shadow-color) !important;
}
.rd-button-primary:active,
.bk-button-primary:active,
.button-module__primary:active {
background: var(--faux-ocean-color) !important;
}
.rd-button-primary[disabled],
.bk-button-primary[disabled],
.button-module__primary[disabled],
.bk-disabled-button.bk-primary-button {
background: var(--dark-grey-color) !important;
border-radius: 4px !important;
color: var(--white-color);
}
.rd-button-secondary,
.bk-secondary-button,
.button-module__secondary {
background: var(--white-color) !important;
color: var(--dark-shade-grey-color) !important;
border: 1px solid var(--white-smoke-color) !important;
box-sizing: border-box !important;
box-shadow: 1px 1px 1px var(--black-shadow-color) !important;
border-radius: 4px !important;
}
.rd-button-secondary:hover,
.bk-secondary-button:hover,
.button-module__secondary:hover {
background: var(--pale-blue-color) !important;
box-shadow: 1px 1px 1px var(--black-shadow-color) !important;
color: var(--bright-blue-color) !important;
border: 1px solid transparent !important;
border-radius: 4px !important;
}
.rd-secondary-button:active,
.bk-secondary-button:active,
.button-module__secondary:active {
background: var(--light-blue-color:) !important;
color: var(--bright-blue-color) !important;
border: 1px solid transparent !important;
box-shadow: none !important;
border-radius: 4px !important;
}
.rd-secondary-button[disabled],
.bk-secondary-button[disabled],
.button-module__disabled,
.bk-disabled-button.bk-secondary-button {
border: 1.5px solid var(--dark-grey-color) !important;
background: var(--white-color);
color: var(--dark-grey-color) !important;
pointer-events: none;
}
/*develop tab see in live btn */
.button-module__primary>.button-module__buttonText {
color: var(--white-color);
}