d2b4ff2018
Скилл переносится из ~/.claude/skills/aura-design в репозиторий обвязки: SKILL.md, справочники reference/ и набор kit/ (токены, base.css, компоненты React, оболочка AppShell, тест токенов, test-setup, примеры входа). install.sh ставит его в ~/.claude/skills/aura-design, --check его видит. tests/test-aura-design.sh проверяет структуру и инварианты набора. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
19 lines
1.6 KiB
CSS
19 lines
1.6 KiB
CSS
/* Основа AURA: шрифт, фон, фокус, контейнер страницы. Подключается после tokens.css. */
|
||
html,body{min-height:100%}
|
||
body{font:var(--fs-body)/var(--lh-body) var(--font-ui);background:var(--color-bg-canvas);color:var(--color-text-primary);margin:0;-webkit-font-smoothing:antialiased}
|
||
h1{font-size:var(--fs-section);line-height:var(--lh-section);font-weight:700;margin:0}
|
||
h2,h3{font-size:var(--fs-lg);line-height:var(--lh-lg);font-weight:700;margin:0}
|
||
code,kbd,.mono{font-family:var(--font-mono)}
|
||
a{color:var(--color-action-primary)}
|
||
a:hover{color:var(--color-action-primary-hover)}
|
||
[hidden]{display:none!important}
|
||
/* страница — контейнер: раскладка страниц зависит от её ширины, а не окна (рядом боковая панель).
|
||
Внутри страниц пороги пишутся как @container page (max-width: …), а не @media. */
|
||
.page{padding-inline:var(--space-6);padding-block:var(--space-6) var(--space-8);max-width:1440px;margin-inline:auto;container:page/inline-size}
|
||
.page--wide{max-width:none}
|
||
@media (max-width:639px){.page{padding-inline:var(--space-4);padding-block-start:var(--space-4)}}
|
||
:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}
|
||
@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}
|
||
/* текст только для экранного чтения */
|
||
.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
|