hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Rename --content-width to --container-width

Browse Source
This commit is contained in:
David Lapshin
2024-05-06 00:43:10 +03:00
parent 86cc9a7ff3
commit dea2adb63d
4 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
sass/_footer.scss
View File

@ -10,7 +10,7 @@
column-width: 25ex; column-width: 25ex;
margin: 0 auto 1rem; margin: 0 auto 1rem;
padding: 0; padding: 0;
max-width: min(var(--content-width) + 10rem, 90%); max-width: min(var(--container-width) + 10rem, 90%);
li { li {
display: block; display: block;
@ -84,7 +84,7 @@
p { p {
margin: auto; margin: auto;
padding: 0.5rem; padding: 0.5rem;
max-width: min(var(--content-width) + 10rem, 90%); max-width: min(var(--container-width) + 10rem, 90%);
} }
details { details {

2
sass/_main.scss
View File

@ -63,7 +63,7 @@ body {
.container { .container {
margin-right: auto; margin-right: auto;
margin-left: auto; margin-left: auto;
width: min(var(--content-width), 90%); width: min(var(--container-width), 90%);
} }
h1, h1,

2
sass/_nav.scss
View File

@ -8,7 +8,7 @@
box-shadow: var(--edge-highlight), 0px 12px 24px -16px rgba(0, 0, 0, 0.5); box-shadow: var(--edge-highlight), 0px 12px 24px -16px rgba(0, 0, 0, 0.5);
border-radius: 26px; border-radius: 26px;
background-color: var(--nav-bg); background-color: var(--nav-bg);
max-width: min(calc(var(--content-width) + 10rem), 90%); max-width: min(calc(var(--container-width) + 10rem), 90%);
nav { nav {
display: flex; display: flex;

2
sass/_variables.scss
View File

@ -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-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); --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); --blur: saturate(180%) blur(10px);
--content-width: 720px; --container-width: 720px;
--edge-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.1); --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-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; --font-serif: Rockwell, "Rockwell Nova", "Roboto Slab", "DejaVu Serif", "Sitka Small", serif;