@rolster/styles-foundations 2.3.10 → 2.3.12

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.
Files changed (4) hide show
  1. package/package.json +1 -1
  2. package/scss/components/app.scss +10 -12
  3. package/scss/components/data-table.scss +1 -1
  4. package/scss/components.scss +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rolster/styles-foundations",
3
- "version": "2.3.10",
3
+ "version": "2.3.12",
4
4
  "description": "Front-end style pack to develop responsive and mobile projects on the web with Rolster.",
5
5
  "sass": "scss/styles.scss",
6
6
  "style": "dist/styles.css",
package/scss/components/app.scss CHANGED
@@ -1,26 +1,24 @@
1
1
  // Rolster Technology App Component
2
- // v2.1.0
2
+ // v2.2.0
3
3
  // @license MIT
4
4
  // Author: Rolster Developers
5
5
  // Created: 20/Mar/2018
6
- // Updated: 13/Jun/2024
6
+ // Updated: 28/Oct/2024
7
7
 
8
8
  .rls-app {
9
9
  &__body {
10
- position: absolute;
11
10
  display: flex;
12
11
  flex-direction: column;
13
- top: 0rem;
14
- left: 0rem;
15
12
  padding: 0rem;
16
13
  margin: 0rem;
17
- width: 100%;
18
- height: 100%;
19
- z-index: var(--rls-z-index-8);
14
+ width: 100vw;
15
+ height: 100vh;
20
16
  overflow: hidden;
21
- transition:
22
- left 240ms 0ms var(--rls-standard-curve),
23
- width 240ms 0ms var(--rls-standard-curve);
17
+ z-index: var(--rls-z-index-8);
18
+
19
+ &--snackbar {
20
+ --rlc-snackbar-left: calc(50% + calc(var(--rlc-app-navbar-width) / 2));
21
+ }
24
22
  }
25
23
 
26
24
  &__header {
@@ -72,7 +70,7 @@
72
70
  background: var(--rlc-app-navbar-background);
73
71
 
74
72
  & + .rls-app__page__content {
75
- --rlc-snackbar-left: calc(50% + 80rem);
73
+ --rlc-snackbar-left: calc(50% + calc(var(--rlc-app-navbar-width) / 2));
76
74
 
77
75
  width: calc(100% - var(--rlc-app-navbar-width));
78
76
  }
package/scss/components/data-table.scss CHANGED
@@ -146,7 +146,7 @@
146
146
 
147
147
  &--error {
148
148
  background: var(--rls-danger-color-100);
149
- border: var(--rls-border-1-danger-300);
149
+ border: var(--rls-danger-border-1-300);
150
150
  }
151
151
  }
152
152
 
package/scss/components.scss CHANGED
@@ -74,7 +74,7 @@
74
74
  --rlc-fieldbox-label-display: block;
75
75
  --rlc-fieldbox-label-font-color: var(--rls-app-color-300);
76
76
 
77
- --rlc-fieldlist-action-dimension: var(--rls-sizing-x14);
77
+ --rlc-fieldlist-action-dimension: var(--rls-sizing-x12);
78
78
  --rlc-fieldlist-control-font-size: var(--rlc-input-font-size);
79
79
  --rlc-fieldlist-control-font-weight: var(--rls-font-weight-medium);
80
80
  --rlc-fieldlist-control-letter-spacing: var(--rlc-input-letter-spacing);