DEV: Fix mixed-decls sass deprecation (#31279)

See: https://sass-lang.com/d/mixed-decls

```diff
- WARNING: 253 deprecations encountered while compiling scss.
+ WARNING: 242 deprecations encountered while compiling scss.
```
This commit is contained in:
Jarek Radosz
2025-02-11 15:33:10 +01:00
committed by GitHub
parent b290c557b8
commit f44827fa3d
3 changed files with 18 additions and 14 deletions

View File

@ -307,6 +307,13 @@ $mobile-breakpoint: 700px;
max-height: $maxHeight; max-height: $maxHeight;
overflow: hidden; overflow: hidden;
position: relative; position: relative;
color: var(--primary-medium);
@include breakpoint(mobile-extra-large) {
word-wrap: break-word;
max-width: 80vw;
margin-right: 3em;
}
&::after { &::after {
content: " "; content: " ";
@ -321,12 +328,6 @@ $mobile-breakpoint: 700px;
rgba(var(--secondary-rgb), 0.15) rgba(var(--secondary-rgb), 0.15)
); );
} }
@include breakpoint(mobile-extra-large) {
word-wrap: break-word;
max-width: 80vw;
margin-right: 3em;
}
color: var(--primary-medium);
} }
} }

View File

@ -386,16 +386,17 @@
max-height: 60vh; max-height: 60vh;
border-bottom-right-radius: var(--d-border-radius); border-bottom-right-radius: var(--d-border-radius);
border-bottom-left-radius: var(--d-border-radius); border-bottom-left-radius: var(--d-border-radius);
border-right: 1px solid var(--primary-low);
border-bottom: 1px solid var(--primary-low);
border-left: 1px solid var(--primary-low);
width: 100%;
@media screen and (max-height: 1000px) { @media screen and (max-height: 1000px) {
max-height: 50vh; max-height: 50vh;
} }
@media screen and (max-height: 800px) { @media screen and (max-height: 800px) {
max-height: 40vh; max-height: 40vh;
} }
border-right: 1px solid var(--primary-low);
border-bottom: 1px solid var(--primary-low);
border-left: 1px solid var(--primary-low);
width: 100%;
&__item:last-child { &__item:last-child {
border-bottom: none; border-bottom: none;
@ -557,10 +558,11 @@
} }
.setting-label { .setting-label {
word-wrap: break-word;
@include breakpoint(tablet, min-width) { @include breakpoint(tablet, min-width) {
width: 25%; width: 25%;
} }
word-wrap: break-word;
h3 { h3 {
margin-top: 0; margin-top: 0;

View File

@ -83,15 +83,16 @@
} }
.input-setting-list { .input-setting-list {
@media (max-width: $mobile-breakpoint) {
width: 100%;
}
padding: 1px; padding: 1px;
background-color: var(--secondary); background-color: var(--secondary);
border: 1px solid var(--primary-low); border: 1px solid var(--primary-low);
border-radius: 3px; border-radius: 3px;
transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s;
@media (max-width: $mobile-breakpoint) {
width: 100%;
}
li.sortable-placeholder { li.sortable-placeholder {
@include unselectable; @include unselectable;
padding: 3px 5px 3px 18px; padding: 3px 5px 3px 18px;