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