Graphite/website/sass/volunteer.scss

31 lines
660 B
SCSS

.code-contributions,
.creative-contributions {
gap: 0 calc(80* var(--variable-px));
}
.code-contributions .info-box {
background-color: var(--color-seaside);
}
.creative-contributions .info-box {
background-color: var(--color-lemon);
}
.user-contributions .info-box {
background-color: var(--color-lilac);
}
.info-box {
margin-top: calc(40 * var(--variable-px));
> img:first-child,
> a:first-child > img:only-child {
width: calc(100% + 2 * 80 * var(--variable-px));
height: auto;
margin-left: calc(-80 * var(--variable-px));
margin-top: calc(-80 * var(--variable-px));
margin-bottom: calc(40 * var(--variable-px));
display: block;
}
}