add CSS to float multiple counters for #40

dwyl · Jun 15, 2018 · ced7ab9 · ced7ab9
1 parent 4a543ca
commit ced7ab9
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/examples/style.css b/examples/style.css
@@ -2,6 +2,7 @@ body{
   font-family: Courier, "Lucida Console", monospace;
   font-size: 4em;
   text-align: center;
+  background-color: white;
 }
 button {
   font-size: 0.5em; color:white; border:5px solid; border-radius: 0.5em;
@@ -18,6 +19,23 @@ button {
   background-color: #f39c12; border-color: #e67e22;
 }
 
+#qunit {
+  padding-top: 0.5em;
+  width: 100%;
+  clear: both;
+}
+
 #qunit-header { /* just cause the default style makes the header HUGE!! */
   font-size: 0.4em !important;
 }
+
+/* specific to multiple counters */
+section {
+  background-color: white;
+  float: left;
+  padding-right: 1%;
+  width: 32%;
+}
+section button {
+  width: 100%;
+}