picasso 0.4.1 → 0.4.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (35) hide show
  1. data/README.md +9 -4
  2. data/docs/_picasso.html +17 -7
  3. data/docs/css/picasso-demos.css +17 -7
  4. data/docs/index.html +28 -12
  5. data/docs/picasso-_components.html +17 -7
  6. data/docs/picasso-_despegar.html +17 -7
  7. data/docs/picasso-_utils.html +17 -7
  8. data/docs/picasso-components-_accordions.html +17 -7
  9. data/docs/picasso-components-_arrows.html +17 -7
  10. data/docs/picasso-components-_bubbles.html +17 -7
  11. data/docs/picasso-components-_buttons.html +17 -7
  12. data/docs/picasso-components-_clusters.html +17 -7
  13. data/docs/picasso-components-_inputs.html +17 -7
  14. data/docs/picasso-components-_list-grids.html +17 -7
  15. data/docs/picasso-components-_navs.html +17 -7
  16. data/docs/picasso-components-_pagination.html +17 -7
  17. data/docs/picasso-components-_popups.html +17 -7
  18. data/docs/picasso-components-_tooltips.html +17 -7
  19. data/docs/picasso-components-buttons-_3d.html +17 -7
  20. data/docs/picasso-components-buttons-_glossy.html +17 -7
  21. data/docs/picasso-components-buttons-_mini.html +17 -7
  22. data/docs/picasso-despegar-_mixins.html +17 -7
  23. data/docs/picasso-despegar-_variables.html +92 -73
  24. data/docs/picasso-utils-_clearfix.html +18 -8
  25. data/docs/picasso-utils-_grid.html +28 -10
  26. data/docs/picasso-utils-_ie.html +17 -7
  27. data/docs/picasso-utils-_rem.html +17 -7
  28. data/docs/picasso-utils-_sprite.html +17 -7
  29. data/docs/sass/picasso-demos.scss +10 -0
  30. data/lib/picasso/version.rb +1 -1
  31. data/picasso.gemspec +1 -1
  32. data/stylesheets/picasso/despegar/_variables.scss +42 -35
  33. data/stylesheets/picasso/utils/_clearfix.scss +1 -1
  34. data/stylesheets/picasso/utils/_grid.scss +11 -3
  35. metadata +6 -6
@@ -1314,7 +1314,7 @@ body {
1314
1314
  .list-grid-demo-1:after {
1315
1315
  clear: both;
1316
1316
  }
1317
- .ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
1317
+ .ie7 .list-grid-demo-1 {
1318
1318
  zoom: 1;
1319
1319
  }
1320
1320
  .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
1373
1373
  .nav-demo-1:after {
1374
1374
  clear: both;
1375
1375
  }
1376
- .ie6 .nav-demo-1, .ie7 .nav-demo-1 {
1376
+ .ie7 .nav-demo-1 {
1377
1377
  zoom: 1;
1378
1378
  }
1379
1379
  .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
1389
1389
  .nav-demo-1 ul:after {
1390
1390
  clear: both;
1391
1391
  }
1392
- .ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
1392
+ .ie7 .nav-demo-1 ul {
1393
1393
  zoom: 1;
1394
1394
  }
1395
1395
  .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
1947
1947
  .accordion-demo-1 .accordion-header:after {
1948
1948
  clear: both;
1949
1949
  }
1950
- .ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
1950
+ .ie7 .accordion-demo-1 .accordion-header {
1951
1951
  zoom: 1;
1952
1952
  }
1953
1953
  .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
2259
2259
  .row-col:after {
2260
2260
  clear: both;
2261
2261
  }
2262
- .ie6 .row-col, .ie7 .row-col {
2262
+ .ie7 .row-col {
2263
2263
  zoom: 1;
2264
2264
  }
2265
2265
  .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
2454
2454
  .clearfix-demo:after {
2455
2455
  clear: both;
2456
2456
  }
2457
- .ie6 .clearfix-demo, .ie7 .clearfix-demo {
2457
+ .ie7 .clearfix-demo {
2458
2458
  zoom: 1;
2459
2459
  }
2460
2460
  .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
2604
2604
  background: #66ccff;
2605
2605
  }
2606
2606
 
2607
+ .despegar-link-bg-hover-demo {
2608
+ padding: 10px;
2609
+ background: #f1f6fc;
2610
+ }
2611
+
2607
2612
  .despegar-error-bg-demo {
2608
2613
  padding: 10px;
2609
2614
  background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
2624
2629
  background: #ff9900;
2625
2630
  }
2626
2631
 
2632
+ .despegar-fill-bg-demo {
2633
+ padding: 10px;
2634
+ background: #84a8fb;
2635
+ }
2636
+
2627
2637
  .clusters-demo-1 .cluster {
2628
2638
  margin-bottom: 15px;
2629
2639
  border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
2641
2651
  .clusters-demo-1 .cluster:after {
2642
2652
  clear: both;
2643
2653
  }
2644
- .ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
2654
+ .ie7 .clusters-demo-1 .cluster {
2645
2655
  zoom: 1;
2646
2656
  }
2647
2657
  .clusters-demo-1 .cluster .cluster-items-list {
@@ -1314,7 +1314,7 @@ body {
1314
1314
  .list-grid-demo-1:after {
1315
1315
  clear: both;
1316
1316
  }
1317
- .ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
1317
+ .ie7 .list-grid-demo-1 {
1318
1318
  zoom: 1;
1319
1319
  }
1320
1320
  .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
1373
1373
  .nav-demo-1:after {
1374
1374
  clear: both;
1375
1375
  }
1376
- .ie6 .nav-demo-1, .ie7 .nav-demo-1 {
1376
+ .ie7 .nav-demo-1 {
1377
1377
  zoom: 1;
1378
1378
  }
1379
1379
  .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
1389
1389
  .nav-demo-1 ul:after {
1390
1390
  clear: both;
1391
1391
  }
1392
- .ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
1392
+ .ie7 .nav-demo-1 ul {
1393
1393
  zoom: 1;
1394
1394
  }
1395
1395
  .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
1947
1947
  .accordion-demo-1 .accordion-header:after {
1948
1948
  clear: both;
1949
1949
  }
1950
- .ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
1950
+ .ie7 .accordion-demo-1 .accordion-header {
1951
1951
  zoom: 1;
1952
1952
  }
1953
1953
  .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
2259
2259
  .row-col:after {
2260
2260
  clear: both;
2261
2261
  }
2262
- .ie6 .row-col, .ie7 .row-col {
2262
+ .ie7 .row-col {
2263
2263
  zoom: 1;
2264
2264
  }
2265
2265
  .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
2454
2454
  .clearfix-demo:after {
2455
2455
  clear: both;
2456
2456
  }
2457
- .ie6 .clearfix-demo, .ie7 .clearfix-demo {
2457
+ .ie7 .clearfix-demo {
2458
2458
  zoom: 1;
2459
2459
  }
2460
2460
  .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
2604
2604
  background: #66ccff;
2605
2605
  }
2606
2606
 
2607
+ .despegar-link-bg-hover-demo {
2608
+ padding: 10px;
2609
+ background: #f1f6fc;
2610
+ }
2611
+
2607
2612
  .despegar-error-bg-demo {
2608
2613
  padding: 10px;
2609
2614
  background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
2624
2629
  background: #ff9900;
2625
2630
  }
2626
2631
 
2632
+ .despegar-fill-bg-demo {
2633
+ padding: 10px;
2634
+ background: #84a8fb;
2635
+ }
2636
+
2627
2637
  .clusters-demo-1 .cluster {
2628
2638
  margin-bottom: 15px;
2629
2639
  border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
2641
2651
  .clusters-demo-1 .cluster:after {
2642
2652
  clear: both;
2643
2653
  }
2644
- .ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
2654
+ .ie7 .clusters-demo-1 .cluster {
2645
2655
  zoom: 1;
2646
2656
  }
2647
2657
  .clusters-demo-1 .cluster .cluster-items-list {
@@ -1314,7 +1314,7 @@ body {
1314
1314
  .list-grid-demo-1:after {
1315
1315
  clear: both;
1316
1316
  }
1317
- .ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
1317
+ .ie7 .list-grid-demo-1 {
1318
1318
  zoom: 1;
1319
1319
  }
1320
1320
  .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
1373
1373
  .nav-demo-1:after {
1374
1374
  clear: both;
1375
1375
  }
1376
- .ie6 .nav-demo-1, .ie7 .nav-demo-1 {
1376
+ .ie7 .nav-demo-1 {
1377
1377
  zoom: 1;
1378
1378
  }
1379
1379
  .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
1389
1389
  .nav-demo-1 ul:after {
1390
1390
  clear: both;
1391
1391
  }
1392
- .ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
1392
+ .ie7 .nav-demo-1 ul {
1393
1393
  zoom: 1;
1394
1394
  }
1395
1395
  .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
1947
1947
  .accordion-demo-1 .accordion-header:after {
1948
1948
  clear: both;
1949
1949
  }
1950
- .ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
1950
+ .ie7 .accordion-demo-1 .accordion-header {
1951
1951
  zoom: 1;
1952
1952
  }
1953
1953
  .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
2259
2259
  .row-col:after {
2260
2260
  clear: both;
2261
2261
  }
2262
- .ie6 .row-col, .ie7 .row-col {
2262
+ .ie7 .row-col {
2263
2263
  zoom: 1;
2264
2264
  }
2265
2265
  .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
2454
2454
  .clearfix-demo:after {
2455
2455
  clear: both;
2456
2456
  }
2457
- .ie6 .clearfix-demo, .ie7 .clearfix-demo {
2457
+ .ie7 .clearfix-demo {
2458
2458
  zoom: 1;
2459
2459
  }
2460
2460
  .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
2604
2604
  background: #66ccff;
2605
2605
  }
2606
2606
 
2607
+ .despegar-link-bg-hover-demo {
2608
+ padding: 10px;
2609
+ background: #f1f6fc;
2610
+ }
2611
+
2607
2612
  .despegar-error-bg-demo {
2608
2613
  padding: 10px;
2609
2614
  background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
2624
2629
  background: #ff9900;
2625
2630
  }
2626
2631
 
2632
+ .despegar-fill-bg-demo {
2633
+ padding: 10px;
2634
+ background: #84a8fb;
2635
+ }
2636
+
2627
2637
  .clusters-demo-1 .cluster {
2628
2638
  margin-bottom: 15px;
2629
2639
  border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
2641
2651
  .clusters-demo-1 .cluster:after {
2642
2652
  clear: both;
2643
2653
  }
2644
- .ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
2654
+ .ie7 .clusters-demo-1 .cluster {
2645
2655
  zoom: 1;
2646
2656
  }
2647
2657
  .clusters-demo-1 .cluster .cluster-items-list {
@@ -1314,7 +1314,7 @@ body {
1314
1314
  .list-grid-demo-1:after {
1315
1315
  clear: both;
1316
1316
  }
1317
- .ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
1317
+ .ie7 .list-grid-demo-1 {
1318
1318
  zoom: 1;
1319
1319
  }
1320
1320
  .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
1373
1373
  .nav-demo-1:after {
1374
1374
  clear: both;
1375
1375
  }
1376
- .ie6 .nav-demo-1, .ie7 .nav-demo-1 {
1376
+ .ie7 .nav-demo-1 {
1377
1377
  zoom: 1;
1378
1378
  }
1379
1379
  .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
1389
1389
  .nav-demo-1 ul:after {
1390
1390
  clear: both;
1391
1391
  }
1392
- .ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
1392
+ .ie7 .nav-demo-1 ul {
1393
1393
  zoom: 1;
1394
1394
  }
1395
1395
  .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
1947
1947
  .accordion-demo-1 .accordion-header:after {
1948
1948
  clear: both;
1949
1949
  }
1950
- .ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
1950
+ .ie7 .accordion-demo-1 .accordion-header {
1951
1951
  zoom: 1;
1952
1952
  }
1953
1953
  .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
2259
2259
  .row-col:after {
2260
2260
  clear: both;
2261
2261
  }
2262
- .ie6 .row-col, .ie7 .row-col {
2262
+ .ie7 .row-col {
2263
2263
  zoom: 1;
2264
2264
  }
2265
2265
  .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
2454
2454
  .clearfix-demo:after {
2455
2455
  clear: both;
2456
2456
  }
2457
- .ie6 .clearfix-demo, .ie7 .clearfix-demo {
2457
+ .ie7 .clearfix-demo {
2458
2458
  zoom: 1;
2459
2459
  }
2460
2460
  .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
2604
2604
  background: #66ccff;
2605
2605
  }
2606
2606
 
2607
+ .despegar-link-bg-hover-demo {
2608
+ padding: 10px;
2609
+ background: #f1f6fc;
2610
+ }
2611
+
2607
2612
  .despegar-error-bg-demo {
2608
2613
  padding: 10px;
2609
2614
  background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
2624
2629
  background: #ff9900;
2625
2630
  }
2626
2631
 
2632
+ .despegar-fill-bg-demo {
2633
+ padding: 10px;
2634
+ background: #84a8fb;
2635
+ }
2636
+
2627
2637
  .clusters-demo-1 .cluster {
2628
2638
  margin-bottom: 15px;
2629
2639
  border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
2641
2651
  .clusters-demo-1 .cluster:after {
2642
2652
  clear: both;
2643
2653
  }
2644
- .ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
2654
+ .ie7 .clusters-demo-1 .cluster {
2645
2655
  zoom: 1;
2646
2656
  }
2647
2657
  .clusters-demo-1 .cluster .cluster-items-list {
@@ -1314,7 +1314,7 @@ body {
1314
1314
  .list-grid-demo-1:after {
1315
1315
  clear: both;
1316
1316
  }
1317
- .ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
1317
+ .ie7 .list-grid-demo-1 {
1318
1318
  zoom: 1;
1319
1319
  }
1320
1320
  .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
1373
1373
  .nav-demo-1:after {
1374
1374
  clear: both;
1375
1375
  }
1376
- .ie6 .nav-demo-1, .ie7 .nav-demo-1 {
1376
+ .ie7 .nav-demo-1 {
1377
1377
  zoom: 1;
1378
1378
  }
1379
1379
  .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
1389
1389
  .nav-demo-1 ul:after {
1390
1390
  clear: both;
1391
1391
  }
1392
- .ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
1392
+ .ie7 .nav-demo-1 ul {
1393
1393
  zoom: 1;
1394
1394
  }
1395
1395
  .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
1947
1947
  .accordion-demo-1 .accordion-header:after {
1948
1948
  clear: both;
1949
1949
  }
1950
- .ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
1950
+ .ie7 .accordion-demo-1 .accordion-header {
1951
1951
  zoom: 1;
1952
1952
  }
1953
1953
  .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
2259
2259
  .row-col:after {
2260
2260
  clear: both;
2261
2261
  }
2262
- .ie6 .row-col, .ie7 .row-col {
2262
+ .ie7 .row-col {
2263
2263
  zoom: 1;
2264
2264
  }
2265
2265
  .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
2454
2454
  .clearfix-demo:after {
2455
2455
  clear: both;
2456
2456
  }
2457
- .ie6 .clearfix-demo, .ie7 .clearfix-demo {
2457
+ .ie7 .clearfix-demo {
2458
2458
  zoom: 1;
2459
2459
  }
2460
2460
  .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
2604
2604
  background: #66ccff;
2605
2605
  }
2606
2606
 
2607
+ .despegar-link-bg-hover-demo {
2608
+ padding: 10px;
2609
+ background: #f1f6fc;
2610
+ }
2611
+
2607
2612
  .despegar-error-bg-demo {
2608
2613
  padding: 10px;
2609
2614
  background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
2624
2629
  background: #ff9900;
2625
2630
  }
2626
2631
 
2632
+ .despegar-fill-bg-demo {
2633
+ padding: 10px;
2634
+ background: #84a8fb;
2635
+ }
2636
+
2627
2637
  .clusters-demo-1 .cluster {
2628
2638
  margin-bottom: 15px;
2629
2639
  border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
2641
2651
  .clusters-demo-1 .cluster:after {
2642
2652
  clear: both;
2643
2653
  }
2644
- .ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
2654
+ .ie7 .clusters-demo-1 .cluster {
2645
2655
  zoom: 1;
2646
2656
  }
2647
2657
  .clusters-demo-1 .cluster .cluster-items-list {
@@ -1314,7 +1314,7 @@ body {
1314
1314
  .list-grid-demo-1:after {
1315
1315
  clear: both;
1316
1316
  }
1317
- .ie6 .list-grid-demo-1, .ie7 .list-grid-demo-1 {
1317
+ .ie7 .list-grid-demo-1 {
1318
1318
  zoom: 1;
1319
1319
  }
1320
1320
  .list-grid-demo-1 ul {
@@ -1373,7 +1373,7 @@ body {
1373
1373
  .nav-demo-1:after {
1374
1374
  clear: both;
1375
1375
  }
1376
- .ie6 .nav-demo-1, .ie7 .nav-demo-1 {
1376
+ .ie7 .nav-demo-1 {
1377
1377
  zoom: 1;
1378
1378
  }
1379
1379
  .nav-demo-1 ul {
@@ -1389,7 +1389,7 @@ body {
1389
1389
  .nav-demo-1 ul:after {
1390
1390
  clear: both;
1391
1391
  }
1392
- .ie6 .nav-demo-1 ul, .ie7 .nav-demo-1 ul {
1392
+ .ie7 .nav-demo-1 ul {
1393
1393
  zoom: 1;
1394
1394
  }
1395
1395
  .nav-demo-1 ul li {
@@ -1947,7 +1947,7 @@ body {
1947
1947
  .accordion-demo-1 .accordion-header:after {
1948
1948
  clear: both;
1949
1949
  }
1950
- .ie6 .accordion-demo-1 .accordion-header, .ie7 .accordion-demo-1 .accordion-header {
1950
+ .ie7 .accordion-demo-1 .accordion-header {
1951
1951
  zoom: 1;
1952
1952
  }
1953
1953
  .accordion-demo-1 .accordion-header h4 {
@@ -2259,7 +2259,7 @@ body {
2259
2259
  .row-col:after {
2260
2260
  clear: both;
2261
2261
  }
2262
- .ie6 .row-col, .ie7 .row-col {
2262
+ .ie7 .row-col {
2263
2263
  zoom: 1;
2264
2264
  }
2265
2265
  .row-col [class^="col"] {
@@ -2454,7 +2454,7 @@ body {
2454
2454
  .clearfix-demo:after {
2455
2455
  clear: both;
2456
2456
  }
2457
- .ie6 .clearfix-demo, .ie7 .clearfix-demo {
2457
+ .ie7 .clearfix-demo {
2458
2458
  zoom: 1;
2459
2459
  }
2460
2460
  .clearfix-demo div {
@@ -2604,6 +2604,11 @@ body {
2604
2604
  background: #66ccff;
2605
2605
  }
2606
2606
 
2607
+ .despegar-link-bg-hover-demo {
2608
+ padding: 10px;
2609
+ background: #f1f6fc;
2610
+ }
2611
+
2607
2612
  .despegar-error-bg-demo {
2608
2613
  padding: 10px;
2609
2614
  background: #ffe6e6;
@@ -2624,6 +2629,11 @@ body {
2624
2629
  background: #ff9900;
2625
2630
  }
2626
2631
 
2632
+ .despegar-fill-bg-demo {
2633
+ padding: 10px;
2634
+ background: #84a8fb;
2635
+ }
2636
+
2627
2637
  .clusters-demo-1 .cluster {
2628
2638
  margin-bottom: 15px;
2629
2639
  border: 1px solid #cccccc;
@@ -2641,7 +2651,7 @@ body {
2641
2651
  .clusters-demo-1 .cluster:after {
2642
2652
  clear: both;
2643
2653
  }
2644
- .ie6 .clusters-demo-1 .cluster, .ie7 .clusters-demo-1 .cluster {
2654
+ .ie7 .clusters-demo-1 .cluster {
2645
2655
  zoom: 1;
2646
2656
  }
2647
2657
  .clusters-demo-1 .cluster .cluster-items-list {