picasso 0.6.0 → 0.6.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
data/README.md CHANGED
@@ -21,10 +21,10 @@ En el `config.rb` agregar:
21
21
 
22
22
  ```ruby
23
23
  require 'picasso'
24
- gem 'picasso', '~> 0.6.0'
24
+ gem 'picasso', '~> 0.6.1'
25
25
  ```
26
26
 
27
- Para versiones anteriores a 0.6.0, también se debe agregar como dependencia en el `config.rb`:
27
+ Para versiones anteriores a 0.6.1, también se debe agregar como dependencia en el `config.rb`:
28
28
 
29
29
  ```ruby
30
30
  require 'magick'
@@ -72,6 +72,9 @@ $ (sudo) apt-get install ruby-oily-png
72
72
 
73
73
  # Changelog
74
74
 
75
+ ## 0.6.1
76
+ * Se agregan clases `push0-<size>`/`pull0-<size>` para poder resetear el posicionamiento relativo en las grillas.
77
+
75
78
  ## 0.6.0
76
79
  * Mejoras en las grillas: Se agregan clases para el manejo de columnas antes diferentes resoluciones (`-small`, `-medium`, `-large`), posibilidad de posicionar columnas de manera relativa, centrado de columnas y ocultación.
77
80
 
@@ -2133,6 +2133,12 @@ body {
2133
2133
  .row-col .col0 {
2134
2134
  display: none;
2135
2135
  }
2136
+ .row-col .push0,
2137
+ .row-col .push0:first-child,
2138
+ .row-col .pull0,
2139
+ .row-col .pull0:first-child {
2140
+ left: 0;
2141
+ }
2136
2142
  .row-col .centered,
2137
2143
  .row-col .centered:first-child {
2138
2144
  margin-left: auto;
@@ -2341,6 +2347,12 @@ body {
2341
2347
  .row-col .col0-small {
2342
2348
  display: none;
2343
2349
  }
2350
+ .row-col .push0-small,
2351
+ .row-col .push0-small:first-child,
2352
+ .row-col .pull0-small,
2353
+ .row-col .pull0-small:first-child {
2354
+ left: 0;
2355
+ }
2344
2356
  .row-col .centered-small,
2345
2357
  .row-col .centered-small:first-child {
2346
2358
  margin-left: auto;
@@ -2550,6 +2562,12 @@ body {
2550
2562
  .row-col .col0-medium {
2551
2563
  display: none;
2552
2564
  }
2565
+ .row-col .push0-medium,
2566
+ .row-col .push0-medium:first-child,
2567
+ .row-col .pull0-medium,
2568
+ .row-col .pull0-medium:first-child {
2569
+ left: 0;
2570
+ }
2553
2571
  .row-col .centered-medium,
2554
2572
  .row-col .centered-medium:first-child {
2555
2573
  margin-left: auto;
@@ -2759,6 +2777,12 @@ body {
2759
2777
  .row-col .col0-large {
2760
2778
  display: none;
2761
2779
  }
2780
+ .row-col .push0-large,
2781
+ .row-col .push0-large:first-child,
2782
+ .row-col .pull0-large,
2783
+ .row-col .pull0-large:first-child {
2784
+ left: 0;
2785
+ }
2762
2786
  .row-col .centered-large,
2763
2787
  .row-col .centered-large:first-child {
2764
2788
  margin-left: auto;
@@ -2132,6 +2132,12 @@ body {
2132
2132
  .row-col .col0 {
2133
2133
  display: none;
2134
2134
  }
2135
+ .row-col .push0,
2136
+ .row-col .push0:first-child,
2137
+ .row-col .pull0,
2138
+ .row-col .pull0:first-child {
2139
+ left: 0;
2140
+ }
2135
2141
  .row-col .centered,
2136
2142
  .row-col .centered:first-child {
2137
2143
  margin-left: auto;
@@ -2340,6 +2346,12 @@ body {
2340
2346
  .row-col .col0-small {
2341
2347
  display: none;
2342
2348
  }
2349
+ .row-col .push0-small,
2350
+ .row-col .push0-small:first-child,
2351
+ .row-col .pull0-small,
2352
+ .row-col .pull0-small:first-child {
2353
+ left: 0;
2354
+ }
2343
2355
  .row-col .centered-small,
2344
2356
  .row-col .centered-small:first-child {
2345
2357
  margin-left: auto;
@@ -2549,6 +2561,12 @@ body {
2549
2561
  .row-col .col0-medium {
2550
2562
  display: none;
2551
2563
  }
2564
+ .row-col .push0-medium,
2565
+ .row-col .push0-medium:first-child,
2566
+ .row-col .pull0-medium,
2567
+ .row-col .pull0-medium:first-child {
2568
+ left: 0;
2569
+ }
2552
2570
  .row-col .centered-medium,
2553
2571
  .row-col .centered-medium:first-child {
2554
2572
  margin-left: auto;
@@ -2758,6 +2776,12 @@ body {
2758
2776
  .row-col .col0-large {
2759
2777
  display: none;
2760
2778
  }
2779
+ .row-col .push0-large,
2780
+ .row-col .push0-large:first-child,
2781
+ .row-col .pull0-large,
2782
+ .row-col .pull0-large:first-child {
2783
+ left: 0;
2784
+ }
2761
2785
  .row-col .centered-large,
2762
2786
  .row-col .centered-large:first-child {
2763
2787
  margin-left: auto;
@@ -2133,6 +2133,12 @@ body {
2133
2133
  .row-col .col0 {
2134
2134
  display: none;
2135
2135
  }
2136
+ .row-col .push0,
2137
+ .row-col .push0:first-child,
2138
+ .row-col .pull0,
2139
+ .row-col .pull0:first-child {
2140
+ left: 0;
2141
+ }
2136
2142
  .row-col .centered,
2137
2143
  .row-col .centered:first-child {
2138
2144
  margin-left: auto;
@@ -2341,6 +2347,12 @@ body {
2341
2347
  .row-col .col0-small {
2342
2348
  display: none;
2343
2349
  }
2350
+ .row-col .push0-small,
2351
+ .row-col .push0-small:first-child,
2352
+ .row-col .pull0-small,
2353
+ .row-col .pull0-small:first-child {
2354
+ left: 0;
2355
+ }
2344
2356
  .row-col .centered-small,
2345
2357
  .row-col .centered-small:first-child {
2346
2358
  margin-left: auto;
@@ -2550,6 +2562,12 @@ body {
2550
2562
  .row-col .col0-medium {
2551
2563
  display: none;
2552
2564
  }
2565
+ .row-col .push0-medium,
2566
+ .row-col .push0-medium:first-child,
2567
+ .row-col .pull0-medium,
2568
+ .row-col .pull0-medium:first-child {
2569
+ left: 0;
2570
+ }
2553
2571
  .row-col .centered-medium,
2554
2572
  .row-col .centered-medium:first-child {
2555
2573
  margin-left: auto;
@@ -2759,6 +2777,12 @@ body {
2759
2777
  .row-col .col0-large {
2760
2778
  display: none;
2761
2779
  }
2780
+ .row-col .push0-large,
2781
+ .row-col .push0-large:first-child,
2782
+ .row-col .pull0-large,
2783
+ .row-col .pull0-large:first-child {
2784
+ left: 0;
2785
+ }
2762
2786
  .row-col .centered-large,
2763
2787
  .row-col .centered-large:first-child {
2764
2788
  margin-left: auto;
@@ -3109,8 +3133,8 @@ body {
3109
3133
 
3110
3134
  </p>
3111
3135
  <pre><code class="lang-ruby">require &#39;picasso&#39;
3112
- gem &#39;picasso&#39;, &#39;~&gt; 0.6.0&#39;</code></pre>
3113
- <p>Para versiones anteriores a 0.6.0, también se debe agregar como dependencia en el <code>config.rb</code>:
3136
+ gem &#39;picasso&#39;, &#39;~&gt; 0.6.1&#39;</code></pre>
3137
+ <p>Para versiones anteriores a 0.6.1, también se debe agregar como dependencia en el <code>config.rb</code>:
3114
3138
 
3115
3139
  </p>
3116
3140
  <pre><code class="lang-ruby">require &#39;magick&#39;</code></pre>
@@ -3139,7 +3163,11 @@ gem &#39;picasso&#39;, &#39;~&gt; 0.6.0&#39;</code></pre>
3139
3163
  <h3>Linux</h3>
3140
3164
  <pre><code class="lang-bash">$ (sudo) apt-get update
3141
3165
  $ (sudo) apt-get install ruby-oily-png</code></pre>
3142
- </div></article><article id="changelog" class="section"><div class="docs"><h1>Changelog</h1><a href="#changelog" class="permalink ir">Changelog</a><h2>0.6.0</h2>
3166
+ </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>
3167
+ <ul>
3168
+ <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>
3169
+ </ul>
3170
+ <h2>0.6.0</h2>
3143
3171
  <ul>
3144
3172
  <li>Mejoras en las grillas: Se agregan clases para el manejo de columnas antes diferentes resoluciones (<code>-small</code>, <code>-medium</code>, <code>-large</code>), posibilidad de posicionar columnas de manera relativa, centrado de columnas y ocultación. </li>
3145
3173
  </ul>
@@ -2133,6 +2133,12 @@ body {
2133
2133
  .row-col .col0 {
2134
2134
  display: none;
2135
2135
  }
2136
+ .row-col .push0,
2137
+ .row-col .push0:first-child,
2138
+ .row-col .pull0,
2139
+ .row-col .pull0:first-child {
2140
+ left: 0;
2141
+ }
2136
2142
  .row-col .centered,
2137
2143
  .row-col .centered:first-child {
2138
2144
  margin-left: auto;
@@ -2341,6 +2347,12 @@ body {
2341
2347
  .row-col .col0-small {
2342
2348
  display: none;
2343
2349
  }
2350
+ .row-col .push0-small,
2351
+ .row-col .push0-small:first-child,
2352
+ .row-col .pull0-small,
2353
+ .row-col .pull0-small:first-child {
2354
+ left: 0;
2355
+ }
2344
2356
  .row-col .centered-small,
2345
2357
  .row-col .centered-small:first-child {
2346
2358
  margin-left: auto;
@@ -2550,6 +2562,12 @@ body {
2550
2562
  .row-col .col0-medium {
2551
2563
  display: none;
2552
2564
  }
2565
+ .row-col .push0-medium,
2566
+ .row-col .push0-medium:first-child,
2567
+ .row-col .pull0-medium,
2568
+ .row-col .pull0-medium:first-child {
2569
+ left: 0;
2570
+ }
2553
2571
  .row-col .centered-medium,
2554
2572
  .row-col .centered-medium:first-child {
2555
2573
  margin-left: auto;
@@ -2759,6 +2777,12 @@ body {
2759
2777
  .row-col .col0-large {
2760
2778
  display: none;
2761
2779
  }
2780
+ .row-col .push0-large,
2781
+ .row-col .push0-large:first-child,
2782
+ .row-col .pull0-large,
2783
+ .row-col .pull0-large:first-child {
2784
+ left: 0;
2785
+ }
2762
2786
  .row-col .centered-large,
2763
2787
  .row-col .centered-large:first-child {
2764
2788
  margin-left: auto;
@@ -2133,6 +2133,12 @@ body {
2133
2133
  .row-col .col0 {
2134
2134
  display: none;
2135
2135
  }
2136
+ .row-col .push0,
2137
+ .row-col .push0:first-child,
2138
+ .row-col .pull0,
2139
+ .row-col .pull0:first-child {
2140
+ left: 0;
2141
+ }
2136
2142
  .row-col .centered,
2137
2143
  .row-col .centered:first-child {
2138
2144
  margin-left: auto;
@@ -2341,6 +2347,12 @@ body {
2341
2347
  .row-col .col0-small {
2342
2348
  display: none;
2343
2349
  }
2350
+ .row-col .push0-small,
2351
+ .row-col .push0-small:first-child,
2352
+ .row-col .pull0-small,
2353
+ .row-col .pull0-small:first-child {
2354
+ left: 0;
2355
+ }
2344
2356
  .row-col .centered-small,
2345
2357
  .row-col .centered-small:first-child {
2346
2358
  margin-left: auto;
@@ -2550,6 +2562,12 @@ body {
2550
2562
  .row-col .col0-medium {
2551
2563
  display: none;
2552
2564
  }
2565
+ .row-col .push0-medium,
2566
+ .row-col .push0-medium:first-child,
2567
+ .row-col .pull0-medium,
2568
+ .row-col .pull0-medium:first-child {
2569
+ left: 0;
2570
+ }
2553
2571
  .row-col .centered-medium,
2554
2572
  .row-col .centered-medium:first-child {
2555
2573
  margin-left: auto;
@@ -2759,6 +2777,12 @@ body {
2759
2777
  .row-col .col0-large {
2760
2778
  display: none;
2761
2779
  }
2780
+ .row-col .push0-large,
2781
+ .row-col .push0-large:first-child,
2782
+ .row-col .pull0-large,
2783
+ .row-col .pull0-large:first-child {
2784
+ left: 0;
2785
+ }
2762
2786
  .row-col .centered-large,
2763
2787
  .row-col .centered-large:first-child {
2764
2788
  margin-left: auto;
@@ -2133,6 +2133,12 @@ body {
2133
2133
  .row-col .col0 {
2134
2134
  display: none;
2135
2135
  }
2136
+ .row-col .push0,
2137
+ .row-col .push0:first-child,
2138
+ .row-col .pull0,
2139
+ .row-col .pull0:first-child {
2140
+ left: 0;
2141
+ }
2136
2142
  .row-col .centered,
2137
2143
  .row-col .centered:first-child {
2138
2144
  margin-left: auto;
@@ -2341,6 +2347,12 @@ body {
2341
2347
  .row-col .col0-small {
2342
2348
  display: none;
2343
2349
  }
2350
+ .row-col .push0-small,
2351
+ .row-col .push0-small:first-child,
2352
+ .row-col .pull0-small,
2353
+ .row-col .pull0-small:first-child {
2354
+ left: 0;
2355
+ }
2344
2356
  .row-col .centered-small,
2345
2357
  .row-col .centered-small:first-child {
2346
2358
  margin-left: auto;
@@ -2550,6 +2562,12 @@ body {
2550
2562
  .row-col .col0-medium {
2551
2563
  display: none;
2552
2564
  }
2565
+ .row-col .push0-medium,
2566
+ .row-col .push0-medium:first-child,
2567
+ .row-col .pull0-medium,
2568
+ .row-col .pull0-medium:first-child {
2569
+ left: 0;
2570
+ }
2553
2571
  .row-col .centered-medium,
2554
2572
  .row-col .centered-medium:first-child {
2555
2573
  margin-left: auto;
@@ -2759,6 +2777,12 @@ body {
2759
2777
  .row-col .col0-large {
2760
2778
  display: none;
2761
2779
  }
2780
+ .row-col .push0-large,
2781
+ .row-col .push0-large:first-child,
2782
+ .row-col .pull0-large,
2783
+ .row-col .pull0-large:first-child {
2784
+ left: 0;
2785
+ }
2762
2786
  .row-col .centered-large,
2763
2787
  .row-col .centered-large:first-child {
2764
2788
  margin-left: auto;
@@ -2133,6 +2133,12 @@ body {
2133
2133
  .row-col .col0 {
2134
2134
  display: none;
2135
2135
  }
2136
+ .row-col .push0,
2137
+ .row-col .push0:first-child,
2138
+ .row-col .pull0,
2139
+ .row-col .pull0:first-child {
2140
+ left: 0;
2141
+ }
2136
2142
  .row-col .centered,
2137
2143
  .row-col .centered:first-child {
2138
2144
  margin-left: auto;
@@ -2341,6 +2347,12 @@ body {
2341
2347
  .row-col .col0-small {
2342
2348
  display: none;
2343
2349
  }
2350
+ .row-col .push0-small,
2351
+ .row-col .push0-small:first-child,
2352
+ .row-col .pull0-small,
2353
+ .row-col .pull0-small:first-child {
2354
+ left: 0;
2355
+ }
2344
2356
  .row-col .centered-small,
2345
2357
  .row-col .centered-small:first-child {
2346
2358
  margin-left: auto;
@@ -2550,6 +2562,12 @@ body {
2550
2562
  .row-col .col0-medium {
2551
2563
  display: none;
2552
2564
  }
2565
+ .row-col .push0-medium,
2566
+ .row-col .push0-medium:first-child,
2567
+ .row-col .pull0-medium,
2568
+ .row-col .pull0-medium:first-child {
2569
+ left: 0;
2570
+ }
2553
2571
  .row-col .centered-medium,
2554
2572
  .row-col .centered-medium:first-child {
2555
2573
  margin-left: auto;
@@ -2759,6 +2777,12 @@ body {
2759
2777
  .row-col .col0-large {
2760
2778
  display: none;
2761
2779
  }
2780
+ .row-col .push0-large,
2781
+ .row-col .push0-large:first-child,
2782
+ .row-col .pull0-large,
2783
+ .row-col .pull0-large:first-child {
2784
+ left: 0;
2785
+ }
2762
2786
  .row-col .centered-large,
2763
2787
  .row-col .centered-large:first-child {
2764
2788
  margin-left: auto;
@@ -2133,6 +2133,12 @@ body {
2133
2133
  .row-col .col0 {
2134
2134
  display: none;
2135
2135
  }
2136
+ .row-col .push0,
2137
+ .row-col .push0:first-child,
2138
+ .row-col .pull0,
2139
+ .row-col .pull0:first-child {
2140
+ left: 0;
2141
+ }
2136
2142
  .row-col .centered,
2137
2143
  .row-col .centered:first-child {
2138
2144
  margin-left: auto;
@@ -2341,6 +2347,12 @@ body {
2341
2347
  .row-col .col0-small {
2342
2348
  display: none;
2343
2349
  }
2350
+ .row-col .push0-small,
2351
+ .row-col .push0-small:first-child,
2352
+ .row-col .pull0-small,
2353
+ .row-col .pull0-small:first-child {
2354
+ left: 0;
2355
+ }
2344
2356
  .row-col .centered-small,
2345
2357
  .row-col .centered-small:first-child {
2346
2358
  margin-left: auto;
@@ -2550,6 +2562,12 @@ body {
2550
2562
  .row-col .col0-medium {
2551
2563
  display: none;
2552
2564
  }
2565
+ .row-col .push0-medium,
2566
+ .row-col .push0-medium:first-child,
2567
+ .row-col .pull0-medium,
2568
+ .row-col .pull0-medium:first-child {
2569
+ left: 0;
2570
+ }
2553
2571
  .row-col .centered-medium,
2554
2572
  .row-col .centered-medium:first-child {
2555
2573
  margin-left: auto;
@@ -2759,6 +2777,12 @@ body {
2759
2777
  .row-col .col0-large {
2760
2778
  display: none;
2761
2779
  }
2780
+ .row-col .push0-large,
2781
+ .row-col .push0-large:first-child,
2782
+ .row-col .pull0-large,
2783
+ .row-col .pull0-large:first-child {
2784
+ left: 0;
2785
+ }
2762
2786
  .row-col .centered-large,
2763
2787
  .row-col .centered-large:first-child {
2764
2788
  margin-left: auto;