A calm place to write long-form, and publish it to the open social web.
skypress.blog/
1/**
2 * Sign-in form (`LoginForm`) styles.
3 *
4 * The login form is rendered inside `client:only` React islands (the Studio and
5 * the Dashboard), so Astro's component-scoped styles never reach its DOM — these
6 * rules must be global. Shared by both the editor page (`src/pages/editor.astro`,
7 * via `editor-chrome.css`) and the dashboard page (`src/pages/dashboard.astro`)
8 * so the form looks identical wherever a signed-out visitor lands.
9 */
10
11.login__error {
12 color: var(--ember);
13 font-size: 0.9rem;
14}
15.login__title {
16 font-size: 1.6rem;
17 margin: 0 0 0.5rem;
18}
19.login__lede {
20 color: var(--muted);
21 margin: 0 0 1.5rem;
22}
23.login__label {
24 display: block;
25 font-size: 0.85rem;
26 font-weight: 600;
27 margin-bottom: 0.35rem;
28}
29.login__input {
30 width: 100%;
31 box-sizing: border-box;
32 padding: 0.6rem 0.7rem;
33 border: 1px solid var(--line-strong);
34 border-radius: 8px;
35 font: inherit;
36 margin-bottom: 0.85rem;
37}
38.login__submit {
39 width: 100%;
40 padding: 0.65rem 1rem;
41 border: 0;
42 border-radius: 8px;
43 background: var(--sun);
44 color: #fff;
45 font: inherit;
46 font-weight: 600;
47 cursor: pointer;
48}
49.login__note {
50 color: var(--muted);
51 font-size: 0.8rem;
52 margin-top: 1rem;
53}