Style fixes, increases mobile <p> size
This commit is contained in:
parent
8c58a5a697
commit
f1c30a39d3
@ -439,6 +439,10 @@ main {
|
||||
}
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1.05rem;
|
||||
}
|
||||
|
||||
section {
|
||||
width: 100%;
|
||||
|
||||
@ -842,10 +846,14 @@ body#default
|
||||
|
||||
> footer {
|
||||
background: var(--bg);
|
||||
color: var(--black);
|
||||
color: var(--text);
|
||||
|
||||
big {
|
||||
color: var(--black);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--hover);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -1050,8 +1058,8 @@ body#honeycomb
|
||||
}
|
||||
|
||||
aside {
|
||||
position: relative;
|
||||
margin-bottom: 8dvh;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
hgroup > h1::before,
|
||||
@ -1104,7 +1112,7 @@ body#honeycomb
|
||||
gap: 1.5rem;
|
||||
grid-column: 2 / 4;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
width: var(--column-width);
|
||||
width: calc(100% - 1.5rem);
|
||||
}
|
||||
|
||||
#square {
|
||||
@ -1472,6 +1480,13 @@ body#values {
|
||||
}
|
||||
}
|
||||
|
||||
/* article adjustments */
|
||||
main > article {
|
||||
p {
|
||||
font-size: 1rem;
|
||||
}
|
||||
}
|
||||
|
||||
/* table of contents is now on the left of the article */
|
||||
nav {
|
||||
margin-left: 0;
|
||||
@ -1668,6 +1683,7 @@ body#values {
|
||||
#shapes {
|
||||
gap: 4rem;
|
||||
grid-template-columns: 1fr 1fr 1fr 1fr;
|
||||
width: var(--column-width);
|
||||
|
||||
#triangle {
|
||||
display: block;
|
||||
|
||||
Loading…
Reference in New Issue
Block a user