pulitzer.scss in pulitzer-0.14.0

- old
+ new

@@ -63,10 +63,13 @@
     float: left;
   }
   &.margin-bottom {
     margin-bottom: 1.4em;
   }
+  &.margin-top {
+    margin-top: 1.4em;
+  }
   &.margin-left {
     margin-left: 1.4em;
   }
   &.list-item {
     padding-bottom: 1em;
@@ -183,10 +186,22 @@
     color: #aaa;
   }
   &.empty {
     background-color: #eee;
   }
+  &.five-percent {
+    width: 5%;
+    &.margin {
+      width: 3%;
+      margin-right: 2%;
+    }
+    @media screen and (max-width: 480px) {
+      width: 100%;
+      margin-right: none;
+      margin-left: none;
+    }
+  }
   &.ten-percent {
     width: 10%;
     &.margin {
       width: 8%;
       margin-right: 2%;
@@ -255,12 +270,23 @@
       width: 100%;
       margin-right: none;
       margin-left: none;
     }
   }
+  &.ninety-percent {
+    width: 90%;
+    &.margin{
+      width: 88%;
+      margin-right: 2%;
+    }
+    @media screen and (max-width: 480px) {
+      width: 100%;
+      margin-right: none;
+      margin-left: none;
+    }
+  }
   input[type="submit"] {
-    margin: 0 15% 0 0;
-    width: 85%;
+    margin: 0;
   }
 
   input[type="text"], select {
     margin: 0 15% 0 0;
     width: 85%;