💄 style: set style for figure & figure captions
This commit is contained in:
parent
2c4b64481c
commit
1496f0cf73
@ -56,6 +56,7 @@
|
|||||||
--secondary-color: rgb(158, 158, 158);
|
--secondary-color: rgb(158, 158, 158);
|
||||||
--links: #78cfcb;
|
--links: #78cfcb;
|
||||||
--text-color: #222226;
|
--text-color: #222226;
|
||||||
|
--text-color-2: #45454b;
|
||||||
--quote-color: #355f62;
|
--quote-color: #355f62;
|
||||||
--border-color: rgb(114, 114, 114);
|
--border-color: rgb(114, 114, 114);
|
||||||
--light-border-color: rgba(255, 255, 255, 0.1);
|
--light-border-color: rgba(255, 255, 255, 0.1);
|
||||||
@ -73,6 +74,7 @@
|
|||||||
--secondary-color: #696969;
|
--secondary-color: #696969;
|
||||||
--links: #8fdfe5;
|
--links: #8fdfe5;
|
||||||
--text-color: #eae9e9;
|
--text-color: #eae9e9;
|
||||||
|
--text-color-2: #c7c7c7;
|
||||||
--quote-color: #a9c5c7;
|
--quote-color: #a9c5c7;
|
||||||
--code: #ef476f;
|
--code: #ef476f;
|
||||||
--border-color: rgb(0, 0, 0);
|
--border-color: rgb(0, 0, 0);
|
||||||
|
@ -6,6 +6,13 @@ figure {
|
|||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
figcaption {
|
||||||
|
font-family: var(--serif-font);
|
||||||
|
font-size: 0.72rem;
|
||||||
|
color: var(--text-color-2);
|
||||||
|
text-align: center;
|
||||||
|
}
|
||||||
|
|
||||||
figure img {
|
figure img {
|
||||||
max-height: 500px;
|
max-height: 500px;
|
||||||
}
|
}
|
||||||
@ -17,12 +24,6 @@ img {
|
|||||||
height: auto;
|
height: auto;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (min-width: 600px) {
|
|
||||||
figure {
|
|
||||||
padding: 0 40px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
figure h4 {
|
figure h4 {
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
margin: 0;
|
margin: 0;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user