@rolster/styles-foundations 2.5.36 → 2.5.38
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/styles.css +7 -8
- package/dist/styles.css.map +1 -1
- package/dist/styles.min.css +1 -1
- package/dist/styles.rtl.css +7 -8
- package/dist/styles.rtl.min.css +1 -1
- package/package.json +1 -1
- package/scss/components/app.scss +9 -6
package/dist/styles.rtl.css
CHANGED
|
@@ -4287,12 +4287,11 @@ button {
|
|
|
4287
4287
|
scrollbar-width: thin;
|
|
4288
4288
|
scrollbar-color: var(--rls-theme-color-300) var(--rls-app-color-200);
|
|
4289
4289
|
}
|
|
4290
|
-
.rls-app {
|
|
4291
|
-
--pvt-navbar-dimension: 0rem;
|
|
4292
|
-
}
|
|
4293
4290
|
.rls-app__body {
|
|
4291
|
+
--pvt-navbar-dimension: 0rem;
|
|
4294
4292
|
--pvt-navbar-width: var(--rlc-app-navbar-width, 160rem);
|
|
4295
4293
|
--pvt-navbar-width-condense: 36rem;
|
|
4294
|
+
--pvt-nabvar-snackbar: var(--pvt-navbar-width);
|
|
4296
4295
|
display: flex;
|
|
4297
4296
|
flex-direction: column;
|
|
4298
4297
|
padding: 0rem;
|
|
@@ -4303,10 +4302,11 @@ button {
|
|
|
4303
4302
|
z-index: var(--rls-z-index-8);
|
|
4304
4303
|
}
|
|
4305
4304
|
.rls-app__body--navbar-snackbar {
|
|
4306
|
-
--rlc-snackbar-left: calc(50% + calc(var(--pvt-navbar-
|
|
4305
|
+
--rlc-snackbar-left: calc(50% + calc(var(--pvt-navbar-snackbar) / 2));
|
|
4307
4306
|
}
|
|
4308
4307
|
.rls-app__body--navbar-condense {
|
|
4309
4308
|
--pvt-navbar-width: var(--pvt-navbar-width-condense);
|
|
4309
|
+
--pvt-nabvar-snackbar: var(--pvt-navbar-width-condense);
|
|
4310
4310
|
}
|
|
4311
4311
|
.rls-app__header {
|
|
4312
4312
|
--rlc-toolbar-height: 100%;
|
|
@@ -4376,13 +4376,12 @@ button {
|
|
|
4376
4376
|
transition: width 240ms var(--rls-acceleration-curve);
|
|
4377
4377
|
}
|
|
4378
4378
|
@media screen and (max-width: 640px) {
|
|
4379
|
-
.rls-app {
|
|
4380
|
-
--pvt-navbar-dimension: 140rem;
|
|
4381
|
-
}
|
|
4382
4379
|
.rls-app__body {
|
|
4380
|
+
--pvt-navbar-dimension: 140rem;
|
|
4383
4381
|
--pvt-navbar-width: var(--pvt-navbar-dimension);
|
|
4384
4382
|
--pvt-navbar-width-condense: var(--pvt-navbar-dimension);
|
|
4385
4383
|
--pvt-section-navbar: 0rem;
|
|
4384
|
+
--pvt-navbar-snackbar: 0rem;
|
|
4386
4385
|
}
|
|
4387
4386
|
.rls-app__body--navbar-condense {
|
|
4388
4387
|
--pvt-section-navbar: var(--pvt-navbar-dimension);
|
|
@@ -4394,7 +4393,7 @@ button {
|
|
|
4394
4393
|
}
|
|
4395
4394
|
}
|
|
4396
4395
|
@media screen and (max-width: 320px) {
|
|
4397
|
-
.rls-
|
|
4396
|
+
.rls-app__body {
|
|
4398
4397
|
--pvt-navbar-dimension: 120rem;
|
|
4399
4398
|
}
|
|
4400
4399
|
}
|