ac/ac-platform-web
1
0
Fork 0
mirror of git://f0xx.org/ac/ac-platform-web synced 2026-08-09 20:59:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

Rotate FOR SALE ribbon -90deg from center; letters -90deg; clip at edges.

Browse Source 
Pivot at ribbon center anchored to bottom-right corner; extended band length
so ends wrap off viewport borders.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Anton Afanasyeu
2026-08-05 12:43:08 +02:00
parent ac4907606b
commit 6ea146a54d
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
assets/css/app.css
View File

@@ -2499,12 +2499,12 @@ button.report-tag--filter:hover {
.platform-for-sale-badge {
position: fixed;
right: 0;
bottom: calc(var(--footer-h, 40px) + 0.35rem);
bottom: calc(var(--footer-h, 40px));
z-index: 1100;
cursor: pointer;
text-decoration: none;
transform: rotate(-45deg);
transform-origin: 100% 100%;
transform: translate(50%, 50%) rotate(-90deg);
transform-origin: center center;
line-height: 0;
}
.platform-for-sale-badge:focus-visible {
@@ -2516,25 +2516,28 @@ button.report-tag--filter:hover {
background: #fff;
border: 2px solid #c00;
padding: 1px;
/* Long band — ends clip at viewport edges after rotation. */
padding-block: 5rem;
}
.platform-for-sale-badge__inner {
display: block;
background: #fff;
border: 2px solid #c00;
padding: 0.3rem 0.45rem;
padding: 0.35rem 0.5rem;
}
.platform-for-sale-badge__letters {
display: flex;
flex-direction: column;
align-items: center;
gap: 0.05rem;
gap: 0.08rem;
}
.platform-for-sale-badge__letter {
display: block;
font: 700 0.7rem/1.05 system-ui, -apple-system, Segoe UI, sans-serif;
color: #c00;
letter-spacing: 0.04em;
transform: rotate(45deg);
transform: rotate(-90deg);
transform-origin: center center;
}
.platform-for-sale-badge__space {
display: block;