picasso 0.3.7 → 0.4.0

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.
Files changed (33) hide show
  1. data/README.md +7 -4
  2. data/docs/_picasso.html +35 -9
  3. data/docs/css/picasso-demos.css +35 -9
  4. data/docs/index.html +44 -14
  5. data/docs/picasso-_components.html +35 -9
  6. data/docs/picasso-_despegar.html +35 -9
  7. data/docs/picasso-_utils.html +35 -9
  8. data/docs/picasso-components-_accordions.html +35 -9
  9. data/docs/picasso-components-_arrows.html +35 -9
  10. data/docs/picasso-components-_bubbles.html +35 -9
  11. data/docs/picasso-components-_buttons.html +35 -9
  12. data/docs/picasso-components-_clusters.html +35 -9
  13. data/docs/picasso-components-_inputs.html +35 -9
  14. data/docs/picasso-components-_list-grids.html +35 -9
  15. data/docs/picasso-components-_navs.html +35 -9
  16. data/docs/picasso-components-_pagination.html +35 -9
  17. data/docs/picasso-components-_popups.html +35 -9
  18. data/docs/picasso-components-_tooltips.html +35 -9
  19. data/docs/picasso-components-buttons-_3d.html +35 -9
  20. data/docs/picasso-components-buttons-_glossy.html +35 -9
  21. data/docs/picasso-components-buttons-_mini.html +35 -9
  22. data/docs/picasso-despegar-_mixins.html +40 -14
  23. data/docs/picasso-despegar-_variables.html +91 -43
  24. data/docs/picasso-utils-_clearfix.html +35 -9
  25. data/docs/picasso-utils-_grid.html +35 -9
  26. data/docs/picasso-utils-_ie.html +35 -9
  27. data/docs/picasso-utils-_rem.html +35 -9
  28. data/docs/picasso-utils-_sprite.html +35 -9
  29. data/docs/sass/picasso-demos.scss +38 -12
  30. data/lib/picasso/version.rb +1 -1
  31. data/stylesheets/picasso/despegar/_mixins.scss +5 -5
  32. data/stylesheets/picasso/despegar/_variables.scss +39 -24
  33. metadata +5 -5
@@ -2466,30 +2466,46 @@ body {
2466
2466
  background: white;
2467
2467
  }
2468
2468
 
2469
- .despegar-size-1-demo {
2469
+ .despegar-size-10-demo {
2470
+ font-size: 10px;
2471
+ }
2472
+
2473
+ .despegar-size-11-demo {
2470
2474
  font-size: 11px;
2471
2475
  }
2472
2476
 
2473
- .despegar-size-2-demo {
2477
+ .despegar-size-13-demo {
2474
2478
  font-size: 13px;
2475
2479
  }
2476
2480
 
2477
- .despegar-size-3-demo {
2481
+ .despegar-size-16-demo {
2478
2482
  font-size: 16px;
2479
2483
  }
2480
2484
 
2481
- .despegar-size-4-demo {
2485
+ .despegar-size-20-demo {
2482
2486
  font-size: 20px;
2483
2487
  }
2484
2488
 
2485
- .despegar-size-5-demo {
2489
+ .despegar-size-24-demo {
2486
2490
  font-size: 24px;
2487
2491
  }
2488
2492
 
2489
- .despegar-size-6-demo {
2493
+ .despegar-size-28-demo {
2490
2494
  font-size: 28px;
2491
2495
  }
2492
2496
 
2497
+ .despegar-size-30-demo {
2498
+ font-size: 30px;
2499
+ }
2500
+
2501
+ .despegar-size-32-demo {
2502
+ font-size: 32px;
2503
+ }
2504
+
2505
+ .despegar-size-36-demo {
2506
+ font-size: 36px;
2507
+ }
2508
+
2493
2509
  .despegar-black-demo {
2494
2510
  padding: 10px;
2495
2511
  background: black;
@@ -2508,7 +2524,7 @@ body {
2508
2524
 
2509
2525
  .despegar-red-demo {
2510
2526
  padding: 10px;
2511
- background: red;
2527
+ background: #e20a16;
2512
2528
  }
2513
2529
 
2514
2530
  .despegar-blue-demo {
@@ -2553,10 +2569,20 @@ body {
2553
2569
  }
2554
2570
 
2555
2571
  .despegar-gray-7-demo {
2572
+ padding: 10px;
2573
+ background: #dddddd;
2574
+ }
2575
+
2576
+ .despegar-gray-8-demo {
2556
2577
  padding: 10px;
2557
2578
  background: #eeeeee;
2558
2579
  }
2559
2580
 
2581
+ .despegar-gray-9-demo {
2582
+ padding: 10px;
2583
+ background: whitesmoke;
2584
+ }
2585
+
2560
2586
  .despegar-searchbox-bg-demo {
2561
2587
  padding: 10px;
2562
2588
  background: #ffff33;
@@ -2590,7 +2616,7 @@ body {
2590
2616
 
2591
2617
  .despegar-error-border-demo {
2592
2618
  padding: 10px;
2593
- background: red;
2619
+ background: #e20a16;
2594
2620
  }
2595
2621
 
2596
2622
  .despegar-warning-bg-demo {
@@ -2640,7 +2666,7 @@ body {
2640
2666
  }
2641
2667
  .clusters-demo-1 .cluster .cluster-items-list .cluster-item {
2642
2668
  border: 1px solid transparent;
2643
- border-top-color: #eeeeee;
2669
+ border-top-color: #dddddd;
2644
2670
  }
2645
2671
  .clusters-demo-1 .cluster .cluster-items-list .cluster-item:first-child {
2646
2672
  border-top-color: transparent;
@@ -2466,30 +2466,46 @@ body {
2466
2466
  background: white;
2467
2467
  }
2468
2468
 
2469
- .despegar-size-1-demo {
2469
+ .despegar-size-10-demo {
2470
+ font-size: 10px;
2471
+ }
2472
+
2473
+ .despegar-size-11-demo {
2470
2474
  font-size: 11px;
2471
2475
  }
2472
2476
 
2473
- .despegar-size-2-demo {
2477
+ .despegar-size-13-demo {
2474
2478
  font-size: 13px;
2475
2479
  }
2476
2480
 
2477
- .despegar-size-3-demo {
2481
+ .despegar-size-16-demo {
2478
2482
  font-size: 16px;
2479
2483
  }
2480
2484
 
2481
- .despegar-size-4-demo {
2485
+ .despegar-size-20-demo {
2482
2486
  font-size: 20px;
2483
2487
  }
2484
2488
 
2485
- .despegar-size-5-demo {
2489
+ .despegar-size-24-demo {
2486
2490
  font-size: 24px;
2487
2491
  }
2488
2492
 
2489
- .despegar-size-6-demo {
2493
+ .despegar-size-28-demo {
2490
2494
  font-size: 28px;
2491
2495
  }
2492
2496
 
2497
+ .despegar-size-30-demo {
2498
+ font-size: 30px;
2499
+ }
2500
+
2501
+ .despegar-size-32-demo {
2502
+ font-size: 32px;
2503
+ }
2504
+
2505
+ .despegar-size-36-demo {
2506
+ font-size: 36px;
2507
+ }
2508
+
2493
2509
  .despegar-black-demo {
2494
2510
  padding: 10px;
2495
2511
  background: black;
@@ -2508,7 +2524,7 @@ body {
2508
2524
 
2509
2525
  .despegar-red-demo {
2510
2526
  padding: 10px;
2511
- background: red;
2527
+ background: #e20a16;
2512
2528
  }
2513
2529
 
2514
2530
  .despegar-blue-demo {
@@ -2553,10 +2569,20 @@ body {
2553
2569
  }
2554
2570
 
2555
2571
  .despegar-gray-7-demo {
2572
+ padding: 10px;
2573
+ background: #dddddd;
2574
+ }
2575
+
2576
+ .despegar-gray-8-demo {
2556
2577
  padding: 10px;
2557
2578
  background: #eeeeee;
2558
2579
  }
2559
2580
 
2581
+ .despegar-gray-9-demo {
2582
+ padding: 10px;
2583
+ background: whitesmoke;
2584
+ }
2585
+
2560
2586
  .despegar-searchbox-bg-demo {
2561
2587
  padding: 10px;
2562
2588
  background: #ffff33;
@@ -2590,7 +2616,7 @@ body {
2590
2616
 
2591
2617
  .despegar-error-border-demo {
2592
2618
  padding: 10px;
2593
- background: red;
2619
+ background: #e20a16;
2594
2620
  }
2595
2621
 
2596
2622
  .despegar-warning-bg-demo {
@@ -2640,7 +2666,7 @@ body {
2640
2666
  }
2641
2667
  .clusters-demo-1 .cluster .cluster-items-list .cluster-item {
2642
2668
  border: 1px solid transparent;
2643
- border-top-color: #eeeeee;
2669
+ border-top-color: #dddddd;
2644
2670
  }
2645
2671
  .clusters-demo-1 .cluster .cluster-items-list .cluster-item:first-child {
2646
2672
  border-top-color: transparent;
@@ -2466,30 +2466,46 @@ body {
2466
2466
  background: white;
2467
2467
  }
2468
2468
 
2469
- .despegar-size-1-demo {
2469
+ .despegar-size-10-demo {
2470
+ font-size: 10px;
2471
+ }
2472
+
2473
+ .despegar-size-11-demo {
2470
2474
  font-size: 11px;
2471
2475
  }
2472
2476
 
2473
- .despegar-size-2-demo {
2477
+ .despegar-size-13-demo {
2474
2478
  font-size: 13px;
2475
2479
  }
2476
2480
 
2477
- .despegar-size-3-demo {
2481
+ .despegar-size-16-demo {
2478
2482
  font-size: 16px;
2479
2483
  }
2480
2484
 
2481
- .despegar-size-4-demo {
2485
+ .despegar-size-20-demo {
2482
2486
  font-size: 20px;
2483
2487
  }
2484
2488
 
2485
- .despegar-size-5-demo {
2489
+ .despegar-size-24-demo {
2486
2490
  font-size: 24px;
2487
2491
  }
2488
2492
 
2489
- .despegar-size-6-demo {
2493
+ .despegar-size-28-demo {
2490
2494
  font-size: 28px;
2491
2495
  }
2492
2496
 
2497
+ .despegar-size-30-demo {
2498
+ font-size: 30px;
2499
+ }
2500
+
2501
+ .despegar-size-32-demo {
2502
+ font-size: 32px;
2503
+ }
2504
+
2505
+ .despegar-size-36-demo {
2506
+ font-size: 36px;
2507
+ }
2508
+
2493
2509
  .despegar-black-demo {
2494
2510
  padding: 10px;
2495
2511
  background: black;
@@ -2508,7 +2524,7 @@ body {
2508
2524
 
2509
2525
  .despegar-red-demo {
2510
2526
  padding: 10px;
2511
- background: red;
2527
+ background: #e20a16;
2512
2528
  }
2513
2529
 
2514
2530
  .despegar-blue-demo {
@@ -2553,10 +2569,20 @@ body {
2553
2569
  }
2554
2570
 
2555
2571
  .despegar-gray-7-demo {
2572
+ padding: 10px;
2573
+ background: #dddddd;
2574
+ }
2575
+
2576
+ .despegar-gray-8-demo {
2556
2577
  padding: 10px;
2557
2578
  background: #eeeeee;
2558
2579
  }
2559
2580
 
2581
+ .despegar-gray-9-demo {
2582
+ padding: 10px;
2583
+ background: whitesmoke;
2584
+ }
2585
+
2560
2586
  .despegar-searchbox-bg-demo {
2561
2587
  padding: 10px;
2562
2588
  background: #ffff33;
@@ -2590,7 +2616,7 @@ body {
2590
2616
 
2591
2617
  .despegar-error-border-demo {
2592
2618
  padding: 10px;
2593
- background: red;
2619
+ background: #e20a16;
2594
2620
  }
2595
2621
 
2596
2622
  .despegar-warning-bg-demo {
@@ -2640,7 +2666,7 @@ body {
2640
2666
  }
2641
2667
  .clusters-demo-1 .cluster .cluster-items-list .cluster-item {
2642
2668
  border: 1px solid transparent;
2643
- border-top-color: #eeeeee;
2669
+ border-top-color: #dddddd;
2644
2670
  }
2645
2671
  .clusters-demo-1 .cluster .cluster-items-list .cluster-item:first-child {
2646
2672
  border-top-color: transparent;
@@ -2466,30 +2466,46 @@ body {
2466
2466
  background: white;
2467
2467
  }
2468
2468
 
2469
- .despegar-size-1-demo {
2469
+ .despegar-size-10-demo {
2470
+ font-size: 10px;
2471
+ }
2472
+
2473
+ .despegar-size-11-demo {
2470
2474
  font-size: 11px;
2471
2475
  }
2472
2476
 
2473
- .despegar-size-2-demo {
2477
+ .despegar-size-13-demo {
2474
2478
  font-size: 13px;
2475
2479
  }
2476
2480
 
2477
- .despegar-size-3-demo {
2481
+ .despegar-size-16-demo {
2478
2482
  font-size: 16px;
2479
2483
  }
2480
2484
 
2481
- .despegar-size-4-demo {
2485
+ .despegar-size-20-demo {
2482
2486
  font-size: 20px;
2483
2487
  }
2484
2488
 
2485
- .despegar-size-5-demo {
2489
+ .despegar-size-24-demo {
2486
2490
  font-size: 24px;
2487
2491
  }
2488
2492
 
2489
- .despegar-size-6-demo {
2493
+ .despegar-size-28-demo {
2490
2494
  font-size: 28px;
2491
2495
  }
2492
2496
 
2497
+ .despegar-size-30-demo {
2498
+ font-size: 30px;
2499
+ }
2500
+
2501
+ .despegar-size-32-demo {
2502
+ font-size: 32px;
2503
+ }
2504
+
2505
+ .despegar-size-36-demo {
2506
+ font-size: 36px;
2507
+ }
2508
+
2493
2509
  .despegar-black-demo {
2494
2510
  padding: 10px;
2495
2511
  background: black;
@@ -2508,7 +2524,7 @@ body {
2508
2524
 
2509
2525
  .despegar-red-demo {
2510
2526
  padding: 10px;
2511
- background: red;
2527
+ background: #e20a16;
2512
2528
  }
2513
2529
 
2514
2530
  .despegar-blue-demo {
@@ -2553,10 +2569,20 @@ body {
2553
2569
  }
2554
2570
 
2555
2571
  .despegar-gray-7-demo {
2572
+ padding: 10px;
2573
+ background: #dddddd;
2574
+ }
2575
+
2576
+ .despegar-gray-8-demo {
2556
2577
  padding: 10px;
2557
2578
  background: #eeeeee;
2558
2579
  }
2559
2580
 
2581
+ .despegar-gray-9-demo {
2582
+ padding: 10px;
2583
+ background: whitesmoke;
2584
+ }
2585
+
2560
2586
  .despegar-searchbox-bg-demo {
2561
2587
  padding: 10px;
2562
2588
  background: #ffff33;
@@ -2590,7 +2616,7 @@ body {
2590
2616
 
2591
2617
  .despegar-error-border-demo {
2592
2618
  padding: 10px;
2593
- background: red;
2619
+ background: #e20a16;
2594
2620
  }
2595
2621
 
2596
2622
  .despegar-warning-bg-demo {
@@ -2640,7 +2666,7 @@ body {
2640
2666
  }
2641
2667
  .clusters-demo-1 .cluster .cluster-items-list .cluster-item {
2642
2668
  border: 1px solid transparent;
2643
- border-top-color: #eeeeee;
2669
+ border-top-color: #dddddd;
2644
2670
  }
2645
2671
  .clusters-demo-1 .cluster .cluster-items-list .cluster-item:first-child {
2646
2672
  border-top-color: transparent;
@@ -2466,30 +2466,46 @@ body {
2466
2466
  background: white;
2467
2467
  }
2468
2468
 
2469
- .despegar-size-1-demo {
2469
+ .despegar-size-10-demo {
2470
+ font-size: 10px;
2471
+ }
2472
+
2473
+ .despegar-size-11-demo {
2470
2474
  font-size: 11px;
2471
2475
  }
2472
2476
 
2473
- .despegar-size-2-demo {
2477
+ .despegar-size-13-demo {
2474
2478
  font-size: 13px;
2475
2479
  }
2476
2480
 
2477
- .despegar-size-3-demo {
2481
+ .despegar-size-16-demo {
2478
2482
  font-size: 16px;
2479
2483
  }
2480
2484
 
2481
- .despegar-size-4-demo {
2485
+ .despegar-size-20-demo {
2482
2486
  font-size: 20px;
2483
2487
  }
2484
2488
 
2485
- .despegar-size-5-demo {
2489
+ .despegar-size-24-demo {
2486
2490
  font-size: 24px;
2487
2491
  }
2488
2492
 
2489
- .despegar-size-6-demo {
2493
+ .despegar-size-28-demo {
2490
2494
  font-size: 28px;
2491
2495
  }
2492
2496
 
2497
+ .despegar-size-30-demo {
2498
+ font-size: 30px;
2499
+ }
2500
+
2501
+ .despegar-size-32-demo {
2502
+ font-size: 32px;
2503
+ }
2504
+
2505
+ .despegar-size-36-demo {
2506
+ font-size: 36px;
2507
+ }
2508
+
2493
2509
  .despegar-black-demo {
2494
2510
  padding: 10px;
2495
2511
  background: black;
@@ -2508,7 +2524,7 @@ body {
2508
2524
 
2509
2525
  .despegar-red-demo {
2510
2526
  padding: 10px;
2511
- background: red;
2527
+ background: #e20a16;
2512
2528
  }
2513
2529
 
2514
2530
  .despegar-blue-demo {
@@ -2553,10 +2569,20 @@ body {
2553
2569
  }
2554
2570
 
2555
2571
  .despegar-gray-7-demo {
2572
+ padding: 10px;
2573
+ background: #dddddd;
2574
+ }
2575
+
2576
+ .despegar-gray-8-demo {
2556
2577
  padding: 10px;
2557
2578
  background: #eeeeee;
2558
2579
  }
2559
2580
 
2581
+ .despegar-gray-9-demo {
2582
+ padding: 10px;
2583
+ background: whitesmoke;
2584
+ }
2585
+
2560
2586
  .despegar-searchbox-bg-demo {
2561
2587
  padding: 10px;
2562
2588
  background: #ffff33;
@@ -2590,7 +2616,7 @@ body {
2590
2616
 
2591
2617
  .despegar-error-border-demo {
2592
2618
  padding: 10px;
2593
- background: red;
2619
+ background: #e20a16;
2594
2620
  }
2595
2621
 
2596
2622
  .despegar-warning-bg-demo {
@@ -2640,7 +2666,7 @@ body {
2640
2666
  }
2641
2667
  .clusters-demo-1 .cluster .cluster-items-list .cluster-item {
2642
2668
  border: 1px solid transparent;
2643
- border-top-color: #eeeeee;
2669
+ border-top-color: #dddddd;
2644
2670
  }
2645
2671
  .clusters-demo-1 .cluster .cluster-items-list .cluster-item:first-child {
2646
2672
  border-top-color: transparent;