Rename --content-width to --container-width
This commit is contained in:
@ -10,7 +10,7 @@
|
||||
column-width: 25ex;
|
||||
margin: 0 auto 1rem;
|
||||
padding: 0;
|
||||
max-width: min(var(--content-width) + 10rem, 90%);
|
||||
max-width: min(var(--container-width) + 10rem, 90%);
|
||||
|
||||
li {
|
||||
display: block;
|
||||
@ -84,7 +84,7 @@
|
||||
p {
|
||||
margin: auto;
|
||||
padding: 0.5rem;
|
||||
max-width: min(var(--content-width) + 10rem, 90%);
|
||||
max-width: min(var(--container-width) + 10rem, 90%);
|
||||
}
|
||||
|
||||
details {
|
||||
|
@ -63,7 +63,7 @@ body {
|
||||
.container {
|
||||
margin-right: auto;
|
||||
margin-left: auto;
|
||||
width: min(var(--content-width), 90%);
|
||||
width: min(var(--container-width), 90%);
|
||||
}
|
||||
|
||||
h1,
|
||||
|
@ -8,7 +8,7 @@
|
||||
box-shadow: var(--edge-highlight), 0px 12px 24px -16px rgba(0, 0, 0, 0.5);
|
||||
border-radius: 26px;
|
||||
background-color: var(--nav-bg);
|
||||
max-width: min(calc(var(--content-width) + 10rem), 90%);
|
||||
max-width: min(calc(var(--container-width) + 10rem), 90%);
|
||||
|
||||
nav {
|
||||
display: flex;
|
||||
|
@ -24,7 +24,7 @@
|
||||
--bg-color-d: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.9)), var(--primary-color);
|
||||
--bg-color-l: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), var(--primary-color);
|
||||
--blur: saturate(180%) blur(10px);
|
||||
--content-width: 720px;
|
||||
--container-width: 720px;
|
||||
--edge-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.1);
|
||||
--font-monospace: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;
|
||||
--font-serif: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif", "Sitka Small", serif;
|
||||
|
Reference in New Issue
Block a user