compass-jquery-plugin 0.3.2.8 → 0.3.3.0

data/templates/mobile/jquery/mobile/_base.scss

@@ -338,14 +338,14 @@ Built by David Kaneda and maintained by Jonathan Stark.
     z-index: 0;
     -webkit-animation-name: fadeout; } }
 
-/* The properties in this body rule are only necessary for the 'flip' transition.
+/* The properties in this rule are only necessary for the 'flip' transition.
  * We need specify the perspective to create a projection matrix. This will add
  * some depth as the element flips. The depth number represents the distance of
  * the viewer from the z-plane. According to the CSS3 spec, 1000 is a moderate
  * value.
  */
 
-.ui-mobile-viewport-perspective {
+.viewport-flip {
   -webkit-perspective: 1000;
   position: absolute; }
 
@@ -870,7 +870,7 @@ Built by David Kaneda and maintained by Jonathan Stark.
 .ui-controlgroup .ui-btn-icon-notext .ui-btn-inner {  padding: 5px 6px 5px 5px; }
 */
 
-.min-width-480px {
+@media all and (min-width: 450px) {
   .ui-controlgroup-label {
     vertical-align: top;
     display: inline-block;
@@ -880,6 +880,7 @@ Built by David Kaneda and maintained by Jonathan Stark.
     width: 60%;
     display: inline-block; } }
 
+
 /*
 * jQuery Mobile Framework
 * Copyright (c) jQuery Project
@@ -913,12 +914,18 @@ Built by David Kaneda and maintained by Jonathan Stark.
   text-align: left;
   z-index: 2; }
 
+.ui-checkbox .ui-btn-inner, .ui-radio .ui-btn-inner {
+  white-space: normal; }
+
 .ui-checkbox .ui-btn-icon-left .ui-btn-inner, .ui-radio .ui-btn-icon-left .ui-btn-inner {
   padding-left: 45px; }
 
 .ui-checkbox .ui-btn-icon-right .ui-btn-inner, .ui-radio .ui-btn-icon-right .ui-btn-inner {
   padding-right: 45px; }
 
+.ui-checkbox .ui-icon, .ui-radio .ui-icon {
+  top: 1.1em; }
+
 .ui-checkbox .ui-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {
   left: 15px; }
 
@@ -952,10 +959,12 @@ Built by David Kaneda and maintained by Jonathan Stark.
   &:first-child {
     border-top-width: 0; } }
 
-.min-width-480px .ui-field-contain {
-  border-width: 0;
-  padding: 0;
-  margin: 1em 0; }
+@media all and (min-width: 450px) {
+  .ui-field-contain {
+    border-width: 0;
+    padding: 0;
+    margin: 1em 0; } }
+
 
 /*
 * jQuery Mobile Framework
@@ -1044,10 +1053,14 @@ label.ui-select {
 .ui-li.ui-selectmenu-placeholder {
   display: none; }
 
-.ui-selectmenu .ui-header .ui-title {
-  margin: 0.6em 46px 0.8em; }
+.ui-selectmenu .ui-header {
+  .ui-title {
+    margin: 0.6em 46px 0.8em; }
+  h1:after {
+    content: '.';
+    visibility: hidden; } }
 
-.min-width-480px {
+@media all and (min-width: 450px) {
   label.ui-select {
     display: inline-block;
     width: 20%;
@@ -1056,11 +1069,8 @@ label.ui-select {
     width: 60%;
     display: inline-block; } }
 
-/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button.  this shim's content in there */
 
-.ui-selectmenu .ui-header h1:after {
-  content: '.';
-  visibility: hidden; }
+/* when no placeholder is defined in a multiple select, the header height doesn't even extend past the close button.  this shim's content in there */
 
 /*
 * jQuery Mobile Framework
@@ -1116,8 +1126,7 @@ textarea.ui-input-text {
     display: none; } }
 
 /* orientation adjustments - incomplete!*/
-
-.min-width-480px {
+@media all and (min-width: 450px) {
   label.ui-input-text {
     vertical-align: top;
     display: inline-block;
@@ -1134,6 +1143,7 @@ textarea.ui-input-text {
       width: 98%;
       /*echos rule from above*/ } } }
 
+
 /*
 * jQuery Mobile Framework
 * Copyright (c) jQuery Project
@@ -1278,8 +1288,10 @@ ol.ui-listview .ui-li-jsnumbering:before {
   text-align: right;
   margin: .3em 0; }
 
-.min-width-480px .ui-li-aside {
-  width: 45%; }
+@media all and (min-width: 480px) {
+  .ui-li-aside {
+    width: 45%; } }
+
 
 .ui-li-divider {
   cursor: default; }
@@ -1339,11 +1351,15 @@ ol.ui-listview .ui-li-jsnumbering:before {
   margin: -15px -5px -15px -5px;
   background: transparent; }
 
+.ui-li.ui-screen-hidden {
+  display: none; }
+
 /* Odd iPad positioning issue. */
 @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
   .ui-li .ui-btn-text {
     overflow: visible; } }
 
+
 /*
 * jQuery Mobile Framework
 * Copyright (c) jQuery Project
@@ -1353,7 +1369,7 @@ ol.ui-listview .ui-li-jsnumbering:before {
 label.ui-slider {
   display: block; }
 
-input.ui-slider-input, .min-width-480px input.ui-slider-input {
+input.ui-slider-input {
   display: inline-block;
   width: 50px; }
 
@@ -1382,7 +1398,7 @@ a.ui-slider-handle {
     padding-left: 0;
     padding-right: 0; } }
 
-.min-width-480px {
+@media all and (min-width: 480px) {
   label.ui-slider {
     display: inline-block;
     width: 20%;
@@ -1390,6 +1406,7 @@ a.ui-slider-handle {
   div.ui-slider {
     width: 45%; } }
 
+
 div {
   &.ui-slider-switch {
     height: 32px;

data/templates/mobile/jquery/mobile/default.scss

@@ -10,7 +10,7 @@
 -----------------------------------------------------------------------------------------------------------*/
 
 .ui-bar-a {
-  border: 1px solid 		#2A2A2A;
+  border: 1px solid #2A2A2A;
   background: #111111;
   color: #ffffff;
   font-weight: bold;
@@ -28,10 +28,10 @@
     font-weight: bold; } }
 
 .ui-body-a {
-  border: 1px solid 		#2A2A2A;
+  border: 1px solid #2A2A2A;
   background: #222222;
   color: #fff;
-  text-shadow: 0 1px 0 	#000;
+  text-shadow: 0 1px 0 #000;
   font-weight: normal;
   background-image: -moz-linear-gradient(top, #666666, #222222);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #666666), color-stop(1, #222222));
@@ -52,7 +52,7 @@
   border-bottom-style: solid; }
 
 .ui-btn-up-a {
-  border: 1px solid 		#222;
+  border: 1px solid #222;
   background: #333333;
   font-weight: bold;
   color: #fff;
@@ -64,7 +64,7 @@
     color: #fff; } }
 
 .ui-btn-hover-a {
-  border: 1px solid 		#000;
+  border: 1px solid #000;
   background: #444444;
   font-weight: bold;
   color: #fff;
@@ -76,7 +76,7 @@
     color: #fff; } }
 
 .ui-btn-down-a {
-  border: 1px solid 		#000;
+  border: 1px solid #000;
   background: #3d3d3d;
   font-weight: bold;
   color: #fff;
@@ -95,7 +95,7 @@
 -----------------------------------------------------------------------------------------------------------*/
 
 .ui-bar-b {
-  border: 1px solid 		#456f9a;
+  border: 1px solid #456f9a;
   background: #5e87b0;
   color: #fff;
   font-weight: bold;
@@ -113,10 +113,10 @@
     font-weight: bold; } }
 
 .ui-body-b {
-  border: 1px solid 		#C6C6C6;
+  border: 1px solid #C6C6C6;
   background: #cccccc;
   color: #333333;
-  text-shadow: 0 1px 0 	#fff;
+  text-shadow: 0 1px 0 #fff;
   font-weight: normal;
   background-image: -moz-linear-gradient(top, #e6e6e6, #cccccc);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e6e6e6), color-stop(1, #cccccc));
@@ -131,7 +131,7 @@
     font-weight: bold; } }
 
 .ui-btn-up-b {
-  border: 1px solid 		#145072;
+  border: 1px solid #145072;
   background: #2567ab;
   font-weight: bold;
   color: #fff;
@@ -143,7 +143,7 @@
     color: #fff; } }
 
 .ui-btn-hover-b {
-  border: 1px solid 		#00516e;
+  border: 1px solid #00516e;
   background: #4b88b6;
   font-weight: bold;
   color: #fff;
@@ -155,7 +155,7 @@
     color: #fff; } }
 
 .ui-btn-down-b {
-  border: 1px solid 		#225377;
+  border: 1px solid #225377;
   background: #4e89c5;
   font-weight: bold;
   color: #fff;
@@ -174,11 +174,11 @@
 -----------------------------------------------------------------------------------------------------------*/
 
 .ui-bar-c {
-  border: 1px solid 		#B3B3B3;
+  border: 1px solid #B3B3B3;
   background: #e9eaeb;
   color: #3E3E3E;
   font-weight: bold;
-  text-shadow: 0 1px 1px 	#fff;
+  text-shadow: 0 1px 1px #fff;
   background-image: -moz-linear-gradient(top, #f0f0f0, #e9eaeb);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0f0f0), color-stop(1, #e9eaeb));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f0f0f0', EndColorStr='#e9eaeb')";
@@ -187,9 +187,9 @@
     font-family: Helvetica, Arial, sans-serif; } }
 
 .ui-body-c {
-  border: 1px solid 		#B3B3B3;
+  border: 1px solid #B3B3B3;
   color: #333333;
-  text-shadow: 0 1px 0 	#fff;
+  text-shadow: 0 1px 0 #fff;
   background: #f0f0f0;
   background-image: -moz-linear-gradient(top, #eeeeee, #dddddd);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #dddddd));
@@ -204,7 +204,7 @@
     font-weight: bold; } }
 
 .ui-btn-up-c {
-  border: 1px solid 		#ccc;
+  border: 1px solid #ccc;
   background: #eee;
   font-weight: bold;
   color: #444;
@@ -216,11 +216,11 @@
     color: #2F3E46; } }
 
 .ui-btn-hover-c {
-  border: 1px solid 		#bbb;
+  border: 1px solid #bbb;
   background: #dadada;
   font-weight: bold;
   color: #101010;
-  text-shadow: 0 1px 1px 	#fff;
+  text-shadow: 0 1px 1px #fff;
   background-image: -moz-linear-gradient(top, #ededed, #dadada);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ededed), color-stop(1, #dadada));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ededed', EndColorStr='#dadada')";
@@ -228,11 +228,11 @@
     color: #2F3E46; } }
 
 .ui-btn-down-c {
-  border: 1px solid 		#808080;
+  border: 1px solid #808080;
   background: #fdfdfd;
   font-weight: bold;
   color: #111111;
-  text-shadow: 0 1px 1px 	#ffffff;
+  text-shadow: 0 1px 1px #ffffff;
   background-image: -moz-linear-gradient(top, #eeeeee, #fdfdfd);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, #fdfdfd));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#fdfdfd')";
@@ -247,7 +247,7 @@
 -----------------------------------------------------------------------------------------------------------*/
 
 .ui-bar-d {
-  border: 1px solid 		#ccc;
+  border: 1px solid #ccc;
   background: #bbb;
   color: #333;
   text-shadow: 0 1px 0 #eee;
@@ -264,9 +264,9 @@
     font-weight: bold; } }
 
 .ui-body-d {
-  border: 1px solid 		#ccc;
+  border: 1px solid #ccc;
   color: #333333;
-  text-shadow: 0 1px 0 	#fff;
+  text-shadow: 0 1px 0 #fff;
   background: #ffffff;
   font-family: Helvetica, Arial, sans-serif;
   input, select, textarea, button {
@@ -278,7 +278,7 @@
     font-weight: bold; } }
 
 .ui-btn-up-d {
-  border: 1px solid 		#ccc;
+  border: 1px solid #ccc;
   background: #fff;
   font-weight: bold;
   color: #444;
@@ -287,12 +287,12 @@
     color: #333; } }
 
 .ui-btn-hover-d {
-  border: 1px solid 		#aaa;
+  border: 1px solid #aaa;
   background: #eeeeee;
   font-weight: bold;
   color: #222;
   cursor: pointer;
-  text-shadow: 0 1px 1px 	#fff;
+  text-shadow: 0 1px 1px #fff;
   background-image: -moz-linear-gradient(top, #fdfdfd, #eeeeee);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fdfdfd), color-stop(1, #eeeeee));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fdfdfd', EndColorStr='#eeeeee')";
@@ -300,23 +300,16 @@
     color: #222; } }
 
 .ui-btn-down-d {
-  border: 1px solid 		#aaaaaa;
+  border: 1px solid #aaaaaa;
   background: #ffffff;
   font-weight: bold;
   color: #111;
-  text-shadow: 0 1px 1px 	#ffffff;
+  text-shadow: 0 1px 1px #ffffff;
   background-image: -moz-linear-gradient(top, #eeeeee, white);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eeeeee), color-stop(1, white));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee', EndColorStr='#ffffff')";
   a.ui-link-inherit {
-    border: 1px solid 		#808080;
-    background: #ced0d2;
-    font-weight: bold;
-    color: #111;
-    text-shadow: none;
-    background-image: -moz-linear-gradient(top, #cccccc, #eeeeee);
-    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cccccc), color-stop(1, #eeeeee));
-    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#cccccc', EndColorStr='#eeeeee')"; } }
+    color: #111; } }
 
 .ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d {
   font-family: Helvetica, Arial, sans-serif;
@@ -326,10 +319,10 @@
 -----------------------------------------------------------------------------------------------------------*/
 
 .ui-bar-e {
-  border: 1px solid 		#F7C942;
+  border: 1px solid #F7C942;
   background: #fadb4e;
   color: #333;
-  text-shadow: 0 1px 0 	#fff;
+  text-shadow: 0 1px 0 #fff;
   background-image: -moz-linear-gradient(top, #fceda7, #fadb4e);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fceda7), color-stop(1, #fadb4e));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')";
@@ -348,9 +341,9 @@
     font-weight: bold; } }
 
 .ui-body-e {
-  border: 1px solid 		#F7C942;
+  border: 1px solid #F7C942;
   color: #333333;
-  text-shadow: 0 1px 0 	#fff;
+  text-shadow: 0 1px 0 #fff;
   background: #faeb9e;
   background-image: -moz-linear-gradient(top, white, #faeb9e);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, white), color-stop(1, #faeb9e));
@@ -365,11 +358,11 @@
     font-weight: bold; } }
 
 .ui-btn-up-e {
-  border: 1px solid 		#F7C942;
+  border: 1px solid #F7C942;
   background: #fadb4e;
   font-weight: bold;
   color: #333;
-  text-shadow: 0 1px 0 	#fff;
+  text-shadow: 0 1px 0 #fff;
   background-image: -moz-linear-gradient(top, #fceda7, #fadb4e);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fceda7), color-stop(1, #fadb4e));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fceda7', EndColorStr='#fadb4e')";
@@ -377,11 +370,11 @@
     color: #333; } }
 
 .ui-btn-hover-e {
-  border: 1px solid 		#e79952;
+  border: 1px solid #e79952;
   background: #fbe26f;
   font-weight: bold;
   color: #111;
-  text-shadow: 0 1px 1px 	#fff;
+  text-shadow: 0 1px 1px #fff;
   background-image: -moz-linear-gradient(top, #fcf0b5, #fbe26f);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcf0b5), color-stop(1, #fbe26f));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fcf0b5', EndColorStr='#fbe26f')";
@@ -389,11 +382,11 @@
     color: #333; } }
 
 .ui-btn-down-e {
-  border: 1px solid 		#F7C942;
+  border: 1px solid #F7C942;
   background: #fceda7;
   font-weight: bold;
   color: #111;
-  text-shadow: 0 1px 1px 	#ffffff;
+  text-shadow: 0 1px 1px #ffffff;
   background-image: -moz-linear-gradient(top, #fadb4e, #fceda7);
   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fadb4e), color-stop(1, #fceda7));
   -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fadb4e', EndColorStr='#fceda7')";
@@ -404,7 +397,7 @@
   font-family: Helvetica, Arial, sans-serif;
   text-decoration: none; }
 
-/* links within "buttons" 
+/* links within "buttons"
 -----------------------------------------------------------------------------------------------------------*/
 
 a.ui-link-inherit {
@@ -414,7 +407,7 @@ a.ui-link-inherit {
 -----------------------------------------------------------------------------------------------------------*/
 
 .ui-btn-active {
-  border: 1px solid 		#155678;
+  border: 1px solid #155678;
   background: #4596ce;
   font-weight: bold;
   color: #fff;
@@ -432,7 +425,7 @@ a.ui-link-inherit {
 -----------------------------------------------------------------------------------------------------------*/
 
 .ui-btn-inner {
-  border-top: 1px solid 	#fff;
+  border-top: 1px solid #fff;
   border-color: rgba(255, 255, 255, 0.3); }
 
 /* corner rounding classes
@@ -528,9 +521,7 @@ a.ui-link-inherit {
 /* HD/"retina" sprite
 -----------------------------------------------------------------------------------------------------------*/
 
-@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
-       only screen and (min--moz-device-pixel-ratio: 1.5),
-       only screen and (min-resolution: 240dpi) {
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240 dpi) {
   .ui-icon-plus, .ui-icon-minus, .ui-icon-delete, .ui-icon-arrow-r, .ui-icon-arrow-l, .ui-icon-arrow-u, .ui-icon-arrow-d, .ui-icon-check, .ui-icon-gear, .ui-icon-refresh, .ui-icon-forward, .ui-icon-back, .ui-icon-grid, .ui-icon-star, .ui-icon-alert, .ui-icon-info, .ui-icon-home, .ui-icon-search, .ui-icon-checkbox-off, .ui-icon-checkbox-on, .ui-icon-radio-off, .ui-icon-radio-on {
     background-image: image_url("jquery/mobile/default/icons-36-white.png");
     -moz-background-size: 776px 18px;
@@ -540,6 +531,7 @@ a.ui-link-inherit {
   .ui-icon-alt {
     background-image: image_url("jquery/mobile/default/icons-36-black.png"); } }
 
+
 /* plus minus */
 
 .ui-icon-plus {
@@ -744,9 +736,9 @@ a.ui-link-inherit {
 -----------------------------------------------------------------------------------------------------------*/
 
 .ui-focus {
-  -moz-box-shadow: 0px 0px 12px 		#387bbe;
-  -webkit-box-shadow: 0px 0px 12px 	#387bbe;
-  box-shadow: 0px 0px 12px 			#387bbe; }
+  -moz-box-shadow: 0px 0px 12px #387bbe;
+  -webkit-box-shadow: 0px 0px 12px #387bbe;
+  box-shadow: 0px 0px 12px #387bbe; }
 
 /* unset box shadow in browsers that don't do it right
 -----------------------------------------------------------------------------------------------------------*/