From 25ff362c3c8230de67c7a406d75ccb7d005678a1 Mon Sep 17 00:00:00 2001 From: Ingolf Wagner Date: Sun, 5 Sep 2021 20:00:18 +0200 Subject: [PATCH] working on stuff --- content/art/graffiti-wallpapers/index.md | 3 ++- src/lessc/page/custom-iphone.less | 8 ++++++-- .../{main-listing.less => main-hack-flex-listing.less} | 1 + src/lessc/page/main.less | 8 ++------ 4 files changed, 11 insertions(+), 9 deletions(-) rename src/lessc/page/{main-listing.less => main-hack-flex-listing.less} (94%) diff --git a/content/art/graffiti-wallpapers/index.md b/content/art/graffiti-wallpapers/index.md index 16bdd0b..70ce380 100644 --- a/content/art/graffiti-wallpapers/index.md +++ b/content/art/graffiti-wallpapers/index.md @@ -8,7 +8,8 @@ and made a lot of photos. Some of which happen to be quite nice for smartphone wallpapers. Feel free to download (just click on the preview) -the ones you like. +the ones you like, the downloaded version is +of much higher quality. {{< wallpaper-gallery class="iphone-overlay" >}} diff --git a/src/lessc/page/custom-iphone.less b/src/lessc/page/custom-iphone.less index 98bdce8..afb4dd4 100644 --- a/src/lessc/page/custom-iphone.less +++ b/src/lessc/page/custom-iphone.less @@ -3,6 +3,8 @@ &.box-size-third { .flexitem { position: relative; + margin-top: 1%; + margin-bottom: 1%; @media @desktop{ margin: 1%; } @@ -12,6 +14,8 @@ &.box-size-half { .flexitem { position: relative; + margin-top: 1%; + margin-bottom: 1%; @media @desktop{ margin: 1%; } @@ -40,7 +44,7 @@ @media @desktop{ font-size: 0.8rem; } - font-size: 8vw; + font-size: 1.5rem; position: absolute; top: 25%; left: 50%; @@ -52,7 +56,7 @@ @media @desktop{ font-size: 3rem; } - font-size: 20vw; + font-size: 7rem; position: absolute; top: 18%; diff --git a/src/lessc/page/main-listing.less b/src/lessc/page/main-hack-flex-listing.less similarity index 94% rename from src/lessc/page/main-listing.less rename to src/lessc/page/main-hack-flex-listing.less index e8cfe30..cb95c14 100644 --- a/src/lessc/page/main-listing.less +++ b/src/lessc/page/main-hack-flex-listing.less @@ -2,6 +2,7 @@ a.flexitem { margin-bottom: 10px; color: @color-body-font; + border-bottom: 0; &:hover { background-color: @color-body-background-highlight; diff --git a/src/lessc/page/main.less b/src/lessc/page/main.less index e879eb5..8ca31dd 100644 --- a/src/lessc/page/main.less +++ b/src/lessc/page/main.less @@ -5,15 +5,11 @@ @import "main-navigation.less"; @import "main-hack.less"; @import "main-toc.less"; -@import "main-listing.less"; +@import "main-hack-flex-listing.less"; @import "chroma-highlighting-syntax.less"; @import "custom-iphone.less"; -//* { -// text-rendering: geometricPrecision; -//} - html { -webkit-text-size-adjust: 100%; font-family: @font-normal; @@ -23,7 +19,7 @@ html { @media @desktop{ font-size: 16px; } - font-size: 13px; + font-size: 14px; background-color: @color-body-background; color: @color-body-font; }