@ieeesa-npm/shared-styles 0.1.4 → 0.1.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/package.json +1 -1
- package/styles/theme.scss +18 -3
- package/styles/typography.scss +15 -4
- package/styles/variables.scss +4 -0
package/package.json
CHANGED
package/styles/theme.scss
CHANGED
|
@@ -6,7 +6,8 @@
|
|
|
6
6
|
.mat-mdc-button.mat-mdc-button-base {
|
|
7
7
|
&.mat-primary-button,
|
|
8
8
|
&.mat-secondary-button,
|
|
9
|
-
&.mat-tertiary-button
|
|
9
|
+
&.mat-tertiary-button,
|
|
10
|
+
&.mat-text-button {
|
|
10
11
|
min-width: 103px;
|
|
11
12
|
width: auto;
|
|
12
13
|
min-height: 40px;
|
|
@@ -16,7 +17,7 @@
|
|
|
16
17
|
padding: 0.625em 1.5em;
|
|
17
18
|
border: none;
|
|
18
19
|
@include set-font-style(
|
|
19
|
-
$ieeesa-font-calibri-
|
|
20
|
+
$ieeesa-font-calibri-bold,
|
|
20
21
|
$ieeesa-font-style-normal,
|
|
21
22
|
$ieeesa-font-wt-700,
|
|
22
23
|
$ieeesa-font-size-16,
|
|
@@ -75,6 +76,20 @@
|
|
|
75
76
|
color: $ieeesa-background-dark-color;
|
|
76
77
|
opacity: $ieeesa-opacity-point-38;
|
|
77
78
|
}
|
|
79
|
+
|
|
80
|
+
&.mat-text-button {
|
|
81
|
+
color: $ieeesa-blue;
|
|
82
|
+
&:hover {
|
|
83
|
+
background: $ieeesa-tertiary-btn-hover;
|
|
84
|
+
}
|
|
85
|
+
&:active {
|
|
86
|
+
background: $ieeesa-tertiary-btn-hover;
|
|
87
|
+
}
|
|
88
|
+
&:disabled {
|
|
89
|
+
color: $ieeesa-title-color;
|
|
90
|
+
opacity: $ieeesa-opacity-point-38;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
78
93
|
}
|
|
79
94
|
.ieeesa-text-button {
|
|
80
95
|
color: $ieeesa-outline-variant;
|
|
@@ -105,7 +120,7 @@
|
|
|
105
120
|
.mat-button-toggle-group {
|
|
106
121
|
.mat-button-toggle-label-content {
|
|
107
122
|
@include set-font-style(
|
|
108
|
-
$ieeesa-font-calibri-
|
|
123
|
+
$ieeesa-font-calibri-bold,
|
|
109
124
|
$ieeesa-font-style-normal,
|
|
110
125
|
$ieeesa-font-wt-700,
|
|
111
126
|
$ieeesa-font-size-16,
|
package/styles/typography.scss
CHANGED
|
@@ -28,6 +28,17 @@
|
|
|
28
28
|
$ieeesa-letter-space-0
|
|
29
29
|
);
|
|
30
30
|
}
|
|
31
|
+
.ieeesa-display-md-45 {
|
|
32
|
+
@include set-font-style(
|
|
33
|
+
$ieeesa-font-calibri-regular,
|
|
34
|
+
$ieeesa-font-style-normal,
|
|
35
|
+
$ieeesa-font-wt-400,
|
|
36
|
+
$ieeesa-font-size-45,
|
|
37
|
+
$ieeesa-line-height-52,
|
|
38
|
+
$ieeesa-black,
|
|
39
|
+
$ieeesa-letter-space-0
|
|
40
|
+
);
|
|
41
|
+
}
|
|
31
42
|
.ieeesa-display-md-47 {
|
|
32
43
|
@include set-font-style(
|
|
33
44
|
$ieeesa-font-calibri-regular,
|
|
@@ -85,7 +96,7 @@
|
|
|
85
96
|
}
|
|
86
97
|
.ieeesa-title-lg-bold-24 {
|
|
87
98
|
@include set-font-style(
|
|
88
|
-
$ieeesa-font-calibri-
|
|
99
|
+
$ieeesa-font-calibri-bold,
|
|
89
100
|
$ieeesa-font-style-normal,
|
|
90
101
|
$ieeesa-font-wt-700,
|
|
91
102
|
$ieeesa-font-size-24,
|
|
@@ -129,7 +140,7 @@
|
|
|
129
140
|
}
|
|
130
141
|
.ieeesa-label-lg-bold-16 {
|
|
131
142
|
@include set-font-style(
|
|
132
|
-
$ieeesa-font-calibri-
|
|
143
|
+
$ieeesa-font-calibri-bold,
|
|
133
144
|
$ieeesa-font-style-normal,
|
|
134
145
|
$ieeesa-font-wt-700,
|
|
135
146
|
$ieeesa-font-size-16,
|
|
@@ -173,7 +184,7 @@
|
|
|
173
184
|
}
|
|
174
185
|
.ieeesa-body-lg-bold-18 {
|
|
175
186
|
@include set-font-style(
|
|
176
|
-
$ieeesa-font-calibri-
|
|
187
|
+
$ieeesa-font-calibri-bold,
|
|
177
188
|
$ieeesa-font-style-normal,
|
|
178
189
|
$ieeesa-font-wt-700,
|
|
179
190
|
$ieeesa-font-size-18,
|
|
@@ -217,7 +228,7 @@
|
|
|
217
228
|
}
|
|
218
229
|
.ieeesa-body-sm-bold-14 {
|
|
219
230
|
@include set-font-style(
|
|
220
|
-
$ieeesa-font-calibri-
|
|
231
|
+
$ieeesa-font-calibri-bold,
|
|
221
232
|
$ieeesa-font-style-normal,
|
|
222
233
|
$ieeesa-font-wt-700,
|
|
223
234
|
$ieeesa-font-size-14,
|
package/styles/variables.scss
CHANGED
|
@@ -26,6 +26,7 @@ $ieeesa-font-size-30: 1.875em;
|
|
|
26
26
|
$ieeesa-font-size-31: 1.938em;
|
|
27
27
|
$ieeesa-font-size-34: 2.125em;
|
|
28
28
|
$ieeesa-font-size-38: 2.375em;
|
|
29
|
+
$ieeesa-font-size-45: 2.813em;
|
|
29
30
|
$ieeesa-font-size-47: 2.9375em;
|
|
30
31
|
$ieeesa-font-size-48: 3em;
|
|
31
32
|
$ieeesa-font-size-50: 3.125em;
|
|
@@ -138,6 +139,7 @@ $ieeesa-brand-grey-50: #777a7e;
|
|
|
138
139
|
$ieeesa-brand-grey-70: #9ba0a6;
|
|
139
140
|
$ieeesa-outline-variant: #cac4d0;
|
|
140
141
|
$ieeesa-dark-grey: #63666a;
|
|
142
|
+
$ieeesa-brand-dark-grey: #1c1d1e;
|
|
141
143
|
$ieeesa-neutral-variant-50: #79747e;
|
|
142
144
|
$ieeesa-success-color: #c0deef;
|
|
143
145
|
$ieeesa-error-color: #f9dedc;
|
|
@@ -148,3 +150,5 @@ $ieeesa-form-field-background: linear-gradient(
|
|
|
148
150
|
rgba(0, 98, 155, 0.05) 100%
|
|
149
151
|
),
|
|
150
152
|
#fffbfe;
|
|
153
|
+
$ieeesa-neutral-60: #939094;
|
|
154
|
+
$ieeesa-revision-cycle-background: #f2f2f2;
|