compass-jquery-mobile-plugin 0.1

data/stylesheets/_forms.checkboxradio.scss

@@ -0,0 +1,37 @@
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+
+div {
+  &.ui-checkbox, &.ui-radio {
+    position: relative;
+    margin: .2em 0 .5em; } }
+
+.ui-checkbox .ui-btn, .ui-radio .ui-btn {
+  margin: 0;
+  text-align: left; }
+
+.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-btn-icon-left .ui-icon, .ui-radio .ui-btn-icon-left .ui-icon {
+  left: 15px; }
+
+.ui-checkbox .ui-btn-icon-right .ui-icon, .ui-radio .ui-btn-icon-right .ui-icon {
+  right: 15px; }
+
+/* input, label positioning */
+
+.ui-checkbox input, .ui-radio input {
+  position: absolute;
+  left: 20px;
+  top: 50%;
+  width: 10px;
+  height: 10px;
+  margin: -5px 0 0 0;
+  outline: 0 !important; }

data/stylesheets/_forms.fieldcontain.scss

@@ -0,0 +1,20 @@
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+
+.ui-field-contain {
+  background: none;
+  padding: 1.5em 0;
+  margin: 0;
+  border-bottom-width: 1px;
+  overflow: visible;
+  &:first-child {
+    border-top-width: 0; } }
+
+@media screen and (max-width: 480px) {
+  .ui-field-contain {
+    border-width: 0;
+    padding: 0;
+    margin: 1em 0; } }

data/stylesheets/_forms.select.scss

@@ -0,0 +1,72 @@
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+
+.ui-select {
+  display: block;
+  select {
+    position: absolute;
+    left: -99999px; }
+  .ui-btn-icon-right {
+    .ui-btn-inner {
+      padding-right: 45px; }
+    .ui-icon {
+      right: 15px; } } }
+
+/* labels */
+
+label.ui-select {
+  font-size: 16px;
+  line-height: 1.4;
+  font-weight: normal;
+  margin: 0 0 .3em;
+  display: block; }
+
+/*listbox*/
+
+.ui-listbox {
+  position: absolute;
+  padding: 0;
+  z-index: 100 !important;
+  width: 80%;
+  max-width: 350px;
+  padding: 6px;
+  .ui-listview {
+    margin: 0; } }
+
+.ui-listbox-hidden {
+  top: -999999px;
+  left: -99999px; }
+
+.ui-listbox-screen {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 99; }
+
+.ui-screen-hidden {
+  display: none; }
+
+.ui-listbox-list {
+  .ui-li .ui-icon {
+    display: none; }
+  .ui-btn-active .ui-icon {
+    display: block; } }
+
+/*used in listbox - to be removed/replaced with page-style hiding*/
+
+.ui-helper-hidden, .ui-mobile .ui-content-hidden {
+  display: none; }
+
+@media screen and (min-width: 480px) {
+  label.ui-select {
+    display: inline-block;
+    width: 20%;
+    margin: 0 2% 0 0; }
+  .ui-select {
+    width: 60%;
+    display: inline-block; } }

data/stylesheets/_forms.slider.scss

@@ -0,0 +1,104 @@
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+
+label.ui-slider {
+  display: block; }
+
+input.ui-slider-input {
+  display: inline-block;
+  width: 40px; }
+
+select.ui-slider-switch {
+  display: none; }
+
+div.ui-slider {
+  position: relative;
+  display: inline-block;
+  overflow: visible;
+  height: 15px;
+  padding: 0;
+  margin: 0 2% 0 15px;
+  top: 4px;
+  width: 66%; }
+
+a.ui-slider-handle {
+  position: absolute;
+  z-index: 10;
+  top: 50%;
+  width: 28px;
+  height: 28px;
+  margin-top: -15px;
+  margin-left: -15px;
+  .ui-btn-inner {
+    padding-left: 0;
+    padding-right: 0; } }
+
+@media screen and (min-width: 480px) {
+  label.ui-slider {
+    display: inline-block;
+    width: 20%;
+    margin: 0 2% 0 0; }
+  div.ui-slider {
+    width: 45%; } }
+
+
+div {
+  &.ui-slider-switch {
+    height: 32px;
+    overflow: hidden;
+    margin-left: 0; }
+  &.ui-slider-inneroffset {
+    margin-left: 50%;
+    position: absolute;
+    top: 1px;
+    height: 100%;
+    width: 50%; }
+  &.ui-slider-handle-snapping {
+    @include transition(left, 100ms, linear); }
+  &.ui-slider-labelbg {
+    position: absolute;
+    top: 0;
+    margin: 0;
+    border-width: 0; }
+  &.ui-slider-switch div {
+    &.ui-slider-labelbg-a {
+      width: 60%;
+      height: 100%;
+      left: 0; }
+    &.ui-slider-labelbg-b {
+      width: 60%;
+      height: 100%;
+      right: 0; } } }
+
+.ui-slider-switch-a div.ui-slider-labelbg-a, .ui-slider-switch-b div.ui-slider-labelbg-b {
+  z-index: 1; }
+
+.ui-slider-switch-a div.ui-slider-labelbg-b, .ui-slider-switch-b div.ui-slider-labelbg-a {
+  z-index: 10; }
+
+div.ui-slider-switch a.ui-slider-handle {
+  z-index: 20;
+  width: 101%;
+  height: 32px;
+  margin-top: -18px;
+  margin-left: -101%; }
+
+span {
+  &.ui-slider-label {
+    width: 100%;
+    position: absolute;
+    height: 32px;
+    font-size: 16px;
+    text-align: center;
+    line-height: 2;
+    background: none;
+    border-color: transparent; }
+  &.ui-slider-label-a {
+    left: -100%;
+    margin-right: -1px; }
+  &.ui-slider-label-b {
+    right: -100%;
+    margin-left: -1px; } }

data/stylesheets/_forms.textinput.scss

@@ -0,0 +1,72 @@
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+
+label.ui-input-text {
+  font-size: 16px;
+  line-height: 1.4;
+  display: block;
+  font-weight: normal;
+  margin: 0 0 .3em; }
+
+input.ui-input-text {
+  background-image: none;
+  padding: .4em;
+  line-height: 1.4;
+  font-size: 16px;
+  display: block;
+  width: 95%; }
+
+textarea.ui-input-text {
+ @include transition(height, 200ms, linear);
+  background-image: none;
+  padding: .4em;
+  line-height: 1.4;
+  font-size: 16px;
+  display: block;
+  width: 95%;
+  height: 50px; }
+
+.ui-input-search {
+  padding: 0 30px;
+  width: 77%;
+  background-position: 8px 50%;
+  background-repeat: no-repeat;
+  position: relative;
+  input.ui-input-text {
+    border: none;
+    width: 98%;
+    padding: .4em 0;
+    margin: 0;
+    display: block;
+    background: transparent none;
+    outline: 0 !important; }
+  .ui-input-clear {
+    position: absolute;
+    right: 2px;
+    top: 50%;
+    margin-top: -12px; }
+  .ui-input-clear-hidden {
+    display: none; } }
+
+/* orientation adjustments - incomplete!*/
+@media screen and (min-width: 480px) {
+  label {
+    &.ui-input-text {
+      vertical-align: top;
+      display: inline-block;
+      width: 20%;
+      margin: 0 2% 0 0; }
+    &.ui-select {
+      display: inline-block;
+      width: 20%;
+      margin: 0 2% 0 0; } }
+  input.ui-input-text, textarea.ui-input-text {
+    width: 60%;
+    display: inline-block; }
+  .ui-input-search {
+    width: 60%;
+    display: inline-block;
+    width: 50%; } }

data/stylesheets/_grids.scss

@@ -0,0 +1,31 @@
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+/* content configurations. */
+
+.ui-grid-a, .ui-grid-b, .ui-grid-c {
+  overflow: hidden; }
+
+.ui-block-a, .ui-block-b, .ui-block-c, .ui-block-d {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  float: left; }
+
+/* grid a: 50/50 */
+
+.ui-grid-a {
+  .ui-block-a, .ui-block-b {
+    width: 50%; }
+  .ui-block-a {
+    clear: left; } }
+
+/* grid b: 33/33/33 */
+
+.ui-grid-b {
+  .ui-block-a, .ui-block-b, .ui-block-c {
+    width: 33.333%; }
+  .ui-block-a {
+    clear: left; } }

data/stylesheets/_headerfooter.scss

@@ -0,0 +1,33 @@
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+/* fixed page header & footer configuration */
+
+.ui-header, .ui-footer {
+  position: absolute;
+  overflow: hidden;
+  width: 100%;
+  border-left-width: 0;
+  border-right-width: 0; }
+
+.ui-page-fullscreen {
+  .ui-header, .ui-footer {
+    position: absolute;
+    overflow: hidden;
+    width: 100%;
+    border-left-width: 0;
+    border-right-width: 0; } }
+
+.ui-header-fixed, .ui-footer-fixed {
+  z-index: 1000; }
+
+.ui-footer-duplicate {
+  display: none; }
+
+.ui-page-fullscreen {
+  .ui-fixed-inline {
+    display: none; }
+  .ui-header, .ui-footer {
+    opacity: .9; } }

data/stylesheets/_jquery-mobile.scss

@@ -0,0 +1,39 @@
+/* Compass Helpers */
+@import "compass/css3";
+@import "compass/reset";
+
+/* Variables */
+$base-font-family: Helvetica, Arial, sans-serif;
+$border-radius: .6em;
+
+/* Helpers */
+@import "helpers/mixins";
+
+/* Theming */
+@import "theme";
+@import "themes/a";
+@import "themes/b";
+@import "themes/c";
+@import "themes/d";
+@import "themes/e";
+           
+/* Base UI */
+@import "core";
+@import "transitions";
+@import "grids";
+@import "headerfooter";
+@import "navbar";
+@import "button";
+@import "collapsible";
+@import "controlgroup";
+@import "dialog";
+@import "forms.checkboxradio";
+@import "forms.fieldcontain";
+@import "forms.select";
+@import "forms.textinput";
+@import "listview";
+@import "forms.slider";
+
+/* Custom Styles */
+
+/* go nuts! */

data/stylesheets/_listview.scss

@@ -0,0 +1,170 @@
+/*
+* jQuery Mobile Framework
+* Copyright (c) jQuery Project
+* Dual licensed under the MIT (MIT-LICENSE.txt) or GPL (GPL-LICENSE.txt) licenses.
+*/
+
+.ui-listview {
+  margin: 0;
+  counter-reset: listnumbering;
+  margin: -15px; }
+
+.ui-listview-inset {
+  margin: 1em 0; }
+
+.ui-listview {
+  list-style: none;
+  padding: 0;
+  zoom: 1; }
+
+.ui-li {
+  list-style: none;
+  padding: 0;
+  zoom: 1;
+  display: block;
+  margin: 0;
+  position: relative;
+  overflow: hidden;
+  text-align: left;
+  border-width: 0;
+  border-top-width: 1px;
+  .ui-btn-text {
+    text-overflow: ellipsis;
+    overflow: hidden;
+    white-space: nowrap; } }
+
+.ui-li-divider, .ui-li-static {
+  padding: .5em 15px;
+  font-size: 14px;
+  font-weight: bold;
+  counter-reset: listnumbering; }
+
+ol.ui-listview .ui-link-inherit:before, .ui-li-dec {
+  font-size: .8em;
+  display: inline-block;
+  padding-right: .3em;
+  font-weight: normal;
+  counter-increment: listnumbering;
+  content: counter(listnumbering) ". "; }
+
+ol.ui-listview .ui-li-jsnumbering:before {
+  content: "" !important; }
+
+/* to avoid chance of duplication */
+
+.ui-listview-inset .ui-li {
+  border-right-width: 1px;
+  border-left-width: 1px; }
+
+.ui-li {
+  &:last-child {
+    border-bottom-width: 1px; }
+  .ui-btn-inner {
+    display: block;
+    position: relative;
+    padding: .7em 75px .7em 15px; } }
+
+.ui-li-has-thumb .ui-btn-inner {
+  min-height: 60px;
+  padding-left: 100px; }
+
+.ui-li-has-icon .ui-btn-inner {
+  min-height: 20px;
+  padding-left: 40px; }
+
+.ui-li-heading {
+  font-size: 16px;
+  font-weight: bold;
+  display: block;
+  margin: .6em 0;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap; }
+
+.ui-li-desc {
+  font-size: 12px;
+  font-weight: normal;
+  display: block;
+  margin: -0.5em 0 0.6em;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap; }
+
+.ui-li-thumb {
+  position: absolute;
+  left: 1px;
+  top: 0;
+  max-height: 80px;
+  max-width: 80px; }
+
+.ui-li-icon {
+  position: absolute;
+  left: 1px;
+  top: 0;
+  max-height: 80px;
+  max-width: 80px;
+  max-height: 40px;
+  max-width: 40px;
+  left: 10px;
+  top: .9em; }
+
+.ui-li-thumb, .ui-li-icon, .ui-li-content {
+  float: left;
+  margin-right: 10px; }
+
+.ui-li-aside {
+  float: right;
+  width: 25%;
+  text-align: right;
+  margin: .3em 0; }
+
+.ui-li-has-alt .ui-btn-inner {
+  padding-right: 95px; }
+
+.ui-li-count {
+  position: absolute;
+  font-size: 11px;
+  font-weight: bold;
+  padding: .2em .5em;
+  top: 50%;
+  margin-top: -0.9em;
+  right: 38px; }
+
+.ui-li-divider .ui-li-count {
+  right: 10px; }
+
+.ui-li-has-alt .ui-li-count {
+  right: 55px; }
+
+.ui-li-link-alt {
+  position: absolute;
+  width: 40px;
+  height: 100%;
+  border-width: 0;
+  border-left-width: 1px;
+  top: 0;
+  right: 0;
+  margin: 0;
+  padding: 0;
+  .ui-btn {
+    overflow: hidden;
+    position: absolute;
+    right: 8px;
+    top: 50%;
+    margin: -11px 0 0 0;
+    border-bottom-width: 1px; }
+  .ui-btn-inner {
+    padding: 0;
+    position: static; }
+  .ui-btn .ui-icon {
+    right: 50%;
+    margin-right: -9px; } }
+
+.ui-listview-filter {
+  border-width: 0;
+  overflow: hidden;
+  margin: -15px -15px 15px -15px;
+  .ui-input-search {
+    margin: 5px;
+    width: auto;
+    display: block; } }