picasso 0.6.1 → 0.6.2

data/docs/css/picasso-demos.css

@@ -1353,9 +1353,7 @@ body {
 
 .text-input-demo-size-11 {
   width: auto;
-  height: 2.3em;
-  height: 2.3em;
-  line-height: 1em;
+  height: auto;
   padding: 0.38em;
   border: 1px solid #dddddd;
   border-top: 1px solid #aaaaaa;
@@ -1365,11 +1363,11 @@ body {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  -webkit-border-radius: 3px 3px 3px 3px;
-  -moz-border-radius: 3px 3px 3px 3px;
-  -ms-border-radius: 3px 3px 3px 3px;
-  -o-border-radius: 3px 3px 3px 3px;
-  border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
   -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
@@ -1397,9 +1395,7 @@ body {
 
 .select-demo-size-11 {
   width: auto;
-  height: 2.3em;
-  height: 2.3em;
-  line-height: 1em;
+  height: auto;
   padding: 0.38em;
   border: 1px solid #dddddd;
   border-top: 1px solid #aaaaaa;
@@ -1409,11 +1405,11 @@ body {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  -webkit-border-radius: 3px 3px 3px 3px;
-  -moz-border-radius: 3px 3px 3px 3px;
-  -ms-border-radius: 3px 3px 3px 3px;
-  -o-border-radius: 3px 3px 3px 3px;
-  border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
   -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
@@ -1442,8 +1438,6 @@ body {
 .textarea-input-demo-size-11 {
   width: auto;
   height: 100px;
-  height: 6.25rem;
-  line-height: 1em;
   padding: 0.38em;
   border: 1px solid #dddddd;
   border-top: 1px solid #aaaaaa;
@@ -1453,11 +1447,11 @@ body {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  -webkit-border-radius: 3px 3px 3px 3px;
-  -moz-border-radius: 3px 3px 3px 3px;
-  -ms-border-radius: 3px 3px 3px 3px;
-  -o-border-radius: 3px 3px 3px 3px;
-  border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
   -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
@@ -1485,9 +1479,7 @@ body {
 
 .text-input-demo-size-13 {
   width: auto;
-  height: 2.3em;
-  height: 2.3em;
-  line-height: 1em;
+  height: auto;
   padding: 0.38em;
   border: 1px solid #dddddd;
   border-top: 1px solid #aaaaaa;
@@ -1497,11 +1489,11 @@ body {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  -webkit-border-radius: 3px 3px 3px 3px;
-  -moz-border-radius: 3px 3px 3px 3px;
-  -ms-border-radius: 3px 3px 3px 3px;
-  -o-border-radius: 3px 3px 3px 3px;
-  border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
   -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
@@ -1529,9 +1521,7 @@ body {
 
 .select-demo-size-13 {
   width: auto;
-  height: 2.3em;
-  height: 2.3em;
-  line-height: 1em;
+  height: auto;
   padding: 0.38em;
   border: 1px solid #dddddd;
   border-top: 1px solid #aaaaaa;
@@ -1541,11 +1531,11 @@ body {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  -webkit-border-radius: 3px 3px 3px 3px;
-  -moz-border-radius: 3px 3px 3px 3px;
-  -ms-border-radius: 3px 3px 3px 3px;
-  -o-border-radius: 3px 3px 3px 3px;
-  border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
   -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
@@ -1574,8 +1564,6 @@ body {
 .textarea-input-demo-size-13 {
   width: auto;
   height: 100px;
-  height: 6.25rem;
-  line-height: 1em;
   padding: 0.38em;
   border: 1px solid #dddddd;
   border-top: 1px solid #aaaaaa;
@@ -1585,11 +1573,11 @@ body {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  -webkit-border-radius: 3px 3px 3px 3px;
-  -moz-border-radius: 3px 3px 3px 3px;
-  -ms-border-radius: 3px 3px 3px 3px;
-  -o-border-radius: 3px 3px 3px 3px;
-  border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
   -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
@@ -1617,9 +1605,7 @@ body {
 
 .text-input-demo-size-16 {
   width: auto;
-  height: 2.3em;
-  height: 2.3em;
-  line-height: 1em;
+  height: auto;
   padding: 0.38em;
   border: 1px solid #dddddd;
   border-top: 1px solid #aaaaaa;
@@ -1629,11 +1615,11 @@ body {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  -webkit-border-radius: 3px 3px 3px 3px;
-  -moz-border-radius: 3px 3px 3px 3px;
-  -ms-border-radius: 3px 3px 3px 3px;
-  -o-border-radius: 3px 3px 3px 3px;
-  border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
   -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
@@ -1661,9 +1647,7 @@ body {
 
 .select-demo-size-16 {
   width: auto;
-  height: 2.3em;
-  height: 2.3em;
-  line-height: 1em;
+  height: auto;
   padding: 0.38em;
   border: 1px solid #dddddd;
   border-top: 1px solid #aaaaaa;
@@ -1673,11 +1657,11 @@ body {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  -webkit-border-radius: 3px 3px 3px 3px;
-  -moz-border-radius: 3px 3px 3px 3px;
-  -ms-border-radius: 3px 3px 3px 3px;
-  -o-border-radius: 3px 3px 3px 3px;
-  border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
   -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
@@ -1706,8 +1690,6 @@ body {
 .textarea-input-demo-size-16 {
   width: auto;
   height: 100px;
-  height: 6.25rem;
-  line-height: 1em;
   padding: 0.38em;
   border: 1px solid #dddddd;
   border-top: 1px solid #aaaaaa;
@@ -1717,11 +1699,11 @@ body {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
-  -webkit-border-radius: 3px 3px 3px 3px;
-  -moz-border-radius: 3px 3px 3px 3px;
-  -ms-border-radius: 3px 3px 3px 3px;
-  -o-border-radius: 3px 3px 3px 3px;
-  border-radius: 3px 3px 3px 3px;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
   -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
   box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.2) inset;
@@ -1902,7 +1884,6 @@ body {
   width: 100%;
   display: block;
   float: left;
-  margin-left: 2.17391%;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
@@ -1915,6 +1896,7 @@ body {
 }
 .row-col .col1 {
   width: 6.34058%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col1 {
   width: 6.24858%;
@@ -1933,6 +1915,7 @@ body {
 }
 .row-col .col2 {
   width: 14.85507%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col2 {
   width: 14.76307%;
@@ -1951,6 +1934,7 @@ body {
 }
 .row-col .col3 {
   width: 23.36957%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col3 {
   width: 23.27757%;
@@ -1969,6 +1953,7 @@ body {
 }
 .row-col .col4 {
   width: 31.88406%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col4 {
   width: 31.79206%;
@@ -1987,6 +1972,7 @@ body {
 }
 .row-col .col5 {
   width: 40.39855%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col5 {
   width: 40.30655%;
@@ -2005,6 +1991,7 @@ body {
 }
 .row-col .col6 {
   width: 48.91304%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col6 {
   width: 48.82104%;
@@ -2023,6 +2010,7 @@ body {
 }
 .row-col .col7 {
   width: 57.42754%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col7 {
   width: 57.33554%;
@@ -2041,6 +2029,7 @@ body {
 }
 .row-col .col8 {
   width: 65.94203%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col8 {
   width: 65.85003%;
@@ -2059,6 +2048,7 @@ body {
 }
 .row-col .col9 {
   width: 74.45652%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col9 {
   width: 74.36452%;
@@ -2077,6 +2067,7 @@ body {
 }
 .row-col .col10 {
   width: 82.97101%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col10 {
   width: 82.87901%;
@@ -2095,6 +2086,7 @@ body {
 }
 .row-col .col11 {
   width: 91.48551%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col11 {
   width: 91.39351%;
@@ -2149,7 +2141,6 @@ body {
     width: 100%;
     display: block;
     float: left;
-    margin-left: 2.17391%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
@@ -2162,6 +2153,7 @@ body {
   }
   .row-col .col1-small {
     width: 6.34058%;
+    margin-left: 2.17391%;
   }
   .row-col .offset1-small,
   .row-col .offset1-small:first-child {
@@ -2177,6 +2169,7 @@ body {
   }
   .row-col .col2-small {
     width: 14.85507%;
+    margin-left: 2.17391%;
   }
   .row-col .offset2-small,
   .row-col .offset2-small:first-child {
@@ -2192,6 +2185,7 @@ body {
   }
   .row-col .col3-small {
     width: 23.36957%;
+    margin-left: 2.17391%;
   }
   .row-col .offset3-small,
   .row-col .offset3-small:first-child {
@@ -2207,6 +2201,7 @@ body {
   }
   .row-col .col4-small {
     width: 31.88406%;
+    margin-left: 2.17391%;
   }
   .row-col .offset4-small,
   .row-col .offset4-small:first-child {
@@ -2222,6 +2217,7 @@ body {
   }
   .row-col .col5-small {
     width: 40.39855%;
+    margin-left: 2.17391%;
   }
   .row-col .offset5-small,
   .row-col .offset5-small:first-child {
@@ -2237,6 +2233,7 @@ body {
   }
   .row-col .col6-small {
     width: 48.91304%;
+    margin-left: 2.17391%;
   }
   .row-col .offset6-small,
   .row-col .offset6-small:first-child {
@@ -2252,6 +2249,7 @@ body {
   }
   .row-col .col7-small {
     width: 57.42754%;
+    margin-left: 2.17391%;
   }
   .row-col .offset7-small,
   .row-col .offset7-small:first-child {
@@ -2267,6 +2265,7 @@ body {
   }
   .row-col .col8-small {
     width: 65.94203%;
+    margin-left: 2.17391%;
   }
   .row-col .offset8-small,
   .row-col .offset8-small:first-child {
@@ -2282,6 +2281,7 @@ body {
   }
   .row-col .col9-small {
     width: 74.45652%;
+    margin-left: 2.17391%;
   }
   .row-col .offset9-small,
   .row-col .offset9-small:first-child {
@@ -2297,6 +2297,7 @@ body {
   }
   .row-col .col10-small {
     width: 82.97101%;
+    margin-left: 2.17391%;
   }
   .row-col .offset10-small,
   .row-col .offset10-small:first-child {
@@ -2312,6 +2313,7 @@ body {
   }
   .row-col .col11-small {
     width: 91.48551%;
+    margin-left: 2.17391%;
   }
   .row-col .offset11-small,
   .row-col .offset11-small:first-child {
@@ -2364,7 +2366,6 @@ body {
     width: 100%;
     display: block;
     float: left;
-    margin-left: 2.17391%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
@@ -2377,6 +2378,7 @@ body {
   }
   .row-col .col1-medium {
     width: 6.34058%;
+    margin-left: 2.17391%;
   }
   .row-col .offset1-medium,
   .row-col .offset1-medium:first-child {
@@ -2392,6 +2394,7 @@ body {
   }
   .row-col .col2-medium {
     width: 14.85507%;
+    margin-left: 2.17391%;
   }
   .row-col .offset2-medium,
   .row-col .offset2-medium:first-child {
@@ -2407,6 +2410,7 @@ body {
   }
   .row-col .col3-medium {
     width: 23.36957%;
+    margin-left: 2.17391%;
   }
   .row-col .offset3-medium,
   .row-col .offset3-medium:first-child {
@@ -2422,6 +2426,7 @@ body {
   }
   .row-col .col4-medium {
     width: 31.88406%;
+    margin-left: 2.17391%;
   }
   .row-col .offset4-medium,
   .row-col .offset4-medium:first-child {
@@ -2437,6 +2442,7 @@ body {
   }
   .row-col .col5-medium {
     width: 40.39855%;
+    margin-left: 2.17391%;
   }
   .row-col .offset5-medium,
   .row-col .offset5-medium:first-child {
@@ -2452,6 +2458,7 @@ body {
   }
   .row-col .col6-medium {
     width: 48.91304%;
+    margin-left: 2.17391%;
   }
   .row-col .offset6-medium,
   .row-col .offset6-medium:first-child {
@@ -2467,6 +2474,7 @@ body {
   }
   .row-col .col7-medium {
     width: 57.42754%;
+    margin-left: 2.17391%;
   }
   .row-col .offset7-medium,
   .row-col .offset7-medium:first-child {
@@ -2482,6 +2490,7 @@ body {
   }
   .row-col .col8-medium {
     width: 65.94203%;
+    margin-left: 2.17391%;
   }
   .row-col .offset8-medium,
   .row-col .offset8-medium:first-child {
@@ -2497,6 +2506,7 @@ body {
   }
   .row-col .col9-medium {
     width: 74.45652%;
+    margin-left: 2.17391%;
   }
   .row-col .offset9-medium,
   .row-col .offset9-medium:first-child {
@@ -2512,6 +2522,7 @@ body {
   }
   .row-col .col10-medium {
     width: 82.97101%;
+    margin-left: 2.17391%;
   }
   .row-col .offset10-medium,
   .row-col .offset10-medium:first-child {
@@ -2527,6 +2538,7 @@ body {
   }
   .row-col .col11-medium {
     width: 91.48551%;
+    margin-left: 2.17391%;
   }
   .row-col .offset11-medium,
   .row-col .offset11-medium:first-child {
@@ -2579,7 +2591,6 @@ body {
     width: 100%;
     display: block;
     float: left;
-    margin-left: 2.17391%;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
@@ -2592,6 +2603,7 @@ body {
   }
   .row-col .col1-large {
     width: 6.34058%;
+    margin-left: 2.17391%;
   }
   .row-col .offset1-large,
   .row-col .offset1-large:first-child {
@@ -2607,6 +2619,7 @@ body {
   }
   .row-col .col2-large {
     width: 14.85507%;
+    margin-left: 2.17391%;
   }
   .row-col .offset2-large,
   .row-col .offset2-large:first-child {
@@ -2622,6 +2635,7 @@ body {
   }
   .row-col .col3-large {
     width: 23.36957%;
+    margin-left: 2.17391%;
   }
   .row-col .offset3-large,
   .row-col .offset3-large:first-child {
@@ -2637,6 +2651,7 @@ body {
   }
   .row-col .col4-large {
     width: 31.88406%;
+    margin-left: 2.17391%;
   }
   .row-col .offset4-large,
   .row-col .offset4-large:first-child {
@@ -2652,6 +2667,7 @@ body {
   }
   .row-col .col5-large {
     width: 40.39855%;
+    margin-left: 2.17391%;
   }
   .row-col .offset5-large,
   .row-col .offset5-large:first-child {
@@ -2667,6 +2683,7 @@ body {
   }
   .row-col .col6-large {
     width: 48.91304%;
+    margin-left: 2.17391%;
   }
   .row-col .offset6-large,
   .row-col .offset6-large:first-child {
@@ -2682,6 +2699,7 @@ body {
   }
   .row-col .col7-large {
     width: 57.42754%;
+    margin-left: 2.17391%;
   }
   .row-col .offset7-large,
   .row-col .offset7-large:first-child {
@@ -2697,6 +2715,7 @@ body {
   }
   .row-col .col8-large {
     width: 65.94203%;
+    margin-left: 2.17391%;
   }
   .row-col .offset8-large,
   .row-col .offset8-large:first-child {
@@ -2712,6 +2731,7 @@ body {
   }
   .row-col .col9-large {
     width: 74.45652%;
+    margin-left: 2.17391%;
   }
   .row-col .offset9-large,
   .row-col .offset9-large:first-child {
@@ -2727,6 +2747,7 @@ body {
   }
   .row-col .col10-large {
     width: 82.97101%;
+    margin-left: 2.17391%;
   }
   .row-col .offset10-large,
   .row-col .offset10-large:first-child {
@@ -2742,6 +2763,7 @@ body {
   }
   .row-col .col11-large {
     width: 91.48551%;
+    margin-left: 2.17391%;
   }
   .row-col .offset11-large,
   .row-col .offset11-large:first-child {