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
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 18 additions and 14 deletions

View File

@ -307,6 +307,13 @@ $mobile-breakpoint: 700px;
max-height: $maxHeight;
overflow: hidden;
position: relative;
color: var(--primary-medium);
@include breakpoint(mobile-extra-large) {
word-wrap: break-word;
max-width: 80vw;
margin-right: 3em;
}
&::after {
content: " ";
@ -321,12 +328,6 @@ $mobile-breakpoint: 700px;
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;
border-bottom-right-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) {
max-height: 50vh;
}
@media screen and (max-height: 800px) {
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 {
border-bottom: none;
@ -557,10 +558,11 @@
}
.setting-label {
word-wrap: break-word;
@include breakpoint(tablet, min-width) {
width: 25%;
}
word-wrap: break-word;
h3 {
margin-top: 0;

View File

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