@rolster/styles-foundations 1.1.14 → 2.0.1
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/dist/rolster-styles.css +1695 -1473
- package/dist/rolster-styles.min.css +1 -1
- package/dist/rolster-styles.rtl.css +1695 -1473
- package/dist/rolster-styles.rtl.min.css +1 -1
- package/package.json +1 -1
- package/readme.md +1 -1
- package/scss/_rolster-components.scss +63 -63
- package/scss/_rolster-foundations.scss +9 -9
- package/scss/_rolster-styles.scss +15 -2
- package/scss/_rolster-utilities.scss +9 -9
- package/scss/components/_app.scss +16 -16
- package/scss/components/_box-field.scss +32 -31
- package/scss/components/_data-table.scss +75 -74
- package/scss/components/_form.scss +7 -7
- package/scss/components/_list-field.scss +69 -70
- package/scss/foundations/_animations.foundation.scss +16 -0
- package/scss/foundations/_colors.foundation.scss +268 -0
- package/scss/foundations/_elevations.foundation.scss +157 -0
- package/scss/foundations/_sizings.foundation.scss +74 -0
- package/scss/foundations/_themes.foundation.scss +160 -0
- package/scss/foundations/_typographics.foundation.scss +26 -0
- package/scss/utilities/_colors.utility.scss +54 -0
- package/scss/utilities/_helpers.utility.scss +124 -0
- package/scss/utilities/{_layout-utilities.scss → _layout.utility.scss} +6 -6
- package/scss/utilities/{_normalize-utilities.scss → _normalize.utility.scss} +8 -8
- package/scss/utilities/{_texts-utilities.scss → _texts.utility.scss} +14 -14
- package/scss/utilities/_themes.utility.scss +42 -0
- package/scss/utilities/_typographics.utility.scss +107 -0
- package/scss/foundations/_animations-foundations.scss +0 -16
- package/scss/foundations/_colors-foundations.scss +0 -270
- package/scss/foundations/_elevations-foundations.scss +0 -157
- package/scss/foundations/_sizings-foundations.scss +0 -74
- package/scss/foundations/_themes-foundations.scss +0 -160
- package/scss/foundations/_typographics-foundations.scss +0 -26
- package/scss/utilities/_colors-utilities.scss +0 -54
- package/scss/utilities/_helpers-utilities.scss +0 -124
- package/scss/utilities/_themes-utilities.scss +0 -42
- package/scss/utilities/_typographics-utilities.scss +0 -107
- /package/scss/foundations/{_responsives-foundations.scss → _responsives.foundation.scss} +0 -0
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
// Rolster Technology Colors Utilities
|
|
2
|
+
// v1.0.0
|
|
3
|
+
// @license MIT
|
|
4
|
+
// Author: Rolster Developers
|
|
5
|
+
// Created: 13/Abr/2023
|
|
6
|
+
// Updated: 13/Abr/2023
|
|
7
|
+
|
|
8
|
+
.font-dark-500 {
|
|
9
|
+
color: var(--rls-dark-color-500);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.font-dark-300 {
|
|
13
|
+
color: var(--rls-dark-color-300);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.font-dark-100 {
|
|
17
|
+
color: var(--rls-dark-color-100);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.font-light-500 {
|
|
21
|
+
color: var(--rls-light-color-500);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.font-light-300 {
|
|
25
|
+
color: var(--rls-light-color-300);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.font-light-100 {
|
|
29
|
+
color: var(--rls-light-color-100);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.bg-dark-500 {
|
|
33
|
+
background: var(--rls-dark-background-500);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.bg-dark-300 {
|
|
37
|
+
background: var(--rls-dark-background-300);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.bg-dark-100 {
|
|
41
|
+
background: var(--rls-dark-background-100);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.bg-light-500 {
|
|
45
|
+
background: var(--rls-light-background-500);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.bg-light-300 {
|
|
49
|
+
background: var(--rls-light-background-300);
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
.bg-light-100 {
|
|
53
|
+
background: var(--rls-light-background-100);
|
|
54
|
+
}
|
|
@@ -0,0 +1,124 @@
|
|
|
1
|
+
// Rolster Technology Helpers Utilities
|
|
2
|
+
// v2.0.0
|
|
3
|
+
// @license MIT
|
|
4
|
+
// Author: Rolster Developers
|
|
5
|
+
// Created: 23/Sep/2023
|
|
6
|
+
// Updated: 26/May/2024
|
|
7
|
+
|
|
8
|
+
@mixin padding($size) {
|
|
9
|
+
.rls-pdg-top-#{$size} {
|
|
10
|
+
padding-top: var(--rls-sizing-#{$size});
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
.rls-pdg-rgt-#{$size} {
|
|
14
|
+
padding-right: var(--rls-sizing-#{$size});
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.rls-pdg-bot-#{$size} {
|
|
18
|
+
padding-bottom: var(--rls-sizing-#{$size});
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.rls-pdg-lft-#{$size} {
|
|
22
|
+
padding-left: var(--rls-sizing-#{$size});
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.rls-pdg-hrz-#{$size} {
|
|
26
|
+
padding: 0rem var(--rls-sizing-#{$size});
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
.rls-pdg-vrt-#{$size} {
|
|
30
|
+
padding: var(--rls-sizing-#{$size}) 0rem;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
.rls-pdg-#{$size} {
|
|
34
|
+
padding: var(--rls-sizing-#{$size});
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
@mixin padding-box-sizing($size) {
|
|
39
|
+
.rls-pdx-top-#{$size} {
|
|
40
|
+
padding-top: var(--rls-sizing-#{$size});
|
|
41
|
+
box-sizing: border-box;
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
.rls-pdx-rgt-#{$size} {
|
|
45
|
+
padding-right: var(--rls-sizing-#{$size});
|
|
46
|
+
box-sizing: border-box;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
.rls-pdx-bot-#{$size} {
|
|
50
|
+
padding-bottom: var(--rls-sizing-#{$size});
|
|
51
|
+
box-sizing: border-box;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
.rls-pdx-lft-#{$size} {
|
|
55
|
+
padding-left: var(--rls-sizing-#{$size});
|
|
56
|
+
box-sizing: border-box;
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
.rls-pdx-hrz-#{$size} {
|
|
60
|
+
padding: 0rem var(--rls-sizing-#{$size});
|
|
61
|
+
box-sizing: border-box;
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
.rls-pdx-vrt-#{$size} {
|
|
65
|
+
padding: var(--rls-sizing-#{$size}) 0rem;
|
|
66
|
+
box-sizing: border-box;
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
.rls-pdx-#{$size} {
|
|
70
|
+
padding: var(--rls-sizing-#{$size});
|
|
71
|
+
box-sizing: border-box;
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
@mixin margin($size) {
|
|
76
|
+
.rls-mrg-top-#{$size} {
|
|
77
|
+
margin-top: var(--rls-sizing-#{$size});
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
.rls-mrg-rgt-#{$size} {
|
|
81
|
+
margin-right: var(--rls-sizing-#{$size});
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
.rls-mrg-bot-#{$size} {
|
|
85
|
+
margin-bottom: var(--rls-sizing-#{$size});
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
.rls-mrg-lft-#{$size} {
|
|
89
|
+
margin-left: var(--rls-sizing-#{$size});
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.rls-mrg-hrz-#{$size} {
|
|
93
|
+
margin: 0rem var(--rls-sizing-#{$size});
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.rls-mrg-vrt-#{$size} {
|
|
97
|
+
margin: var(--rls-sizing-#{$size}) 0rem;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
.rls-mrg-#{$size} {
|
|
101
|
+
margin: var(--rls-sizing-#{$size});
|
|
102
|
+
}
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
@include padding('x4');
|
|
106
|
+
@include padding('x8');
|
|
107
|
+
@include padding('x12');
|
|
108
|
+
@include padding('x16');
|
|
109
|
+
@include padding('x24');
|
|
110
|
+
@include padding('x36');
|
|
111
|
+
|
|
112
|
+
@include padding-box-sizing('x4');
|
|
113
|
+
@include padding-box-sizing('x8');
|
|
114
|
+
@include padding-box-sizing('x12');
|
|
115
|
+
@include padding-box-sizing('x16');
|
|
116
|
+
@include padding-box-sizing('x24');
|
|
117
|
+
@include padding-box-sizing('x36');
|
|
118
|
+
|
|
119
|
+
@include margin('x4');
|
|
120
|
+
@include margin('x8');
|
|
121
|
+
@include margin('x12');
|
|
122
|
+
@include margin('x16');
|
|
123
|
+
@include margin('x24');
|
|
124
|
+
@include margin('x36');
|
|
@@ -8,17 +8,17 @@
|
|
|
8
8
|
@mixin grid-responsive($size) {
|
|
9
9
|
.#{$size}-grid-8 {
|
|
10
10
|
display: grid;
|
|
11
|
-
gap: var(--sizing-x4);
|
|
11
|
+
gap: var(--rls-sizing-x4);
|
|
12
12
|
}
|
|
13
13
|
|
|
14
14
|
.#{$size}-grid-12 {
|
|
15
15
|
display: grid;
|
|
16
|
-
gap: var(--sizing-x6);
|
|
16
|
+
gap: var(--rls-sizing-x6);
|
|
17
17
|
}
|
|
18
18
|
|
|
19
19
|
.#{$size}-grid-16 {
|
|
20
20
|
display: grid;
|
|
21
|
-
gap: var(--sizing-x8);
|
|
21
|
+
gap: var(--rls-sizing-x8);
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
.#{$size}-grid-col-12 {
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
|
|
74
74
|
display: inline-flex;
|
|
75
75
|
flex-wrap: wrap;
|
|
76
|
-
gap: var(--sizing-x4);
|
|
76
|
+
gap: var(--rls-sizing-x4);
|
|
77
77
|
}
|
|
78
78
|
|
|
79
79
|
.#{$size}-flex-grid-12 {
|
|
@@ -102,7 +102,7 @@
|
|
|
102
102
|
|
|
103
103
|
display: inline-flex;
|
|
104
104
|
flex-wrap: wrap;
|
|
105
|
-
gap: var(--sizing-x6);
|
|
105
|
+
gap: var(--rls-sizing-x6);
|
|
106
106
|
}
|
|
107
107
|
|
|
108
108
|
.#{$size}-flex-grid-16 {
|
|
@@ -131,7 +131,7 @@
|
|
|
131
131
|
|
|
132
132
|
display: inline-flex;
|
|
133
133
|
flex-wrap: wrap;
|
|
134
|
-
gap: var(--sizing-x8);
|
|
134
|
+
gap: var(--rls-sizing-x8);
|
|
135
135
|
}
|
|
136
136
|
|
|
137
137
|
.#{$size}-flex-grid-col-4 {
|
|
@@ -1,18 +1,18 @@
|
|
|
1
1
|
// Rolster Technology Normalize Utilities
|
|
2
|
-
//
|
|
2
|
+
// v2.0.0
|
|
3
3
|
// @license MIT
|
|
4
4
|
// Author: Rolster Developers
|
|
5
5
|
// Created: 11/Ago/2022
|
|
6
|
-
// Updated:
|
|
6
|
+
// Updated: 27/May/2024
|
|
7
7
|
|
|
8
8
|
:root {
|
|
9
|
-
--
|
|
9
|
+
--rls-app-font-family: -apple-system, -rolster-system-font, BlinkMacSystemFont,
|
|
10
10
|
'Segoe UI', Roboto, Helvetica;
|
|
11
11
|
}
|
|
12
12
|
|
|
13
13
|
html {
|
|
14
|
-
font-size: var(--
|
|
15
|
-
font-family: var(--
|
|
14
|
+
font-size: var(--rls-app-font-size, 2px);
|
|
15
|
+
font-family: var(--rls-app-font-family);
|
|
16
16
|
}
|
|
17
17
|
|
|
18
18
|
body {
|
|
@@ -24,8 +24,8 @@ body {
|
|
|
24
24
|
margin: 0rem;
|
|
25
25
|
padding: 0rem;
|
|
26
26
|
-webkit-tap-highlight-color: transparent;
|
|
27
|
-
color: var(--color-
|
|
28
|
-
background: var(--background-
|
|
27
|
+
color: var(--rls-app-color-500);
|
|
28
|
+
background: var(--rls-app-background-300);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
div {
|
|
@@ -206,5 +206,5 @@ h5,
|
|
|
206
206
|
h6,
|
|
207
207
|
p {
|
|
208
208
|
margin: 0rem;
|
|
209
|
-
font-weight: var(--font-weight-medium);
|
|
209
|
+
font-weight: var(--rls-font-weight-medium);
|
|
210
210
|
}
|
|
@@ -1,52 +1,52 @@
|
|
|
1
1
|
// Rolster Technology Text Utilities
|
|
2
|
-
//
|
|
2
|
+
// v2.0.0
|
|
3
3
|
// @license MIT
|
|
4
4
|
// Author: Rolster Developers
|
|
5
5
|
// Created: 08/Sep/2022
|
|
6
|
-
// Updated:
|
|
6
|
+
// Updated: 26/May/2024
|
|
7
7
|
|
|
8
8
|
.align-center {
|
|
9
|
-
--
|
|
10
|
-
--
|
|
9
|
+
--rlc-amount-text-align: center;
|
|
10
|
+
--rlc-input-text-align: center;
|
|
11
11
|
|
|
12
12
|
text-align: center !important;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
.align-justify {
|
|
16
|
-
--
|
|
17
|
-
--
|
|
16
|
+
--rlc-amount-text-align: start;
|
|
17
|
+
--rlc-input-text-align: left;
|
|
18
18
|
|
|
19
19
|
text-align: justify !important;
|
|
20
20
|
}
|
|
21
21
|
|
|
22
22
|
.align-left {
|
|
23
|
-
--
|
|
24
|
-
--
|
|
23
|
+
--rlc-amount-text-align: start;
|
|
24
|
+
--rlc-input-text-align: left;
|
|
25
25
|
|
|
26
26
|
text-align: left !important;
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
.align-right {
|
|
30
|
-
--
|
|
31
|
-
--
|
|
30
|
+
--rlc-amount-text-align: end;
|
|
31
|
+
--rlc-input-text-align: right;
|
|
32
32
|
|
|
33
33
|
text-align: right !important;
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
.weight-light {
|
|
37
|
-
font-weight: var(--font-weight-light);
|
|
37
|
+
font-weight: var(--rls-font-weight-light);
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
.weight-medium {
|
|
41
|
-
font-weight: var(--font-weight-medium);
|
|
41
|
+
font-weight: var(--rls-font-weight-medium);
|
|
42
42
|
}
|
|
43
43
|
|
|
44
44
|
.weight-semibold {
|
|
45
|
-
font-weight: var(--font-weight-semibold);
|
|
45
|
+
font-weight: var(--rls-font-weight-semibold);
|
|
46
46
|
}
|
|
47
47
|
|
|
48
48
|
.weight-bold {
|
|
49
|
-
font-weight: var(--font-weight-bold);
|
|
49
|
+
font-weight: var(--rls-font-weight-bold);
|
|
50
50
|
}
|
|
51
51
|
|
|
52
52
|
.truncate {
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
// Rolster Technology Themes Utilities
|
|
2
|
+
// v2.0.0
|
|
3
|
+
// @license MIT
|
|
4
|
+
// Author: Rolster Developers
|
|
5
|
+
// Created: 13/Abr/2023
|
|
6
|
+
// Updated: 26/May/2024
|
|
7
|
+
|
|
8
|
+
.rls-app-color-500 {
|
|
9
|
+
color: var(--rls-app-color-500);
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
.rls-app-color-300 {
|
|
13
|
+
color: var(--rls-app-color-300);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.rls-app-color-100 {
|
|
17
|
+
color: var(--rls-app-color-100);
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.rls-app-background-500 {
|
|
21
|
+
background: var(--rls-app-background-500);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
.rls-app-background-300 {
|
|
25
|
+
background: var(--rls-app-background-300);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.rls-app-background-100 {
|
|
29
|
+
background: var(--rls-app-background-100);
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.rls-app-border-1-500 {
|
|
33
|
+
border: var(--rls-app-border-1-500);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.rls-app-border-2-500 {
|
|
37
|
+
border: var(--rls-app-border-2-500);
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
.rls-app-border-4-500 {
|
|
41
|
+
border: var(--rls-app-border-4-500);
|
|
42
|
+
}
|
|
@@ -0,0 +1,107 @@
|
|
|
1
|
+
// Rolster Technology Typographics Utilities
|
|
2
|
+
// v2.0.0
|
|
3
|
+
// @license MIT
|
|
4
|
+
// Author: Rolster Developers
|
|
5
|
+
// Created: 20/Mar/2018
|
|
6
|
+
// Updated: 26/May/2024
|
|
7
|
+
|
|
8
|
+
@mixin typographic($name, $key) {
|
|
9
|
+
.rls-#{$name}-default {
|
|
10
|
+
font-size: var(--rls-#{$key}-font-size);
|
|
11
|
+
letter-spacing: var(--rls-#{$key}-letter-spacing);
|
|
12
|
+
min-height: var(--rls-#{$key}-line-height);
|
|
13
|
+
line-height: var(--rls-#{$key}-line-height);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
.rls-#{$name}-regular {
|
|
17
|
+
@extend .rls-#{$name}-default;
|
|
18
|
+
font-weight: var(--rls-font-weight-regular);
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
.rls-#{$name}-medium {
|
|
22
|
+
@extend .rls-#{$name}-default;
|
|
23
|
+
font-weight: var(--rls-font-weight-medium);
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.rls-#{$name}-semibold {
|
|
27
|
+
@extend .rls-#{$name}-default;
|
|
28
|
+
font-weight: var(--rls-font-weight-semibold);
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.rls-#{$name}-bold {
|
|
32
|
+
@extend .rls-#{$name}-default;
|
|
33
|
+
font-weight: var(--rls-font-weight-bold);
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
h1 {
|
|
38
|
+
font-size: var(--rls-heading1-font-size);
|
|
39
|
+
letter-spacing: var(--rls-heading1-letter-spacing);
|
|
40
|
+
min-height: var(--rls-heading1-line-height);
|
|
41
|
+
line-height: var(--rls-heading1-line-height);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
h2 {
|
|
45
|
+
font-size: var(--rls-heading2-font-size);
|
|
46
|
+
letter-spacing: var(--rls-heading2-letter-spacing);
|
|
47
|
+
min-height: var(--rls-heading2-line-height);
|
|
48
|
+
line-height: var(--rls-heading2-line-height);
|
|
49
|
+
}
|
|
50
|
+
|
|
51
|
+
h3 {
|
|
52
|
+
font-size: var(--rls-heading3-font-size);
|
|
53
|
+
letter-spacing: var(--rls-heading3-letter-spacing);
|
|
54
|
+
min-height: var(--rls-heading3-line-height);
|
|
55
|
+
line-height: var(--rls-heading3-line-height);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
h4 {
|
|
59
|
+
font-size: var(--rls-heading4-font-size);
|
|
60
|
+
letter-spacing: var(--rls-heading4-letter-spacing);
|
|
61
|
+
min-height: var(--rls-heading4-line-height);
|
|
62
|
+
line-height: var(--rls-heading4-line-height);
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
h5 {
|
|
66
|
+
font-size: var(--rls-heading5-font-size);
|
|
67
|
+
letter-spacing: var(--rls-heading5-letter-spacing);
|
|
68
|
+
min-height: var(--rls-heading5-line-height);
|
|
69
|
+
line-height: var(--rls-heading5-line-height);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
h6 {
|
|
73
|
+
font-size: var(--rls-heading6-font-size);
|
|
74
|
+
letter-spacing: var(--rls-heading6-letter-spacing);
|
|
75
|
+
min-height: var(--rls-heading6-line-height);
|
|
76
|
+
line-height: var(--rls-heading6-line-height);
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
p {
|
|
80
|
+
font-size: var(--rls-label-font-size);
|
|
81
|
+
letter-spacing: var(--rls-label-letter-spacing);
|
|
82
|
+
min-height: var(--rls-label-line-height);
|
|
83
|
+
line-height: var(--rls-label-line-height);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
button {
|
|
87
|
+
font-size: var(--rls-button-font-size);
|
|
88
|
+
letter-spacing: var(--rls-button-letter-spacing);
|
|
89
|
+
min-height: var(--rls-button-line-height);
|
|
90
|
+
line-height: var(--rls-button-line-height);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
@include typographic('h1', 'heading1');
|
|
94
|
+
@include typographic('h2', 'heading2');
|
|
95
|
+
@include typographic('h3', 'heading3');
|
|
96
|
+
@include typographic('h4', 'heading4');
|
|
97
|
+
@include typographic('h5', 'heading5');
|
|
98
|
+
@include typographic('h6', 'heading6');
|
|
99
|
+
@include typographic('title', 'title');
|
|
100
|
+
@include typographic('subtitle', 'subtitle');
|
|
101
|
+
@include typographic('body', 'body');
|
|
102
|
+
@include typographic('input', 'input');
|
|
103
|
+
@include typographic('label', 'label');
|
|
104
|
+
@include typographic('button', 'button');
|
|
105
|
+
@include typographic('smalltext', 'smalltext');
|
|
106
|
+
@include typographic('caption', 'caption');
|
|
107
|
+
@include typographic('overline', 'overline');
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
// Rolster Technology Animations Foundations
|
|
2
|
-
// v1.0.0
|
|
3
|
-
// @license MIT
|
|
4
|
-
// Author: Rolster Developers
|
|
5
|
-
// Created: 20/Mar/2018
|
|
6
|
-
// Updated: 12/Ago/2022
|
|
7
|
-
|
|
8
|
-
:root {
|
|
9
|
-
--standard-curve: cubic-bezier(0.4, 0, 0.2, 1);
|
|
10
|
-
|
|
11
|
-
--deceleration-curve: cubic-bezier(0, 0, 0.2, 1);
|
|
12
|
-
|
|
13
|
-
--acceleration-curve: cubic-bezier(0.4, 0, 1, 1);
|
|
14
|
-
|
|
15
|
-
--sharp-curve: cubic-bezier(0.4, 0, 0.6, 1);
|
|
16
|
-
}
|