Add pagination sizes, Fix variables docs

docs/sass/example.sass

@@ -3,7 +3,7 @@
   border: 1px solid $warning
   border-top-right-radius: $radius
   color: $warning-invert
-  padding: 1.25rem 1.5rem
+  padding: 1.5rem
   position: relative
   &:not(:first-child)
     margin-top: 2rem

docs/sass/footer.sass

@@ -23,13 +23,17 @@
   align-items: center
   display: flex
   flex-wrap: wrap
-  margin-top: 5px
   justify-content: flex-start
-  a
+  > iframe,
+  > a,
+  > form
     display: inline-block
     font-size: 11px
     height: 30px
     line-height: 30px
+    margin-top: 5px
+  .twitter-share-button
+    margin-right: 10px
 
 #newsletter
   .input
@@ -39,9 +43,14 @@
 #sister
   ul
     display: flex
+    flex-wrap: wrap
   li
     display: flex
     height: 30px
     margin: 5px 1rem 0 0
   img
     height: 30px
+
+#tsp
+  small
+    display: block

docs/sass/specific.sass

@@ -4,8 +4,10 @@
       width: 320px
 
 .color
+  border-radius: 2px;
+  box-shadow: inset 0 0 0 1px rgba(black, 0.5)
   display: inline-block
   float: left
-  height: 18px
-  margin-right: 5px
-  width: 18px
+  height: 24px
+  margin-right: 8px
+  width: 24px