picasso 0.3.6.beta.3 → 0.3.6.beta.4

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 (30) hide show
  1. data/README.md +2 -2
  2. data/docs/_picasso.html +6 -8
  3. data/docs/all.html +2613 -3
  4. data/docs/css/picasso-demos.css +6 -8
  5. data/docs/index.html +8 -10
  6. data/docs/picasso-_components.html +6 -8
  7. data/docs/picasso-_despegar.html +6 -8
  8. data/docs/picasso-_utils.html +6 -8
  9. data/docs/picasso-components-_accordions.html +6 -8
  10. data/docs/picasso-components-_arrows.html +6 -8
  11. data/docs/picasso-components-_bubbles.html +6 -8
  12. data/docs/picasso-components-_buttons.html +6 -8
  13. data/docs/picasso-components-_inputs.html +6 -8
  14. data/docs/picasso-components-_list-grids.html +6 -8
  15. data/docs/picasso-components-_navs.html +6 -8
  16. data/docs/picasso-components-_pagination.html +6 -8
  17. data/docs/picasso-components-_popups.html +8 -17
  18. data/docs/picasso-components-_tooltips.html +6 -8
  19. data/docs/picasso-components-buttons-_3d.html +6 -8
  20. data/docs/picasso-components-buttons-_glossy.html +6 -8
  21. data/docs/picasso-components-buttons-_mini.html +6 -8
  22. data/docs/picasso-despegar-_variables.html +6 -8
  23. data/docs/picasso-utils-_clearfix.html +6 -8
  24. data/docs/picasso-utils-_grid.html +6 -8
  25. data/docs/picasso-utils-_ie.html +6 -8
  26. data/docs/picasso-utils-_rem.html +6 -8
  27. data/docs/picasso-utils-_sprite.html +6 -8
  28. data/lib/picasso/version.rb +1 -1
  29. data/stylesheets/picasso/components/_popups.scss +2 -9
  30. metadata +4 -4
data/docs/picasso-components-_navs.html CHANGED
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
data/docs/picasso-components-_pagination.html CHANGED
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
data/docs/picasso-components-_popups.html CHANGED
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
@@ -2707,6 +2705,7 @@ body {
2707
2705
  </ul>
2708
2706
  </div><div class="code"><pre><code>@import "compass/css3/border-radius";
2709
2707
  @import "compass/css3/box-shadow";
2708
+ @import "compass/css3/box-sizing";
2710
2709
  @import "../utils/sprite";
2711
2710
  @import "../utils/ie";
2712
2711
 
@@ -2811,6 +2810,7 @@ $popup-ie-fallback: "sprites" !default;
2811
2810
  width: $popup-default-close-button-height;
2812
2811
  top: (-1) * (($popup-default-close-button-height / 2) + $popup-default-close-button-border);
2813
2812
  right: (-1) * (($popup-default-close-button-height / 2) + $popup-default-close-button-border);
2813
+ @include box-sizing(content-box);
2814
2814
  }
2815
2815
 
2816
2816
  .ie7 & {
@@ -2833,15 +2833,6 @@ $popup-ie-fallback: "sprites" !default;
2833
2833
 
2834
2834
  }
2835
2835
 
2836
- .ie9 & {
2837
-
2838
- .popup-close {
2839
- height: $popup-default-close-button-height + 5;
2840
- width: $popup-default-close-button-height + 5;
2841
- }
2842
-
2843
- }
2844
-
2845
2836
  }
2846
2837
 
2847
2838
  @mixin popup-visual(
data/docs/picasso-components-_tooltips.html CHANGED
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
data/docs/picasso-components-buttons-_3d.html CHANGED
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
data/docs/picasso-components-buttons-_glossy.html CHANGED
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
data/docs/picasso-components-buttons-_mini.html CHANGED
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
data/docs/picasso-despegar-_variables.html CHANGED
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
data/docs/picasso-utils-_clearfix.html CHANGED
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
data/docs/picasso-utils-_grid.html CHANGED
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);
data/docs/picasso-utils-_ie.html CHANGED
@@ -1566,6 +1566,9 @@ body {
1566
1566
  width: 20px;
1567
1567
  top: -13px;
1568
1568
  right: -13px;
1569
+ -webkit-box-sizing: content-box;
1570
+ -moz-box-sizing: content-box;
1571
+ box-sizing: content-box;
1569
1572
  }
1570
1573
  .ie7 .popup-demo-1 {
1571
1574
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1577,10 +1580,6 @@ body {
1577
1580
  top: -13px;
1578
1581
  right: -13px;
1579
1582
  }
1580
- .ie9 .popup-demo-1 .popup-close {
1581
- height: 25px;
1582
- width: 25px;
1583
- }
1584
1583
  .popup-demo-1:after {
1585
1584
  background: black;
1586
1585
  background: rgba(0, 0, 0, 0.7);
@@ -1726,6 +1725,9 @@ body {
1726
1725
  width: 20px;
1727
1726
  top: -13px;
1728
1727
  right: -13px;
1728
+ -webkit-box-sizing: content-box;
1729
+ -moz-box-sizing: content-box;
1730
+ box-sizing: content-box;
1729
1731
  }
1730
1732
  .ie7 .popup-demo-2 {
1731
1733
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="after" );
@@ -1737,10 +1739,6 @@ body {
1737
1739
  top: -13px;
1738
1740
  right: -13px;
1739
1741
  }
1740
- .ie9 .popup-demo-2 .popup-close {
1741
- height: 25px;
1742
- width: 25px;
1743
- }
1744
1742
  .popup-demo-2:after {
1745
1743
  background: gray;
1746
1744
  background: rgba(128, 128, 128, 0.5);