fork/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2026-10-04 19:38:12 +08:00
Code Issues Packages Projects Releases Wiki Activity

Remove the hexagon shape from the above-the-fold part of the website homepage

Browse Source
This commit is contained in:
Keavon Chambers
2024-12-30 20:26:05 -08:00
parent ce0cd39c9b
commit 740fcb73cc
2 changed files with 25 additions and 63 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/content/_index.md
+24 -19
View File
File diff suppressed because one or more lines are too long
website/sass/index.scss
+1 -44
View File
@@ -106,50 +106,7 @@
} }
// ▙ QUICK LINKS ▟ // ▙ QUICK LINKS ▟
// ▛ HEXAGONS ▜ // ▛ SCREENSHOTS ▜
.hexagons {
max-width: var(--max-width);
margin: auto;
position: relative;
bottom: calc(-80 * var(--variable-px));
div {
position: absolute;
top: 0;
right: 10%;
svg {
position: absolute;
margin: auto;
top: 0;
right: 0;
bottom: 0;
left: 0;
transform: translate(-50%) rotate(347deg);
opacity: 0.25;
--hexagon-max-size: 1100;
--mexagon-min-size: 900;
--hexagon-shrink-start-viewport-width: 1640;
width: Max(
Min(
calc(var(--hexagon-max-size) * 1px),
calc(var(--hexagon-max-size) / var(--hexagon-shrink-start-viewport-width) * 100vw)
),
calc(var(--mexagon-min-size) * 1px)
);
height: auto;
polygon {
fill: none;
stroke: #aaa;
stroke-width: 1px;
}
}
}
}
// ▙ HEXAGONS ▟
// ▙ SCREENSHOTS ▟
// ▙ SCREENSHOTS ▟ // ▙ SCREENSHOTS ▟
// ▛ OVERVIEW ▜ // ▛ OVERVIEW ▜