@rolster/styles-foundations 2.5.29 → 2.5.30
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 +29 -5
- package/dist/styles.css.map +1 -1
- package/dist/styles.min.css +2 -2
- package/dist/styles.rtl.css +29 -5
- package/dist/styles.rtl.min.css +2 -2
- package/package.json +1 -1
- package/scss/components/app.scss +38 -5
package/dist/styles.rtl.css
CHANGED
|
@@ -4289,6 +4289,7 @@ button {
|
|
|
4289
4289
|
}
|
|
4290
4290
|
.rls-app__body {
|
|
4291
4291
|
--pvt-navbar-width: var(--rlc-app-navbar-width, 160rem);
|
|
4292
|
+
--pvt-navbar-left: 0%;
|
|
4292
4293
|
display: flex;
|
|
4293
4294
|
flex-direction: column;
|
|
4294
4295
|
padding: 0rem;
|
|
@@ -4344,17 +4345,22 @@ button {
|
|
|
4344
4345
|
height: 100%;
|
|
4345
4346
|
margin: 0rem;
|
|
4346
4347
|
padding: 0rem;
|
|
4347
|
-
box-sizing: border-box;
|
|
4348
|
-
overflow-x: hidden;
|
|
4349
|
-
overflow-y: auto;
|
|
4350
|
-
border-radius: 0rem 0rem 0rem var(--rls-sizing-x16);
|
|
4351
|
-
background: var(--rlc-app-navbar-background, var(--rls-app-color-100));
|
|
4352
4348
|
transition: width 240ms var(--rls-acceleration-curve);
|
|
4353
4349
|
}
|
|
4354
4350
|
.rls-app__page__nav + .rls-app__page__content {
|
|
4355
4351
|
--rlc-snackbar-left: calc(50% + calc(var(--pvt-navbar-width) / 2));
|
|
4356
4352
|
width: calc(100% - var(--pvt-navbar-width));
|
|
4357
4353
|
}
|
|
4354
|
+
.rls-app__page__nav__content {
|
|
4355
|
+
position: relative;
|
|
4356
|
+
width: 100%;
|
|
4357
|
+
height: 100%;
|
|
4358
|
+
background: var(--rlc-app-navbar-background, var(--rls-app-color-100));
|
|
4359
|
+
border-radius: 0rem 0rem 0rem var(--rls-sizing-x16);
|
|
4360
|
+
overflow-x: hidden;
|
|
4361
|
+
overflow-y: auto;
|
|
4362
|
+
box-sizing: border-box;
|
|
4363
|
+
}
|
|
4358
4364
|
.rls-app__page__content {
|
|
4359
4365
|
display: flex;
|
|
4360
4366
|
flex-direction: column;
|
|
@@ -4366,6 +4372,24 @@ button {
|
|
|
4366
4372
|
box-sizing: border-box;
|
|
4367
4373
|
transition: width 240ms var(--rls-acceleration-curve);
|
|
4368
4374
|
}
|
|
4375
|
+
@media screen and (max-width: 560px) {
|
|
4376
|
+
.rls-app__body {
|
|
4377
|
+
--pvt-navbar-width: 0rem;
|
|
4378
|
+
--pvt-navbar-left: -100%;
|
|
4379
|
+
}
|
|
4380
|
+
.rls-app__body--snackbar {
|
|
4381
|
+
--rlc-snackbar-left: 50%;
|
|
4382
|
+
}
|
|
4383
|
+
.rls-app__body--navbar-condense {
|
|
4384
|
+
--pvt-navbar-width: 0rem;
|
|
4385
|
+
--pvt-navbar-left: 0%;
|
|
4386
|
+
}
|
|
4387
|
+
.rls-app__page__navbar {
|
|
4388
|
+
position: absolute;
|
|
4389
|
+
right: var(--pvt-navbar-left);
|
|
4390
|
+
transition: right 240ms var(--rls-acceleration-curve);
|
|
4391
|
+
}
|
|
4392
|
+
}
|
|
4369
4393
|
.rls-datatable {
|
|
4370
4394
|
--pvt-datatable-letter-spacing: var(--rlc-datatable-letter-spacing, 0.0625em);
|
|
4371
4395
|
--pvt-datatable-font-size: var(--rlc-datatable-font-size, 7rem);
|