update code and pre style rules
Material Design 3 doesn't specify these components, but it's inspired by what can be found on https://material-web.dev/
This commit is contained in:
parent
087b4b2d58
commit
938041e075
@ -80,18 +80,24 @@ h6 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
code, pre {
|
code, pre {
|
||||||
background-color: #e0e0e0; /* grey300 */
|
background-color: #e0e2ec; /* surface-variant */
|
||||||
|
color: #44474e; /* on-surface-variant */
|
||||||
font-family: "Roboto Mono", monospace;
|
font-family: "Roboto Mono", monospace;
|
||||||
|
font-size: 0.875rem; /* body-medium.size */
|
||||||
|
letter-spacing: 0.015625rem; /* body-medium.tracking */
|
||||||
|
line-height: 1.25rem; /* body-medium.line-height */
|
||||||
}
|
}
|
||||||
|
|
||||||
pre {
|
pre {
|
||||||
|
border-radius: 12px;
|
||||||
|
border: 1px solid #74777f /* outline */;
|
||||||
overflow-x: auto;
|
overflow-x: auto;
|
||||||
border-radius: 5px;
|
padding: 0.875rem;
|
||||||
padding: 10px;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
code {
|
code {
|
||||||
border-radius: 2.5px;
|
border-radius: 8px;
|
||||||
|
padding: 0.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
var {
|
var {
|
||||||
@ -421,7 +427,12 @@ main.normalize {
|
|||||||
}
|
}
|
||||||
|
|
||||||
code, pre {
|
code, pre {
|
||||||
background-color: #424242; /* grey800 */
|
background-color: #44474e; /* surface-variant */
|
||||||
|
color: #c4c6cf; /* on-surface-variant */
|
||||||
|
}
|
||||||
|
|
||||||
|
pre {
|
||||||
|
border-color: #8e9099; /* outline */
|
||||||
}
|
}
|
||||||
|
|
||||||
footer a, footer a:visited {
|
footer a, footer a:visited {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user