mirrors/Graphite
1
0
Fork 0
mirror of https://github.com/GraphiteEditor/Graphite.git synced 2025-07-07 15:55:00 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

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:17:04 -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

43
website/content/_index.md
View file

File diff suppressed because one or more lines are too long

45
website/sass/index.scss
View file

@ -106,50 +106,7 @@
}
// ▙ QUICK LINKS ▟
// ▛ HEXAGONS ▜
.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 ▜