refactor: govern CSS tokens and cascade
This commit is contained in:
@@ -3,52 +3,6 @@
|
||||
* Values and composition are transferred from the approved prototypes in
|
||||
* ../界面优化. Keep later page migrations in this file until stage 19 cleanup.
|
||||
*/
|
||||
:root {
|
||||
--r2-blue: #2563eb;
|
||||
--r2-blue-dark: #1d4ed8;
|
||||
--r2-blue-soft: #eff4ff;
|
||||
--r2-blue-line: #c7d8fb;
|
||||
--r2-up: #e04536;
|
||||
--r2-up-soft: #fdecea;
|
||||
--r2-down: #16a34a;
|
||||
--r2-down-soft: #e9f7ee;
|
||||
--r2-amber: #b45309;
|
||||
--r2-amber-soft: #fdf3e3;
|
||||
--r2-ink: #1f2937;
|
||||
--r2-sub: #6b7280;
|
||||
--r2-faint: #9ca3af;
|
||||
--r2-line: #e5e7eb;
|
||||
--r2-line-soft: #eef0f3;
|
||||
--r2-bg: #f4f5f7;
|
||||
--r2-card: #fff;
|
||||
--r2-radius: 10px;
|
||||
--r2-shadow: 0 1px 2px rgba(16, 24, 40, .05);
|
||||
/* Dragon profile component tokens. */
|
||||
--dragon-profile-list-width: 340px;
|
||||
--dragon-profile-detail-min-height: 460px;
|
||||
--dragon-profile-list-max-height: 320px;
|
||||
--dragon-profile-row-min-height: 64px;
|
||||
--dragon-profile-row-avatar-size: 36px;
|
||||
--dragon-profile-avatar-size: 72px;
|
||||
--dragon-profile-control-height: 33px;
|
||||
--dragon-profile-gap: 12px;
|
||||
--dragon-profile-panel-padding: 16px;
|
||||
--dragon-profile-row-padding: 10px 12px;
|
||||
--dragon-profile-title-font: 18px;
|
||||
--dragon-profile-name-font: 13px;
|
||||
--dragon-profile-body-font: 12px;
|
||||
--dragon-profile-meta-font: 11px;
|
||||
--dragon-profile-transition: 160ms ease;
|
||||
--dragon-profile-border-width: 1px;
|
||||
--dragon-profile-focus-width: 2px;
|
||||
--dragon-profile-focus-offset: -2px;
|
||||
--dragon-profile-radius-inset: 2px;
|
||||
--dragon-profile-body-line-height: 1.75;
|
||||
--dragon-profile-icon-stroke: 1;
|
||||
--dragon-profile-weight-strong: 750;
|
||||
--dragon-profile-weight-semibold: 600;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
min-height: 100%;
|
||||
|
||||
Reference in New Issue
Block a user