Switch from Less variables to CSS variables for design tokens

Đang mở

#629 mở ngày 9/4/2021 0 bình luận 0 reaction 0 người được giao Xem trên GitHub

Chưa có ai nhận issue này.

Đánh giá

Độ khó: 5/5
Thời gian dự kiến: Hơn một tuần
Mức phù hợp với người mới: 25/100

Loại issue: Tái cấu trúc
Độ rõ ràng: Khá rõ ràng
Mức độ hoạt động: Đình trệ
Công nghệ: css
Lĩnh vực: design, frontend

Hướng nghiên cứu

Bắt đầu bằng cách xác định các Less variables hiện có và các CSS variables đã được sử dụng cho màu sắc. Xem xét cách spacing, sizing và các design tokens khác được sử dụng trước khi quyết định phạm vi chuyển đổi; công việc được coi là hoàn tất khi các tokens đó sử dụng CSS variables và có thể hỗ trợ các spacing-density themes được đề xuất.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Mô tả

enhancement

Since we've converted colors to CSS variables, our other design tokens, spacing, sizing, etc, can be converted to CSS variables. This will allow Stacks to more easily ship various spacing density themes, and could shift more to the client like font sizes, etc.

Ngôn ngữ chính: TypeScript
Star: 672
Fork: 107
Merge trung bình: 2 ngày 21 giờ
Pull request đã merge (30 ngày): 31

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Bắt đầu từ đâu

Đọc hết issue, rồi đọc hướng dẫn đóng góp của dự án.
Bình luận trên issue rằng bạn sẽ nhận — tránh hai người làm cùng một việc.
Fork repository và làm thay đổi trên một nhánh.
Mở pull request có tham chiếu số hiệu của issue.

Issue khác của StackExchange/Stacks

Icon-only tooltip-generating elements need screenreader text Đang mở

accessibility

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 50/100

StackExchange/Stacks#841 · Mở ngày 26/1/2022
Add copy to clipboard button to code blocks Đang mở

enhancement

Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 35/100

StackExchange/Stacks#829 · 2 bình luận · 2 reaction · Mở ngày 13/1/2022
Ensure conditional hover/focus classes override conditional dark mode classes Đang mở

bug dark-mode

Độ khó 3/5 1-2 ngày Mức phù hợp với người mới 45/100

StackExchange/Stacks#815 · Mở ngày 22/12/2021
Improve wrapping of `.s-progress--label` Đang mở

bug

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 45/100

StackExchange/Stacks#809 · 3 bình luận · Mở ngày 16/12/2021
Improve alignment of text within `s-activity-indicator` Đang mở

bug

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 45/100

StackExchange/Stacks#802 · Mở ngày 8/12/2021

Tất cả issue của StackExchange/Stacks

Issue tương tự

Tapping "Use video" more than once submits the verification twice Đang mở

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 84/100

bcgov/bc-wallet-mobile#4761 · 1 bình luận · Mở ngày 24/9/2026
fix(pg-meta): schemas.update and schemas.remove DO blocks fail when a name contains "$$" Đang mở

external-issue to-triage

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 88/100

supabase/supabase#50882 · Mở ngày 24/9/2026
Azure Sandboxes: Small and ExtraSmall tiers always fail to deploy (disk request exceeds tier maximum) Đang mở

area-deployment area-integrations triage:bot-seen

Độ khó 2/5 Nửa ngày Mức phù hợp với người mới 86/100

microsoft/aspire#20459 · 1 bình luận · Mở ngày 24/9/2026
Mobile builds drop the telemetry and crash-reporting keys, so opting in sends nothing Đang mở

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 82/100

0xMiden/wallet#1118 · Mở ngày 24/9/2026
[P3] Handle clipboard failures and announce copy status accessibly Đang mở

refactor

Độ khó 2/5 1-3 giờ Mức phù hợp với người mới 84/100

nteract/semiotic#1534 · Mở ngày 24/9/2026

Thêm issue về TypeScript