@rolster/styles-foundations 1.1.0 → 1.1.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 +20 -21
- package/dist/rolster-styles.min.css +1 -1
- package/dist/rolster-styles.rtl.css +20 -21
- package/dist/rolster-styles.rtl.min.css +1 -1
- package/package.json +1 -1
- package/scss/_rolster-components.scss +5 -5
- package/scss/components/_app.scss +9 -9
- package/scss/components/_box-field.scss +4 -5
- package/scss/components/_data-table.scss +6 -6
- package/scss/components/_list-field.scss +6 -6
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
// Rolster Technology BoxField Component
|
|
2
|
-
// v1.
|
|
2
|
+
// v1.1.4
|
|
3
3
|
// @license MIT
|
|
4
4
|
// Author: Rolster Developers
|
|
5
5
|
// Created: 08/Sep/2022
|
|
6
|
-
// Updated:
|
|
6
|
+
// Updated: 27/Ene/2024
|
|
7
7
|
|
|
8
8
|
.rls-box-field {
|
|
9
9
|
--pvt-body-background: rgba(248, 248, 248, 1);
|
|
@@ -40,9 +40,8 @@
|
|
|
40
40
|
|
|
41
41
|
&__label {
|
|
42
42
|
position: relative;
|
|
43
|
-
float: left;
|
|
44
43
|
width: 100%;
|
|
45
|
-
padding: 0rem
|
|
44
|
+
padding: 0rem 5rem;
|
|
46
45
|
box-sizing: border-box;
|
|
47
46
|
color: var(--rls-boxfield-label-font-color);
|
|
48
47
|
opacity: var(--pvt-label-opacity);
|
|
@@ -74,7 +73,7 @@
|
|
|
74
73
|
|
|
75
74
|
&__helper {
|
|
76
75
|
color: var(--color-theme-100);
|
|
77
|
-
padding: 0rem
|
|
76
|
+
padding: 0rem 5rem;
|
|
78
77
|
box-sizing: border-box;
|
|
79
78
|
font-weight: var(--font-weight-medium);
|
|
80
79
|
font-size: var(--overline-font-size);
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
// Rolster Technology Datatable Component
|
|
2
|
-
// v1.
|
|
2
|
+
// v1.2.3
|
|
3
3
|
// @license MIT
|
|
4
4
|
// Author: Rolster Developers
|
|
5
5
|
// Created: 20/Mar/2018
|
|
6
|
-
// Updated:
|
|
6
|
+
// Updated: 27/Ene/2024
|
|
7
7
|
|
|
8
8
|
@mixin datatable_cell_control() {
|
|
9
9
|
--rls-avatar-border-radius: var(--sizing-x3);
|
|
@@ -222,16 +222,16 @@
|
|
|
222
222
|
font-weight: var(--font-weight-semibold);
|
|
223
223
|
font-size: var(--smalltext-font-size);
|
|
224
224
|
letter-spacing: var(--smalltext-letter-spacing);
|
|
225
|
-
min-height:
|
|
226
|
-
line-height:
|
|
225
|
+
min-height: var(--sizing-x8);
|
|
226
|
+
line-height: var(--sizing-x8);
|
|
227
227
|
}
|
|
228
228
|
|
|
229
229
|
.rls-ballot__subtitle {
|
|
230
230
|
margin-top: 0rem;
|
|
231
231
|
font-size: var(--overline-font-size);
|
|
232
232
|
letter-spacing: var(--overline-letter-spacing);
|
|
233
|
-
min-height:
|
|
234
|
-
line-height:
|
|
233
|
+
min-height: var(--sizing-x8);
|
|
234
|
+
line-height: var(--sizing-x8);
|
|
235
235
|
}
|
|
236
236
|
}
|
|
237
237
|
|
|
@@ -1,16 +1,16 @@
|
|
|
1
1
|
// Rolster Technology ListField Component
|
|
2
|
-
// v1.
|
|
2
|
+
// v1.1.7
|
|
3
3
|
// @license MIT
|
|
4
4
|
// Author: Rolster Developers
|
|
5
5
|
// Created: 20/Mar/2018
|
|
6
|
-
// Updated:
|
|
6
|
+
// Updated: 27/Ene/2024
|
|
7
7
|
|
|
8
8
|
.rls-list-field {
|
|
9
9
|
--rls-boxfield-body-padding: var(--sizing-x3) var(--sizing-x4);
|
|
10
10
|
|
|
11
11
|
--pvt-action-font-color: var(--color-theme-300);
|
|
12
12
|
--pvt-list-height: 0rem;
|
|
13
|
-
--pvt-list-max-height:
|
|
13
|
+
--pvt-list-max-height: 160rem;
|
|
14
14
|
--pvt-list-opacity: 0;
|
|
15
15
|
--pvt-list-transform: scale(0, 0);
|
|
16
16
|
--pvt-list-transform-origin: 0% 0%;
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
max-height: var(--pvt-list-max-height);
|
|
113
113
|
padding: var(--sizing-x4) var(--sizing-x2);
|
|
114
114
|
box-sizing: border-box;
|
|
115
|
-
border-radius:
|
|
115
|
+
border-radius: var(--sizing-x4);
|
|
116
116
|
overflow: hidden;
|
|
117
117
|
z-index: var(--z-index-2);
|
|
118
118
|
background: var(--background-theme-500);
|
|
@@ -236,7 +236,7 @@
|
|
|
236
236
|
position: absolute;
|
|
237
237
|
bottom: 0rem;
|
|
238
238
|
width: 100%;
|
|
239
|
-
max-width:
|
|
239
|
+
max-width: 200rem;
|
|
240
240
|
max-height: 75%;
|
|
241
241
|
padding: var(--sizing-x8) var(--sizing-x2);
|
|
242
242
|
border-radius: var(--sizing-x4) var(--sizing-x4) 0rem 0rem;
|
|
@@ -252,7 +252,7 @@
|
|
|
252
252
|
&__avatar {
|
|
253
253
|
width: 100%;
|
|
254
254
|
height: auto;
|
|
255
|
-
max-width:
|
|
255
|
+
max-width: var(--sizing-x8);
|
|
256
256
|
margin: auto;
|
|
257
257
|
padding-bottom: var(--sizing-x6);
|
|
258
258
|
}
|