mirror of
https://github.com/johndoe6345789/metabuilder.git
synced 2026-04-24 13:54:57 +00:00
64 lines
1.2 KiB
SCSS
64 lines
1.2 KiB
SCSS
// Base HTML element styles - Material Design 3
|
|
|
|
a {
|
|
color: var(--mat-sys-primary);
|
|
text-decoration: none;
|
|
transition: color var(--mat-sys-motion-duration-short4) var(--mat-sys-motion-easing-standard);
|
|
|
|
&:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
&:focus-visible {
|
|
outline: 2px solid var(--mat-sys-primary);
|
|
outline-offset: 2px;
|
|
border-radius: var(--mat-sys-corner-extra-small);
|
|
}
|
|
}
|
|
|
|
button {
|
|
font-family: inherit;
|
|
}
|
|
|
|
code, pre {
|
|
font-family: var(--font-mono);
|
|
font-feature-settings: "tnum" on, "lnum" on;
|
|
background-color: var(--mat-sys-surface-container);
|
|
border-radius: var(--mat-sys-corner-extra-small);
|
|
}
|
|
|
|
code {
|
|
padding: 2px 6px;
|
|
font-size: var(--mat-sys-body-small-size);
|
|
}
|
|
|
|
pre {
|
|
padding: 16px;
|
|
overflow-x: auto;
|
|
|
|
code {
|
|
padding: 0;
|
|
background: none;
|
|
}
|
|
}
|
|
|
|
hr {
|
|
border: none;
|
|
border-top: 1px solid var(--mat-sys-outline-variant);
|
|
margin: 16px 0;
|
|
}
|
|
|
|
blockquote {
|
|
border-left: 4px solid var(--mat-sys-outline-variant);
|
|
padding-left: 16px;
|
|
margin-left: 0;
|
|
color: var(--mat-sys-on-surface-variant);
|
|
}
|
|
|
|
mark {
|
|
background-color: color-mix(in srgb, var(--mat-sys-tertiary) 30%, transparent);
|
|
color: var(--mat-sys-on-surface);
|
|
padding: 2px 4px;
|
|
border-radius: var(--mat-sys-corner-extra-small);
|
|
}
|