picasso 0.6.1 → 0.6.2

checksums.yaml

@@ -0,0 +1,15 @@
+---
+!binary "U0hBMQ==":
+  metadata.gz: !binary |-
+    MTg1NzRhMTI5YTYxMDJjNzE3ZjRkNjljOTRiNjM2YzJjMzIwZTYyYg==
+  data.tar.gz: !binary |-
+    YTRmNWNkNzgzMzU3MDY5YjI1YTE0YTIxMGU0NGE2ODU3YWY1YjQwNw==
+!binary "U0hBNTEy":
+  metadata.gz: !binary |-
+    MDRjNTY2NDhlZGM5MzM3Mzc4M2NhYzZmMTRjNGI0ZTRmMzIyZTg2NDQ5YjI5
+    MjZiODM3MTJlYTEwMTNkZmM3NTQ0YzE2MzA4NjYyZWM5YmI1ZTYzMjQ4MTdj
+    ZjVhN2Q0ZWE4MjQ4YjVkNTg3YzcwYjNmYjUxMmE5ZDg2ZTAzNTQ=
+  data.tar.gz: !binary |-
+    MmQxMGUxYWEyYzRlZGYzZTBmNTU5ZDk4NmUxYTI4NDg4NmIzZmQ4MGUzNTA1
+    NDY0M2UxNjA3NGZiOWZhNWM5MDRkNjdmMzg3MGIwYjE5MjdiMDlmMTNkN2Iz
+    NGRlODUwZmFlOWM4NWFjMDJmNWMyYTY3NmI5OTM5Yjk3MjQxMjg=

data/README.md

@@ -21,10 +21,10 @@ En el `config.rb` agregar:
 
 ```ruby
 require 'picasso'
-gem 'picasso', '~> 0.6.1'
+gem 'picasso', '~> 0.6.2'
 ```
 
-Para versiones anteriores a 0.6.1, también se debe agregar como dependencia en el `config.rb`:
+Para versiones anteriores a 0.6.2, también se debe agregar como dependencia en el `config.rb`:
 
 ```ruby
 require 'magick'
@@ -72,6 +72,10 @@ $ (sudo) apt-get install ruby-oily-png
 
 # Changelog
 
+## 0.6.2
+* El alto por default para el componente `input` ahora es `auto`.
+* Se setea el margen izquierdo de las columnas en cada clase particular `col-<size>` para poder pisar las propiedades cuando un elemento posee la clase `first-<size>`.
+
 ## 0.6.1
 * Se agregan clases `push0-<size>`/`pull0-<size>` para poder resetear el posicionamiento relativo en las grillas.
 

data/docs/_picasso.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 {