Template:Main Page/header/styles.css: Difference between revisions
More actions
No edit summary Tag: Reverted |
No edit summary Tag: Reverted |
||
| Line 4: | Line 4: | ||
margin-bottom: 2rem; | margin-bottom: 2rem; | ||
padding-top: 1rem; | padding-top: 1rem; | ||
line-height: var( --line-height-sm ); | line-height: var(--line-height-sm); | ||
} | } | ||
| Line 20: | Line 20: | ||
display: flex; | display: flex; | ||
flex-direction: row; | flex-direction: row; | ||
margin-top: var( --space-xs ); | margin-top: var(--space-xs); | ||
margin-left: auto; | margin-left: auto; | ||
font-size: 0.875rem; | font-size: 0.875rem; | ||
font-weight: 500; | font-weight: 500; | ||
gap: var(--space-xs); | |||
text-align: center; | text-align: center; | ||
} | } | ||
| Line 34: | Line 34: | ||
.header-link__button a { | .header-link__button a { | ||
flex-grow: 1; | flex-grow: 1; | ||
padding: var( --space-xs ); | padding: var(--space-xs); | ||
border: 1px solid var( --border-color-base ); | border: 1px solid var(--border-color-base); | ||
background: var( --color-surface-2 ); | background: var(--color-surface-2); | ||
border-radius: var( --border-radius--medium ); | border-radius: var(--border-radius--medium); | ||
color: var( --color-base--emphasized ) !important; | color: var(--color-base--emphasized) !important; | ||
line-height: var( --line-height-xs ); | line-height: var(--line-height-xs); | ||
text-decoration: none !important; | text-decoration: none !important; | ||
} | } | ||
.header-link__button a:hover { | .header-link__button a:hover { | ||
background: var( --color-surface-2--hover ); | background: var(--color-surface-2--hover); | ||
} | } | ||
.header-link__button a:active { | .header-link__button a:active { | ||
background: var( --color-surface-2--active ); | background: var(--color-surface-2--active); | ||
} | } | ||
Revision as of 22:38, 4 February 2026
.home-header { position: relative; margin-top: -1rem; margin-bottom: 2rem; padding-top: 1rem; line-height: var(--line-height-sm); }
.home-header__title { margin: 0; font-size: 3rem; line-height: 1; }
.home-header__title-container { display: flex; }
.header-link { display: flex; flex-direction: row; margin-top: var(--space-xs); margin-left: auto; font-size: 0.875rem; font-weight: 500; gap: var(--space-xs); text-align: center; }
.header-link__button { display: flex; }
.header-link__button a { flex-grow: 1; padding: var(--space-xs); border: 1px solid var(--border-color-base); background: var(--color-surface-2); border-radius: var(--border-radius--medium); color: var(--color-base--emphasized) !important; line-height: var(--line-height-xs); text-decoration: none !important; }
.header-link__button a:hover { background: var(--color-surface-2--hover); }
.header-link__button a:active { background: var(--color-surface-2--active); }