42 lines
824 B
CSS
42 lines
824 B
CSS
:root {
|
|
--thumb-width: 200px;
|
|
--thumbs-row: 4;
|
|
|
|
--desc-width: 50rem;
|
|
--font: Open Sans, Helvetica Neue, Helvetica, sans-serif;
|
|
--col-body-text: rgba(10, 50, 10, 1.0);
|
|
--col-set-title: rgba(15, 110, 10, 1.0);
|
|
--col-set-desc: rgba(10, 50, 10, 1.0);
|
|
}
|
|
|
|
body {
|
|
color: var(--col-body-text);
|
|
font-family: var(--font);
|
|
font-size: 1rem;
|
|
}
|
|
|
|
.set {
|
|
margin: 3rem auto 6rem;
|
|
text-align: center;
|
|
}
|
|
|
|
.set .title {
|
|
color: var(--col-set-title);
|
|
font-size: 2rem;
|
|
font-weight: bold;
|
|
margin: 1rem auto;
|
|
max-width: var(--desc-width);
|
|
}
|
|
.set .desc {
|
|
color: var(--col-set-desc);
|
|
margin: 1rem auto 3rem;
|
|
max-width: var(--desc-width);
|
|
}
|
|
|
|
.thumbs {
|
|
/* Set font size to hide newline spaces between thumbnails. */
|
|
font-size: 0;
|
|
margin: 0 auto;
|
|
max-width: calc(var(--thumb-width) * var(--thumbs-row));
|
|
}
|