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

Reduce website static content file size by a lot

Browse Source
This commit is contained in:
Keavon Chambers
2023-08-23 15:36:55 -07:00
parent 2d99d4bee1
commit 89b269cf55
12 changed files with 49 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
website/sass/about.scss
+5 -6
View File
@@ -40,12 +40,11 @@
cursor: default;
}
p:first-child {
width: 100%;
text-align: center;
.section {
align-items: center;
}
img {
max-width: Min(100%, 480px);
}
img {
max-width: Min(100%, 480px);
}
}
website/sass/base.scss
+7 -2
View File
@@ -392,6 +392,7 @@ summary {
padding-top: calc(100% / (16 / 9));
}
img,
iframe {
position: absolute;
width: 100%;
@@ -399,6 +400,10 @@ summary {
top: 0;
left: 0;
}
img {
cursor: pointer;
}
}
.video-background {
@@ -585,7 +590,7 @@ summary {
&.left {
padding-left: 80px;
margin-left: -80px;
-webkit-mask-image: url("https://static.graphite.rs/textures/torn-edge-left.png");
-webkit-mask-image: url("https://static.graphite.rs/textures/torn-edge-left.png"); // TODO: Switch PNG to AVIF when Edge support has rolled out
mask-image: url("https://static.graphite.rs/textures/torn-edge-left.png");
-webkit-mask-position: top left;
mask-position: top left;
@@ -594,7 +599,7 @@ summary {
&.right {
padding-right: 120px;
margin-right: -120px;
-webkit-mask-image: url("https://static.graphite.rs/textures/torn-edge-right.png");
-webkit-mask-image: url("https://static.graphite.rs/textures/torn-edge-right.png"); // TODO: Switch PNG to AVIF when Edge support has rolled out
mask-image: url("https://static.graphite.rs/textures/torn-edge-right.png");
-webkit-mask-position: top right;
mask-position: top right;