mirror of
https://github.com/GraphiteEditor/Graphite.git
synced 2026-09-15 14:18:04 +08:00
e39539fa08
- Reduces the default width from 1600px to 1200px of the web page and reduce the size of various elements and text. This fixes the problem that I designed the website assuming everyone is viewing from the same 2560px wide screen as I used to design it, which is a bad assumption. Most websites are around the 1200px mark. - Removes the use of the EB Garamond font, replacing more headers with a bold Inter instead, leaving only Bona Nova for h1 headers at the tops of pages (except the home page, which might have further revamp soon). - Adds nice flavor graphics to a redesigned volunteer page. - Cleans up and organizes the Zola templating code and CSS style sheets. - Improves image carousel to fade out images when dragged past the start or end.
52 lines
825 B
SCSS
52 lines
825 B
SCSS
@import url('https://fonts.googleapis.com/css2?family=Noto+Color+Emoji&display=swap');
|
|
|
|
.loading-data:empty::after {
|
|
content: "(loading...)";
|
|
font-style: italic;
|
|
opacity: 0;
|
|
animation: fadeInAfterWait 2s ease-in 2s forwards;
|
|
|
|
@keyframes fadeInAfterWait {
|
|
0% { opacity: 0; }
|
|
100% { opacity: 1; }
|
|
}
|
|
}
|
|
|
|
#core-team {
|
|
background-color: var(--color-parchment);
|
|
background-blend-mode: color-burn;
|
|
|
|
h2 {
|
|
font-weight: 700;
|
|
text-align: center;
|
|
width: 100%;
|
|
}
|
|
|
|
h2 + p {
|
|
text-align: center;
|
|
width: 100%;
|
|
margin-top: 4px;
|
|
opacity: 0.75;
|
|
}
|
|
|
|
h2 + p + p {
|
|
text-align: center;
|
|
}
|
|
|
|
.flag {
|
|
font-family: "Noto Color Emoji", sans-serif;
|
|
vertical-align: middle;
|
|
font-size: 1.5em;
|
|
margin-left: 0.25em;
|
|
cursor: default;
|
|
}
|
|
|
|
.block {
|
|
align-items: center;
|
|
}
|
|
|
|
img {
|
|
max-width: Min(100%, 480px);
|
|
}
|
|
}
|