github/penpot
1
0
Fork 0
mirror of https://github.com/penpot/penpot.git synced 2026-07-31 18:36:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

💄 Fix SCSS linter errors in v2_15 release modal styles

Browse Source 
Replace class selectors with placeholder selectors for @extend
(.modal-overlay-base -> %modal-overlay-base,
 .button-primary -> %button-primary).

Add blank lines after @include mixin calls in 6 rulesets
(.version-tag, .modal-title, .feature-title, .feature-content,
 .feature-list, .next-btn) to satisfy the
declaration-empty-line-before stylelint rule.

Fixes 8 SCSS linter errors in total.

Signed-off-by: Andrey Antukh <niwi@niwi.nz>
This commit is contained in:
Andrey Antukh 2026-04-29 17:31:59 +00:00
parent a004219405
commit 404ebcc63e
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/app/main/ui/releases/v2_15.scss
View File

@ -7,7 +7,7 @@
@use "refactor/common-refactor.scss" as deprecated; @use "refactor/common-refactor.scss" as deprecated;
.modal-overlay { .modal-overlay {
@extend .modal-overlay-base; @extend %modal-overlay-base;
} }
.modal-container { .modal-container {
@ -44,6 +44,7 @@
.version-tag { .version-tag {
@include deprecated.flexCenter; @include deprecated.flexCenter;
@include deprecated.headlineSmallTypography; @include deprecated.headlineSmallTypography;
height: deprecated.$s-32; height: deprecated.$s-32;
width: deprecated.$s-96; width: deprecated.$s-96;
background-color: var(--communication-tag-background-color); background-color: var(--communication-tag-background-color);
@ -53,6 +54,7 @@
.modal-title { .modal-title {
@include deprecated.headlineLargeTypography; @include deprecated.headlineLargeTypography;
color: var(--modal-title-foreground-color); color: var(--modal-title-foreground-color);
} }
@ -71,17 +73,20 @@
.feature-title { .feature-title {
@include deprecated.bodyLargeTypography; @include deprecated.bodyLargeTypography;
color: var(--modal-title-foreground-color); color: var(--modal-title-foreground-color);
} }
.feature-content { .feature-content {
@include deprecated.bodyMediumTypography; @include deprecated.bodyMediumTypography;
margin: 0; margin: 0;
color: var(--modal-text-foreground-color); color: var(--modal-text-foreground-color);
} }
.feature-list { .feature-list {
@include deprecated.bodyMediumTypography; @include deprecated.bodyMediumTypography;
color: var(--modal-text-foreground-color); color: var(--modal-text-foreground-color);
list-style: disc; list-style: disc;
display: grid; display: grid;
@ -95,7 +100,8 @@
} }
.next-btn { .next-btn {
@extend .button-primary; @extend %button-primary;
width: deprecated.$s-100; width: deprecated.$s-100;
justify-self: flex-end; justify-self: flex-end;
grid-area: button; grid-area: button;