Style multiple columns for picturetags.ik

flaviusb · Mar 24, 2012 · dcc1b29 · dcc1b29
1 parent 8423690
commit dcc1b29
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/picturetags.ik b/picturetags.ik
@@ -1,8 +1,8 @@
 ''(
-  (section(class: "fl")
+  (section(class: "fl quarter")
     (h1 "PictureTags")
     (p  "A new kind of gallery program for android devices, modelled around tags rather than albums or folders."))
-  (section(class: "fl")
+  (section(class: "fl smaller third")
     (h2 "Features")
     (ul
       (li "Tag tags as well as pictures")
@@ -14,7 +14,7 @@
       (li "Fullscreen tag browsing: see the subtags, supertags and neighbour tags of a tag all at the same time")
       (li "Single tap an image to see its name in an overlay; tap again to turn this off")
       (li "Search for tags both in app and in the Android integrated platform search")))
-  (section(class: "fl")
+  (section(class: "fl smaller third")
     (h2 "Future Development")
     (p "We are working on a number of new features for the next releases.")
     (ul

diff --git a/skin.ik b/skin.ik
@@ -136,4 +136,13 @@ section h3 {
   "font-size" => "150%",
   "margin-bottom" => "0.6em"  
 }
+$smaller {
+  "font-size" => "80%"
+}
+$third {
+  "max-width" => "33%"
+}
+$quarter {
+  "max-width" => "25%"
+}
 )