picasso 0.6.0 → 0.6.1

Sign up to get free protection for your applications and to get access to all the features.
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;