@rolster/styles-foundations 2.5.31 → 2.5.33
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 +24 -5
- package/dist/styles.css.map +1 -1
- package/dist/styles.min.css +1 -1
- package/dist/styles.rtl.css +24 -5
- package/dist/styles.rtl.min.css +1 -1
- package/package.json +1 -1
- package/scss/components/app.scss +30 -6
package/dist/styles.rtl.css
CHANGED
|
@@ -4299,7 +4299,7 @@ button {
|
|
|
4299
4299
|
overflow: hidden;
|
|
4300
4300
|
z-index: var(--rls-z-index-8);
|
|
4301
4301
|
}
|
|
4302
|
-
.rls-app__body--snackbar {
|
|
4302
|
+
.rls-app__body--navbar-snackbar {
|
|
4303
4303
|
--rlc-snackbar-left: calc(50% + calc(var(--pvt-navbar-width) / 2));
|
|
4304
4304
|
}
|
|
4305
4305
|
.rls-app__body--navbar-condense {
|
|
@@ -4351,6 +4351,16 @@ button {
|
|
|
4351
4351
|
--rlc-snackbar-left: calc(50% + calc(var(--pvt-navbar-width) / 2));
|
|
4352
4352
|
width: calc(100% - var(--pvt-navbar-width));
|
|
4353
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
|
+
}
|
|
4354
4364
|
.rls-app__page__content {
|
|
4355
4365
|
display: flex;
|
|
4356
4366
|
flex-direction: column;
|
|
@@ -4362,14 +4372,14 @@ button {
|
|
|
4362
4372
|
box-sizing: border-box;
|
|
4363
4373
|
transition: width 240ms var(--rls-acceleration-curve);
|
|
4364
4374
|
}
|
|
4365
|
-
@media screen and (max-width:
|
|
4375
|
+
@media screen and (max-width: 320px) {
|
|
4366
4376
|
.rls-app__body {
|
|
4367
|
-
--pvt-navbar-width:
|
|
4368
|
-
--pvt-navbar-width-condense:
|
|
4377
|
+
--pvt-navbar-width: 120rem;
|
|
4378
|
+
--pvt-navbar-width-condense: 120rem;
|
|
4369
4379
|
--pvt-section-navbar: 0rem;
|
|
4370
4380
|
}
|
|
4371
4381
|
.rls-app__body--navbar-condense {
|
|
4372
|
-
--pvt-section-navbar:
|
|
4382
|
+
--pvt-section-navbar: 120rem;
|
|
4373
4383
|
}
|
|
4374
4384
|
.rls-app__page {
|
|
4375
4385
|
width: calc(var(--rls-html-max-width) + var(--pvt-navbar-width));
|
|
@@ -4377,6 +4387,15 @@ button {
|
|
|
4377
4387
|
transition: right 280ms var(--rls-standard-curve);
|
|
4378
4388
|
}
|
|
4379
4389
|
}
|
|
4390
|
+
@media screen and (max-width: 640px) {
|
|
4391
|
+
.rls-app__body {
|
|
4392
|
+
--pvt-navbar-width: 140rem;
|
|
4393
|
+
--pvt-navbar-width-condense: 140rem;
|
|
4394
|
+
}
|
|
4395
|
+
.rls-app__body--navbar-condense {
|
|
4396
|
+
--pvt-section-navbar: 140rem;
|
|
4397
|
+
}
|
|
4398
|
+
}
|
|
4380
4399
|
.rls-datatable {
|
|
4381
4400
|
--pvt-datatable-letter-spacing: var(--rlc-datatable-letter-spacing, 0.0625em);
|
|
4382
4401
|
--pvt-datatable-font-size: var(--rlc-datatable-font-size, 7rem);
|