fix dynamic sizing of touches
authorFrédéric Péters <fpeters@0d.be>
Tue, 21 Feb 2017 09:47:00 +0000 (10:47 +0100)
committerFrédéric Péters <fpeters@0d.be>
Tue, 21 Feb 2017 09:47:00 +0000 (10:47 +0100)
nanofun.css

index e819244..785d614 100644 (file)
@@ -1,4 +1,6 @@
-body {
+html, body {
+  padding: 0;
+  margin: 0;
   font-family: sans-serif;
   font-size: 16px;
 }
@@ -9,10 +11,11 @@ body {
 
 div.nanotouch {
   border: 1px dashed #333;
+  box-sizing: border-box;
   padding: 1.5rem;
   position: relative;
-  width: 7vw;
-  height: 7vw;
+  width: 10vw;
+  height: 10vw;
   margin: 1vw;
   display: inline-block;
   overflow: hidden;