compass_ae_sencha 2.0.0 → 2.2.0

data/public/stylesheets/sencha_touch/resources/themes/vendor/compass-recipes/tests/recipes/layout/grid/s.css

@@ -1,531 +0,0 @@
-html {
-  padding: 1em;
-  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dddddd), color-stop(100%, #ffffff)) no-repeat;
-  background: -webkit-linear-gradient(#dddddd, #ffffff) no-repeat;
-  background: -moz-linear-gradient(#dddddd, #ffffff) no-repeat;
-  background: -o-linear-gradient(#dddddd, #ffffff) no-repeat;
-  background: -ms-linear-gradient(#dddddd, #ffffff) no-repeat;
-  background: linear-gradient(#dddddd, #ffffff) no-repeat;
-}
-
-h1 {
-  font-size: 2em;
-  margin-bottom: 1em;
-}
-
-h2 {
-  font-size: 1.4em;
-  margin-bottom: .6em;
-}
-
-.doc {
-  background: #fff;
-  border: #ddd;
-  padding: 1em;
-  color: #aaa;
-  margin: 1em;
-  font-style: italic;
-}
-.doc a {
-  color: #999;
-}
-
-/**
- * Responsive grid
- * 
- * @link http://foundation.zurb.com/docs/grid.php
- *
- * @author Zurb http://www.zurb.com/ Original concept
- * @author David Kaneda http://www.davidkaneda.com/ Further abstraction
- */
-.clearfix:before, .row:before, .clearfix:after, .row:after {
-  content: "";
-  display: table;
-}
-.clearfix:after, .row:after {
-  clear: both;
-}
-
-img {
-  -ms-interpolation-mode: bicubic;
-}
-
-#map_canvas img, .map_canvas img {
-  max-width: none !important;
-}
-
-img, object, embed {
-  max-width: 100%;
-  height: auto;
-}
-
-.column, .columns-1, .phone-1, .columns-2, .phone-2, .columns-3, .phone-3, .columns-4, .phone-4, .columns-5, .phone-5, .columns-6, .phone-6, .columns-7, .phone-7, .columns-8, .phone-8, .columns-9, .phone-9, .columns-10, .phone-10, .columns-11, .phone-11, .columns-12, .phone-12 {
-  margin-left: 4.4%;
-  float: left;
-  min-height: 1px;
-  position: relative;
-  -moz-box-sizing: border-box;
-  -webkit-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  box-sizing: border-box;
-}
-.column:first-child, .columns-1:first-child, .phone-1:first-child, .columns-2:first-child, .phone-2:first-child, .columns-3:first-child, .phone-3:first-child, .columns-4:first-child, .phone-4:first-child, .columns-5:first-child, .phone-5:first-child, .columns-6:first-child, .phone-6:first-child, .columns-7:first-child, .phone-7:first-child, .columns-8:first-child, .phone-8:first-child, .columns-9:first-child, .phone-9:first-child, .columns-10:first-child, .phone-10:first-child, .columns-11:first-child, .phone-11:first-child, .columns-12:first-child, .phone-12:first-child {
-  margin-left: 0;
-}
-
-.grid, .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
-  display: block;
-  overflow: hidden;
-  list-style-type: none;
-  padding: 0;
-}
-.grid > li, .grid-1 > li, .grid-2 > li, .grid-3 > li, .grid-4 > li, .grid-5 > li, .grid-6 > li, .grid-7 > li, .grid-8 > li, .grid-9 > li, .grid-10 > li, .grid-11 > li, .grid-12 > li {
-  float: left;
-  background-color: rgba(153, 153, 153, 0.3);
-}
-
-.row {
-  width: 100%;
-  max-width: 960px;
-  min-width: 600px;
-  margin: 0 auto;
-}
-.row .row {
-  min-width: 0;
-}
-
-.columns-1 {
-  width: 4.3%;
-}
-
-.offset-by-1 {
-  margin-left: 13.1%;
-}
-.offset-by-1:first-child {
-  margin-left: 8.7%;
-}
-
-.push-1 {
-  left: 8.7%;
-}
-
-.pull-1 {
-  right: 8.7%;
-}
-
-.grid-1 {
-  margin-left: 0%;
-}
-.grid-1 > li {
-  margin-left: 0%;
-  width: 100%;
-}
-.grid-1 > li:nth-child(1n+1) {
-  clear: left;
-}
-
-.columns-2 {
-  width: 13%;
-}
-
-.offset-by-2 {
-  margin-left: 21.8%;
-}
-.offset-by-2:first-child {
-  margin-left: 17.4%;
-}
-
-.push-2 {
-  left: 17.4%;
-}
-
-.pull-2 {
-  right: 17.4%;
-}
-
-.grid-2 {
-  margin-left: -2.2%;
-}
-.grid-2 > li {
-  margin-left: 2.2%;
-  width: 47.8%;
-}
-.grid-2 > li:nth-child(2n+1) {
-  clear: left;
-}
-
-.columns-3 {
-  width: 21.7%;
-}
-
-.offset-by-3 {
-  margin-left: 30.5%;
-}
-.offset-by-3:first-child {
-  margin-left: 26.1%;
-}
-
-.push-3 {
-  left: 26.1%;
-}
-
-.pull-3 {
-  right: 26.1%;
-}
-
-.grid-3 {
-  margin-left: -2.933%;
-}
-.grid-3 > li {
-  margin-left: 2.933%;
-  width: 30.4%;
-}
-.grid-3 > li:nth-child(3n+1) {
-  clear: left;
-}
-
-.columns-4 {
-  width: 30.4%;
-}
-
-.offset-by-4 {
-  margin-left: 39.2%;
-}
-.offset-by-4:first-child {
-  margin-left: 34.8%;
-}
-
-.push-4 {
-  left: 34.8%;
-}
-
-.pull-4 {
-  right: 34.8%;
-}
-
-.grid-4 {
-  margin-left: -3.3%;
-}
-.grid-4 > li {
-  margin-left: 3.3%;
-  width: 21.7%;
-}
-.grid-4 > li:nth-child(4n+1) {
-  clear: left;
-}
-
-.columns-5 {
-  width: 39.1%;
-}
-
-.offset-by-5 {
-  margin-left: 47.9%;
-}
-.offset-by-5:first-child {
-  margin-left: 43.5%;
-}
-
-.push-5 {
-  left: 43.5%;
-}
-
-.pull-5 {
-  right: 43.5%;
-}
-
-.grid-5 {
-  margin-left: -3.52%;
-}
-.grid-5 > li {
-  margin-left: 3.52%;
-  width: 16.48%;
-}
-.grid-5 > li:nth-child(5n+1) {
-  clear: left;
-}
-
-.columns-6 {
-  width: 47.8%;
-}
-
-.offset-by-6 {
-  margin-left: 56.6%;
-}
-.offset-by-6:first-child {
-  margin-left: 52.2%;
-}
-
-.push-6 {
-  left: 52.2%;
-}
-
-.pull-6 {
-  right: 52.2%;
-}
-
-.grid-6 {
-  margin-left: -3.667%;
-}
-.grid-6 > li {
-  margin-left: 3.667%;
-  width: 13%;
-}
-.grid-6 > li:nth-child(6n+1) {
-  clear: left;
-}
-
-.columns-7 {
-  width: 56.5%;
-}
-
-.offset-by-7 {
-  margin-left: 65.3%;
-}
-.offset-by-7:first-child {
-  margin-left: 60.9%;
-}
-
-.push-7 {
-  left: 60.9%;
-}
-
-.pull-7 {
-  right: 60.9%;
-}
-
-.grid-7 {
-  margin-left: -3.771%;
-}
-.grid-7 > li {
-  margin-left: 3.771%;
-  width: 10.514%;
-}
-.grid-7 > li:nth-child(7n+1) {
-  clear: left;
-}
-
-.columns-8 {
-  width: 65.2%;
-}
-
-.offset-by-8 {
-  margin-left: 74%;
-}
-.offset-by-8:first-child {
-  margin-left: 69.6%;
-}
-
-.push-8 {
-  left: 69.6%;
-}
-
-.pull-8 {
-  right: 69.6%;
-}
-
-.grid-8 {
-  margin-left: -3.85%;
-}
-.grid-8 > li {
-  margin-left: 3.85%;
-  width: 8.65%;
-}
-.grid-8 > li:nth-child(8n+1) {
-  clear: left;
-}
-
-.columns-9 {
-  width: 73.9%;
-}
-
-.offset-by-9 {
-  margin-left: 82.7%;
-}
-.offset-by-9:first-child {
-  margin-left: 78.3%;
-}
-
-.push-9 {
-  left: 78.3%;
-}
-
-.pull-9 {
-  right: 78.3%;
-}
-
-.grid-9 {
-  margin-left: -3.911%;
-}
-.grid-9 > li {
-  margin-left: 3.911%;
-  width: 7.2%;
-}
-.grid-9 > li:nth-child(9n+1) {
-  clear: left;
-}
-
-.columns-10 {
-  width: 82.6%;
-}
-
-.offset-by-10 {
-  margin-left: 91.4%;
-}
-.offset-by-10:first-child {
-  margin-left: 87%;
-}
-
-.push-10 {
-  left: 87%;
-}
-
-.pull-10 {
-  right: 87%;
-}
-
-.grid-10 {
-  margin-left: -3.96%;
-}
-.grid-10 > li {
-  margin-left: 3.96%;
-  width: 6.04%;
-}
-.grid-10 > li:nth-child(10n+1) {
-  clear: left;
-}
-
-.columns-11 {
-  width: 91.3%;
-}
-
-.offset-by-11 {
-  margin-left: 100.1%;
-}
-.offset-by-11:first-child {
-  margin-left: 95.7%;
-}
-
-.push-11 {
-  left: 95.7%;
-}
-
-.pull-11 {
-  right: 95.7%;
-}
-
-.grid-11 {
-  margin-left: -4%;
-}
-.grid-11 > li {
-  margin-left: 4%;
-  width: 5.091%;
-}
-.grid-11 > li:nth-child(11n+1) {
-  clear: left;
-}
-
-.columns-12 {
-  width: 100%;
-}
-
-.push-12 {
-  left: 104.4%;
-}
-
-.pull-12 {
-  right: 104.4%;
-}
-
-.grid-12 {
-  margin-left: -4.033%;
-}
-.grid-12 > li {
-  margin-left: 4.033%;
-  width: 4.3%;
-}
-.grid-12 > li:nth-child(12n+1) {
-  clear: left;
-}
-
-.row .centered {
-  float: none;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-@media only screen and (max-width: 767px) {
-  .grid.mobile, .mobile.grid-1, .mobile.grid-2, .mobile.grid-3, .mobile.grid-4, .mobile.grid-5, .mobile.grid-6, .mobile.grid-7, .mobile.grid-8, .mobile.grid-9, .mobile.grid-10, .mobile.grid-11, .mobile.grid-12 {
-    margin-left: 0%;
-  }
-  .grid.mobile > li, .mobile.grid-1 > li, .mobile.grid-2 > li, .mobile.grid-3 > li, .mobile.grid-4 > li, .mobile.grid-5 > li, .mobile.grid-6 > li, .mobile.grid-7 > li, .mobile.grid-8 > li, .mobile.grid-9 > li, .mobile.grid-10 > li, .mobile.grid-11 > li, .mobile.grid-12 > li {
-    float: none;
-    width: 100%;
-    margin-left: 0%;
-  }
-
-  .row {
-    width: 100%;
-    min-width: 0;
-    margin-left: 0;
-    margin-right: 0;
-  }
-  .row .row .column, .row .row .columns-1, .row .row .phone-1, .row .row .columns-2, .row .row .phone-2, .row .row .columns-3, .row .row .phone-3, .row .row .columns-4, .row .row .phone-4, .row .row .columns-5, .row .row .phone-5, .row .row .columns-6, .row .row .phone-6, .row .row .columns-7, .row .row .phone-7, .row .row .columns-8, .row .row .phone-8, .row .row .columns-9, .row .row .phone-9, .row .row .columns-10, .row .row .phone-10, .row .row .columns-11, .row .row .phone-11, .row .row .columns-12, .row .row .phone-12 {
-    padding: 0;
-  }
-
-  .column, .columns-1, .phone-1, .columns-2, .phone-2, .columns-3, .phone-3, .columns-4, .phone-4, .columns-5, .phone-5, .columns-6, .phone-6, .columns-7, .phone-7, .columns-8, .phone-8, .columns-9, .phone-9, .columns-10, .phone-10, .columns-11, .phone-11, .columns-12, .phone-12 {
-    width: auto;
-    float: none;
-    margin-left: 0;
-    margin-right: 0;
-  }
-
-  .no-margin-left, .offset-by-1, .offset-by-1:first-child, .offset-by-2, .offset-by-2:first-child, .offset-by-3, .offset-by-3:first-child, .offset-by-4, .offset-by-4:first-child, .offset-by-5, .offset-by-5:first-child, .offset-by-6, .offset-by-6:first-child, .offset-by-7, .offset-by-7:first-child, .offset-by-8, .offset-by-8:first-child, .offset-by-9, .offset-by-9:first-child, .offset-by-10, .offset-by-10:first-child, .offset-by-11, .offset-by-11:first-child, .offset-by-12, .offset-by-12:first-child {
-    margin-left: 0;
-  }
-
-  .no-left, .push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12 {
-    left: none;
-  }
-
-  .no-right, .pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12 {
-    right: none;
-  }
-
-  .phone-1 {
-    float: left;
-    margin-left: 4.4%;
-    width: 21.7%;
-  }
-
-  .phone-2 {
-    float: left;
-    margin-left: 4.4%;
-    width: 47.8%;
-  }
-
-  .phone-3 {
-    float: left;
-    margin-left: 4.4%;
-    width: 73.9%;
-  }
-
-  .phone-4 {
-    float: left;
-    margin-left: 4.4%;
-    width: 100%;
-  }
-}
-.row {
-  background-color: rgba(255, 0, 0, 0.3);
-}
-
-.grid, .grid-1, .grid-2, .grid-3, .grid-4, .grid-5, .grid-6, .grid-7, .grid-8, .grid-9, .grid-10, .grid-11, .grid-12 {
-  background-color: rgba(0, 128, 0, 0.3);
-}
-
-.column, .columns-1, .phone-1, .columns-2, .phone-2, .columns-3, .phone-3, .columns-4, .phone-4, .columns-5, .phone-5, .columns-6, .phone-6, .columns-7, .phone-7, .columns-8, .phone-8, .columns-9, .phone-9, .columns-10, .phone-10, .columns-11, .phone-11, .columns-12, .phone-12, .grid > li, .grid-1 > li, .grid-2 > li, .grid-3 > li, .grid-4 > li, .grid-5 > li, .grid-6 > li, .grid-7 > li, .grid-8 > li, .grid-9 > li, .grid-10 > li, .grid-11 > li, .grid-12 > li {
-  background-color: rgba(0, 0, 255, 0.3);
-  margin-bottom: 2px;
-  white-space: nowrap;
-}