shiran/discourse_theme_ran
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

DEV: CSS-only mask

Browse Source
This commit is contained in:
David Taylor
2025-03-07 17:56:55 +00:00
parent 3777405f0b
commit ab76fd345d
2 changed files with 12 additions and 61 deletions
Download Patch File Download Diff File Expand all files Collapse all files
scss/box-view.scss
+2 -5
View File
@@ -61,17 +61,15 @@
}
&__top-left {
top: var(--header-offset);
left: var(--left-distance);
}
&__top-right {
top: var(--header-offset);
transform: rotate(90deg);
left: calc(var(--right-distance) - var(--d-border-radius-large));
right: var(--d-border-radius-large);
}
&__bottom-left {
transform: rotate(-90deg);
bottom: var(--d-border-radius-large);
left: var(--left-distance);
@media screen and (max-width: 768px) {
bottom: calc(var(--d-border-radius-large) * 2);
}
@@ -79,7 +77,7 @@
&__bottom-right {
transform: rotate(180deg);
bottom: var(--d-border-radius-large);
left: calc(var(--right-distance) - var(--d-border-radius-large));
right: var(--d-border-radius-large);
@media screen and (max-width: 768px) {
bottom: calc(var(--d-border-radius-large) * 2);
}
@@ -90,7 +88,6 @@
z-index: 399;
background-color: var(--background-color);
bottom: 0;
left: var(--left-distance);
height: var(--d-border-radius-large);
@media screen and (max-width: 768px) {
height: calc(var(--d-border-radius-large) * 2);