working on stuff

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" >}}
 

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%;

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;

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;
 }