DEV: Ensures mobile RTL stylesheets are loaded (#11360)

This PR only makes CSS changes that have no visual impact, but they fix an issue in the compiler that causes some stylesheets not to load on mobile RTL.

Full context here

https://meta.discourse.org/t/user-card-will-not-open-on-the-mobile/171268/6?u=johani
This commit is contained in:
Joe 2020-11-26 21:03:25 +08:00 committed by GitHub
parent f56c4b78da
commit eecff3d15b
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 14 additions and 14 deletions

View File

@ -59,8 +59,8 @@ $mobile-breakpoint: 700px;
height: 100%;
background: linear-gradient(
to right,
rgba(var(--secondary-rgb), 1) 0%,
rgba(var(--secondary-rgb), 0) 100%
rgba(var(--secondary-rgb), 1),
rgba(var(--secondary-rgb), 0)
);
}
&:after {
@ -71,8 +71,8 @@ $mobile-breakpoint: 700px;
height: 100%;
background: linear-gradient(
to right,
rgba(var(--secondary-rgb), 0) 0%,
rgba(var(--secondary-rgb), 1) 100%
rgba(var(--secondary-rgb), 0),
rgba(var(--secondary-rgb), 1)
);
}
}
@ -471,8 +471,8 @@ $mobile-breakpoint: 700px;
height: calc(100% - 5px);
background: linear-gradient(
to right,
rgba(var(--primary-low-rgb), 1) 0%,
rgba(var(--primary-low-rgb), 0) 100%
rgba(var(--primary-low-rgb), 1),
rgba(var(--primary-low-rgb), 0)
);
}
@ -484,8 +484,8 @@ $mobile-breakpoint: 700px;
height: calc(100% - 5px);
background: linear-gradient(
to right,
rgba(var(--primary-low-rgb), 0) 0%,
rgba(var(--primary-low-rgb), 1) 100%
rgba(var(--primary-low-rgb), 0),
rgba(var(--primary-low-rgb), 1)
);
}
}

View File

@ -157,8 +157,8 @@
}
background-image: linear-gradient(
to bottom,
rgba(var(--secondary-rgb), 0) 0%,
rgba(var(--secondary-rgb), 0.9) 100%
rgba(var(--secondary-rgb), 0),
rgba(var(--secondary-rgb), 0.9)
);
}
&:before {
@ -166,8 +166,8 @@
height: 25px;
background-image: linear-gradient(
to top,
rgba(var(--secondary-rgb), 0) 0%,
rgba(var(--secondary-rgb), 1) 100%
rgba(var(--secondary-rgb), 0),
rgba(var(--secondary-rgb), 1)
);
}
form {

View File

@ -12,8 +12,8 @@ div.edit-category {
&:after {
background: linear-gradient(
to right,
rgba(var(--secondary-rgb), 0) 0%,
rgba(var(--secondary-rgb), 1) 100%
rgba(var(--secondary-rgb), 0),
rgba(var(--secondary-rgb), 1)
);
content: "";
position: absolute;