github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-08-28 23:59:00 +00:00
Code Issues Packages Projects Releases Wiki Activity

♻️ Use new SCSS guidelines

Browse Source
This commit is contained in:
Luis de Dios 2026-08-23 18:19:16 +02:00
parent 571b02c64b
commit 138cc68b86
2 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/resources/styles/common/refactor/design-tokens.scss
View File

@ -291,8 +291,6 @@
--modal-link-foreground-color: var(--color-accent-primary); --modal-link-foreground-color: var(--color-accent-primary);
--modal-border-color: var(--color-background-quaternary); --modal-border-color: var(--color-background-quaternary);
--modal-separator-background-color: var(--color-background-quaternary); --modal-separator-background-color: var(--color-background-quaternary);
--modal-navigator-foreground-color-rest: var(--color-background-quaternary);
--modal-navigator-foreground-color-active: var(--color-accent-primary);
// ALERTS, NOTIFICATION, TOAST & BADGES // ALERTS, NOTIFICATION, TOAST & BADGES

21
frontend/src/app/main/ui/releases/common.scss
View File

@ -4,28 +4,29 @@
// //
// Copyright (c) KALEIDOS INC Sucursal en España SL // Copyright (c) KALEIDOS INC Sucursal en España SL
@use "refactor/common-refactor.scss" as deprecated; @use "ds/_borders.scss" as *;
@use "ds/_sizes.scss" as *;
@use "ds/_utils.scss" as *;
.step-dots { .step-dots {
display: grid; display: grid;
grid-template-columns: none; grid-template-columns: none;
grid-auto-flow: column; grid-auto-flow: column;
gap: deprecated.$s-8; gap: var(--sp-s);
height: fit-content; block-size: fit-content;
width: fit-content; inline-size: fit-content;
margin: 0; margin: 0;
padding: 0; padding: 0;
place-self: center flex-start; place-self: center flex-start;
} }
.dot { .dot {
height: deprecated.$s-12; block-size: $sz-12;
width: deprecated.$s-12; inline-size: $sz-12;
border-radius: deprecated.$br-circle; border-radius: $br-circle;
background-color: var(--modal-navigator-foreground-color-rest); background-color: var(--color-background-quaternary);
cursor: pointer;
} }
.current { .current {
background-color: var(--modal-navigator-foreground-color-active); background-color: var(--color-accent-primary);
} }