picasso 0.6.1 → 0.6.2

data/docs/index.html

@@ -1354,9 +1354,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;
@@ -1366,11 +1364,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;
@@ -1398,9 +1396,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;
@@ -1410,11 +1406,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;
@@ -1443,8 +1439,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;
@@ -1454,11 +1448,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;
@@ -1486,9 +1480,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;
@@ -1498,11 +1490,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;
@@ -1530,9 +1522,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;
@@ -1542,11 +1532,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;
@@ -1575,8 +1565,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;
@@ -1586,11 +1574,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;
@@ -1618,9 +1606,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;
@@ -1630,11 +1616,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;
@@ -1662,9 +1648,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;
@@ -1674,11 +1658,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;
@@ -1707,8 +1691,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;
@@ -1718,11 +1700,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;
@@ -1903,7 +1885,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;
@@ -1916,6 +1897,7 @@ body {
 }
 .row-col .col1 {
   width: 6.34058%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col1 {
   width: 6.24858%;
@@ -1934,6 +1916,7 @@ body {
 }
 .row-col .col2 {
   width: 14.85507%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col2 {
   width: 14.76307%;
@@ -1952,6 +1935,7 @@ body {
 }
 .row-col .col3 {
   width: 23.36957%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col3 {
   width: 23.27757%;
@@ -1970,6 +1954,7 @@ body {
 }
 .row-col .col4 {
   width: 31.88406%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col4 {
   width: 31.79206%;
@@ -1988,6 +1973,7 @@ body {
 }
 .row-col .col5 {
   width: 40.39855%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col5 {
   width: 40.30655%;
@@ -2006,6 +1992,7 @@ body {
 }
 .row-col .col6 {
   width: 48.91304%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col6 {
   width: 48.82104%;
@@ -2024,6 +2011,7 @@ body {
 }
 .row-col .col7 {
   width: 57.42754%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col7 {
   width: 57.33554%;
@@ -2042,6 +2030,7 @@ body {
 }
 .row-col .col8 {
   width: 65.94203%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col8 {
   width: 65.85003%;
@@ -2060,6 +2049,7 @@ body {
 }
 .row-col .col9 {
   width: 74.45652%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col9 {
   width: 74.36452%;
@@ -2078,6 +2068,7 @@ body {
 }
 .row-col .col10 {
   width: 82.97101%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col10 {
   width: 82.87901%;
@@ -2096,6 +2087,7 @@ body {
 }
 .row-col .col11 {
   width: 91.48551%;
+  margin-left: 2.17391%;
 }
 .ie7 .row-col .col11 {
   width: 91.39351%;
@@ -2150,7 +2142,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;
@@ -2163,6 +2154,7 @@ body {
   }
   .row-col .col1-small {
     width: 6.34058%;
+    margin-left: 2.17391%;
   }
   .row-col .offset1-small,
   .row-col .offset1-small:first-child {
@@ -2178,6 +2170,7 @@ body {
   }
   .row-col .col2-small {
     width: 14.85507%;
+    margin-left: 2.17391%;
   }
   .row-col .offset2-small,
   .row-col .offset2-small:first-child {
@@ -2193,6 +2186,7 @@ body {
   }
   .row-col .col3-small {
     width: 23.36957%;
+    margin-left: 2.17391%;
   }
   .row-col .offset3-small,
   .row-col .offset3-small:first-child {
@@ -2208,6 +2202,7 @@ body {
   }
   .row-col .col4-small {
     width: 31.88406%;
+    margin-left: 2.17391%;
   }
   .row-col .offset4-small,
   .row-col .offset4-small:first-child {
@@ -2223,6 +2218,7 @@ body {
   }
   .row-col .col5-small {
     width: 40.39855%;
+    margin-left: 2.17391%;
   }
   .row-col .offset5-small,
   .row-col .offset5-small:first-child {
@@ -2238,6 +2234,7 @@ body {
   }
   .row-col .col6-small {
     width: 48.91304%;
+    margin-left: 2.17391%;
   }
   .row-col .offset6-small,
   .row-col .offset6-small:first-child {
@@ -2253,6 +2250,7 @@ body {
   }
   .row-col .col7-small {
     width: 57.42754%;
+    margin-left: 2.17391%;
   }
   .row-col .offset7-small,
   .row-col .offset7-small:first-child {
@@ -2268,6 +2266,7 @@ body {
   }
   .row-col .col8-small {
     width: 65.94203%;
+    margin-left: 2.17391%;
   }
   .row-col .offset8-small,
   .row-col .offset8-small:first-child {
@@ -2283,6 +2282,7 @@ body {
   }
   .row-col .col9-small {
     width: 74.45652%;
+    margin-left: 2.17391%;
   }
   .row-col .offset9-small,
   .row-col .offset9-small:first-child {
@@ -2298,6 +2298,7 @@ body {
   }
   .row-col .col10-small {
     width: 82.97101%;
+    margin-left: 2.17391%;
   }
   .row-col .offset10-small,
   .row-col .offset10-small:first-child {
@@ -2313,6 +2314,7 @@ body {
   }
   .row-col .col11-small {
     width: 91.48551%;
+    margin-left: 2.17391%;
   }
   .row-col .offset11-small,
   .row-col .offset11-small:first-child {
@@ -2365,7 +2367,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;
@@ -2378,6 +2379,7 @@ body {
   }
   .row-col .col1-medium {
     width: 6.34058%;
+    margin-left: 2.17391%;
   }
   .row-col .offset1-medium,
   .row-col .offset1-medium:first-child {
@@ -2393,6 +2395,7 @@ body {
   }
   .row-col .col2-medium {
     width: 14.85507%;
+    margin-left: 2.17391%;
   }
   .row-col .offset2-medium,
   .row-col .offset2-medium:first-child {
@@ -2408,6 +2411,7 @@ body {
   }
   .row-col .col3-medium {
     width: 23.36957%;
+    margin-left: 2.17391%;
   }
   .row-col .offset3-medium,
   .row-col .offset3-medium:first-child {
@@ -2423,6 +2427,7 @@ body {
   }
   .row-col .col4-medium {
     width: 31.88406%;
+    margin-left: 2.17391%;
   }
   .row-col .offset4-medium,
   .row-col .offset4-medium:first-child {
@@ -2438,6 +2443,7 @@ body {
   }
   .row-col .col5-medium {
     width: 40.39855%;
+    margin-left: 2.17391%;
   }
   .row-col .offset5-medium,
   .row-col .offset5-medium:first-child {
@@ -2453,6 +2459,7 @@ body {
   }
   .row-col .col6-medium {
     width: 48.91304%;
+    margin-left: 2.17391%;
   }
   .row-col .offset6-medium,
   .row-col .offset6-medium:first-child {
@@ -2468,6 +2475,7 @@ body {
   }
   .row-col .col7-medium {
     width: 57.42754%;
+    margin-left: 2.17391%;
   }
   .row-col .offset7-medium,
   .row-col .offset7-medium:first-child {
@@ -2483,6 +2491,7 @@ body {
   }
   .row-col .col8-medium {
     width: 65.94203%;
+    margin-left: 2.17391%;
   }
   .row-col .offset8-medium,
   .row-col .offset8-medium:first-child {
@@ -2498,6 +2507,7 @@ body {
   }
   .row-col .col9-medium {
     width: 74.45652%;
+    margin-left: 2.17391%;
   }
   .row-col .offset9-medium,
   .row-col .offset9-medium:first-child {
@@ -2513,6 +2523,7 @@ body {
   }
   .row-col .col10-medium {
     width: 82.97101%;
+    margin-left: 2.17391%;
   }
   .row-col .offset10-medium,
   .row-col .offset10-medium:first-child {
@@ -2528,6 +2539,7 @@ body {
   }
   .row-col .col11-medium {
     width: 91.48551%;
+    margin-left: 2.17391%;
   }
   .row-col .offset11-medium,
   .row-col .offset11-medium:first-child {
@@ -2580,7 +2592,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;
@@ -2593,6 +2604,7 @@ body {
   }
   .row-col .col1-large {
     width: 6.34058%;
+    margin-left: 2.17391%;
   }
   .row-col .offset1-large,
   .row-col .offset1-large:first-child {
@@ -2608,6 +2620,7 @@ body {
   }
   .row-col .col2-large {
     width: 14.85507%;
+    margin-left: 2.17391%;
   }
   .row-col .offset2-large,
   .row-col .offset2-large:first-child {
@@ -2623,6 +2636,7 @@ body {
   }
   .row-col .col3-large {
     width: 23.36957%;
+    margin-left: 2.17391%;
   }
   .row-col .offset3-large,
   .row-col .offset3-large:first-child {
@@ -2638,6 +2652,7 @@ body {
   }
   .row-col .col4-large {
     width: 31.88406%;
+    margin-left: 2.17391%;
   }
   .row-col .offset4-large,
   .row-col .offset4-large:first-child {
@@ -2653,6 +2668,7 @@ body {
   }
   .row-col .col5-large {
     width: 40.39855%;
+    margin-left: 2.17391%;
   }
   .row-col .offset5-large,
   .row-col .offset5-large:first-child {
@@ -2668,6 +2684,7 @@ body {
   }
   .row-col .col6-large {
     width: 48.91304%;
+    margin-left: 2.17391%;
   }
   .row-col .offset6-large,
   .row-col .offset6-large:first-child {
@@ -2683,6 +2700,7 @@ body {
   }
   .row-col .col7-large {
     width: 57.42754%;
+    margin-left: 2.17391%;
   }
   .row-col .offset7-large,
   .row-col .offset7-large:first-child {
@@ -2698,6 +2716,7 @@ body {
   }
   .row-col .col8-large {
     width: 65.94203%;
+    margin-left: 2.17391%;
   }
   .row-col .offset8-large,
   .row-col .offset8-large:first-child {
@@ -2713,6 +2732,7 @@ body {
   }
   .row-col .col9-large {
     width: 74.45652%;
+    margin-left: 2.17391%;
   }
   .row-col .offset9-large,
   .row-col .offset9-large:first-child {
@@ -2728,6 +2748,7 @@ body {
   }
   .row-col .col10-large {
     width: 82.97101%;
+    margin-left: 2.17391%;
   }
   .row-col .offset10-large,
   .row-col .offset10-large:first-child {
@@ -2743,6 +2764,7 @@ body {
   }
   .row-col .col11-large {
     width: 91.48551%;
+    margin-left: 2.17391%;
   }
   .row-col .offset11-large,
   .row-col .offset11-large:first-child {
@@ -3133,8 +3155,8 @@ body {
 
 </p>
 <pre><code class="lang-ruby">require &#39;picasso&#39;
-gem &#39;picasso&#39;, &#39;~&gt; 0.6.1&#39;</code></pre>
-<p>Para versiones anteriores a 0.6.1, también se debe agregar como dependencia en el <code>config.rb</code>:
+gem &#39;picasso&#39;, &#39;~&gt; 0.6.2&#39;</code></pre>
+<p>Para versiones anteriores a 0.6.2, también se debe agregar como dependencia en el <code>config.rb</code>:
 
 </p>
 <pre><code class="lang-ruby">require &#39;magick&#39;</code></pre>
@@ -3163,7 +3185,12 @@ gem &#39;picasso&#39;, &#39;~&gt; 0.6.1&#39;</code></pre>
 <h3>Linux</h3>
 <pre><code class="lang-bash">$ (sudo) apt-get update
 $ (sudo) apt-get install ruby-oily-png</code></pre>
-</div></article><article id="changelog" class="section"><div class="docs"><h1>Changelog</h1><a href="#changelog" class="permalink ir">Changelog</a><h2>0.6.1</h2>
+</div></article><article id="changelog" class="section"><div class="docs"><h1>Changelog</h1><a href="#changelog" class="permalink ir">Changelog</a><h2>0.6.2</h2>
+<ul>
+<li>El alto por default para el componente <code>input</code> ahora es <code>auto</code>.</li>
+<li>Se setea el margen izquierdo de las columnas en cada clase particular <code>col-&lt;size&gt;</code> para poder pisar las propiedades cuando un elemento posee la clase <code>first-&lt;size&gt;</code>.</li>
+</ul>
+<h2>0.6.1</h2>
 <ul>
 <li>Se agregan clases <code>push0-&lt;size&gt;</code>/<code>pull0-&lt;size&gt;</code> para poder resetear el posicionamiento relativo en las grillas.</li>
 </ul>