mirror of
https://github.com/GraphiteEditor/Graphite.git
synced 2026-10-04 12:28:12 +08:00
Revamp the website
This commit is contained in:
+16
-25
@@ -1,30 +1,21 @@
|
||||
.code-contributions,
|
||||
.creative-contributions {
|
||||
gap: 0 calc(80* var(--variable-px));
|
||||
}
|
||||
.diptych {
|
||||
gap: 0 calc(80 * var(--variable-px));
|
||||
|
||||
.code-contributions .info-box {
|
||||
background-color: var(--color-seaside);
|
||||
.feature-box-narrow {
|
||||
margin-top: calc(40 * var(--variable-px));
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
.feature-box-narrow {
|
||||
.code-contributions & {
|
||||
background-color: var(--color-seaside);
|
||||
}
|
||||
|
||||
.creative-contributions & {
|
||||
background-color: var(--color-lemon);
|
||||
}
|
||||
|
||||
.user-contributions & {
|
||||
background-color: var(--color-lilac);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user