skills/pbakaus_impeccable
1
0
Fork 0
mirror of https://github.com/pbakaus/impeccable.git synced 2026-09-21 10:36:27 +03:00
Code Issues Packages Projects Releases Wiki Activity

Scale Docs board carry bars and fix Portfolio preview cells 19–21.

Browse Source 
Board-stage read artboards get thicker bar weight in picker.css; the gallery replica adds matching experiments plus desktop caption circles for Portfolio restrained/committed/drenched and drenched color roles on cell 21.

AI-assisted commit.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
Abdul Wahab
2026-09-01 10:02:40 +05:00
co-authored by Cursor
parent 457c2d877c
commit da94340e9b
3 changed files with 202 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
picker/styles/picker.css
+46
View File
@@ -3156,6 +3156,52 @@ body.picker-page {
width: calc(2.64 * var(--pv-text) * var(--pv-x));
}
/* Board stage: the read artboard draws type as bars through [data-carry]. At
frame size those counts read as hairlines beside strategy's wireframe, which
carries its own step. Scale the bar ladder to match. */
.picker-board-stage > [data-carry][data-surface="read"] {
--pvs-carry-weight: 1.65;
}
.picker-board-stage > [data-carry][data-surface="read"] .ps-docs-item > i {
width: calc(var(--pt-base) * 0.34 * var(--pvs-carry-weight));
}
.picker-board-stage > [data-carry][data-surface="read"] :is(
.ps-docs-item b,
.ps-docs-crumb,
.ps-docs-note-copy b
) {
height: calc(var(--pt-base) * 0.26 * var(--pvs-carry-weight));
}
.picker-board-stage > [data-carry][data-surface="read"] :is(
.ps-docs-main .pt-headline i,
.ps-phone-body .pt-headline i
) {
height: calc(var(--pt-base) * 0.72 * var(--pvs-carry-weight));
}
.picker-board-stage > [data-carry][data-surface="read"] .ps-docs-sub {
height: calc(var(--pt-base) * 0.5 * var(--pvs-carry-weight));
}
.picker-board-stage > [data-carry][data-surface="read"] :is(
.ps-docs-lede i,
.ps-docs-para i,
.ps-docs-list li
) {
height: calc(var(--pt-base) * 0.3 * var(--pvs-carry-weight));
}
.picker-board-stage > [data-carry][data-surface="read"] .ps-docs-note-copy > span i {
height: calc(var(--pt-base) * 0.26 * var(--pvs-carry-weight));
}
.picker-board-stage > [data-carry][data-surface="read"] .ps-docs-list li::before {
width: calc(var(--pt-base) * 0.3 * var(--pvs-carry-weight));
}
/* One drawing is shown and the rest stay mounted, so switching costs an
attribute rather than a rebuild. [hidden] is a display: none that the
component's own display: grid outranks, so it is restated here. */