compass-jquery-mobile-plugin 0.1

data/stylesheets/themes/_e.scss

@@ -0,0 +1,114 @@
+/* The naming convention for all the theme elements are taken directly from the 
+	jQuery Mobile themes 
+	
+	- swatch "e" is an accent swatch 
+*/
+
+// Colors
+$e-bar-background-color: #fadb4e;
+$e-bar-border-color: #F7C942;
+$e-bar-foreground-color: #333; 
+$e-bar-link-color: #2489CE;
+$e-bar-text-shadow-color: #fff;
+$e-bar-gradient-start-background-color: #fceda7;
+$e-bar-gradient-end-background-color: #fadb4e;
+
+$e-body-background-color: #faeb9e;
+$e-body-border-color: #F7C942;
+$e-body-foreground-color: #333;
+$e-body-link-color: #2489CE;
+$e-body-text-shadow-color: #fff;
+$e-body-gradient-start-background-color: #fff;
+$e-body-gradient-end-background-color: #faeb9e;
+
+$e-btn-up-background-color: #fadb4e;
+$e-btn-up-border-color: #F7C942;
+$e-btn-up-foreground-color: #333;
+$e-btn-up-link-color: #333;
+$e-btn-up-text-shadow-color: #fff;
+$e-btn-up-gradient-start-background-color: #fceda7;
+$e-btn-up-gradient-end-background-color: #fadb4e;
+
+$e-btn-hover-background-color: #fbe26f;
+$e-btn-hover-border-color: #e79952;
+$e-btn-hover-foreground-color: #111;
+$e-btn-hover-link-color: #333;
+$e-btn-hover-text-shadow-color: #fff;
+$e-btn-hover-gradient-start-background-color: #fcf0b5;
+$e-btn-hover-gradient-end-background-color: #fbe26f;
+
+$e-btn-down-background-color: #fceda7;
+$e-btn-down-border-color: #F7C942;
+$e-btn-down-foreground-color: #111;
+$e-btn-down-link-color: #333;
+$e-btn-down-text-shadow-color: #fff;
+$e-btn-down-gradient-start-background-color: #fadb4e;
+$e-btn-down-gradient-end-background-color: #fceda7;
+
+// fonts
+$e-font-family: $base-font-family;
+
+// Bar styling
+.ui-bar-e{
+	@include ui-bar-body($e-bar-border-color, $e-bar-background-color, $e-bar-foreground-color, 0 1px 0 $e-bar-text-shadow-color, $e-bar-gradient-start-background-color, $e-bar-gradient-end-background-color);
+}
+
+.ui-bar-e,.ui-bar-e input,.ui-bar-e select,.ui-bar-e textarea,.ui-bar-d button{
+	font-family: $e-font-family;
+}
+
+.ui-bar-e .ui-link-inherit{
+	color: $e-bar-foreground-color;
+}
+
+.ui-bar-e .ui-link{
+	color: $e-bar-link-color;
+	font-weight: 700;
+}
+
+// Body styling
+.ui-body-e{
+	@include ui-bar-body($e-body-border-color, $e-body-background-color, $e-body-foreground-color, 0 1px 0 $e-body-text-shadow-color, $e-body-gradient-start-background-color, $e-body-gradient-end-background-color);
+}
+
+.ui-body-e,.ui-body-e input,.ui-body-e select,.ui-body-e textarea,.ui-body-e button{
+	font-family: $e-font-family;
+}
+
+.ui-body-e .ui-link-inherit{
+	color: $e-body-foreground-color;
+}
+
+.ui-body-e .ui-link{
+	color: $e-body-link-color;
+	font-weight: 700;
+}
+
+// Button styling
+.ui-btn-up-e{
+	@include ui-button($e-btn-up-border-color, $e-btn-up-background-color, $e-btn-up-foreground-color, 0 1px 0 $e-btn-up-text-shadow-color, $e-btn-up-gradient-start-background-color, $e-btn-up-gradient-end-background-color, 700);
+}
+
+.ui-btn-up-e a.ui-link-inherit{
+	color: $e-btn-up-link-color;
+}
+
+.ui-btn-hover-e{
+	@include ui-button($e-btn-hover-border-color, $e-btn-hover-background-color, $e-btn-hover-foreground-color, 0 1px 1px $e-btn-up-text-shadow-color, $e-btn-hover-gradient-start-background-color, $e-btn-hover-gradient-end-background-color, 700);
+}
+
+.ui-btn-hover-e a.ui-link-inherit{
+	color: $e-btn-hover-link-color;
+}
+
+.ui-btn-down-e{
+	@include ui-button($e-btn-down-border-color, $e-btn-down-background-color, $e-btn-down-foreground-color, 0 1px 1px $e-btn-down-text-shadow-color, $e-btn-down-gradient-start-background-color, $e-btn-down-gradient-end-background-color, 700);
+}
+
+.ui-btn-down-e a.ui-link-inherit{
+	color: $e-btn-down-link-color;
+}
+
+.ui-btn-up-e,.ui-btn-hover-e,.ui-btn-down-e{
+	font-family: $e-font-family;
+}

data/stylesheets/themes/wyke/_a.scss

@@ -0,0 +1,106 @@
+/* The naming convention for all the theme elements are taken directly from the 
+	jQuery Mobile themes 
+	
+	- swatch "a" is the highest level of visual priority (black in the default theme)
+*/
+
+// Colors
+$a-bar-background-color: #111;
+$a-bar-border-color: #2A2A2A;
+$a-bar-foreground-color: #fff;
+$a-bar-link-color: #7cc4e7;
+$a-bar-text-shadow-color: #000;
+
+$a-body-background-color: #222;
+$a-body-border-color: #2A2A2A;
+$a-body-foreground-color: #fff; 
+$a-body-link-color: #2489CE;
+$a-body-text-shadow-color: #000;
+
+$a-btn-up-background-color: #333;
+$a-btn-up-border-color: #222;
+$a-btn-up-foreground-color: #fff;
+$a-btn-up-link-color: #fff;
+$a-btn-up-text-shadow-color: #000;
+
+$a-btn-hover-background-color: #444;
+$a-btn-hover-border-color: #000;
+$a-btn-hover-foreground-color: #fff;
+$a-btn-hover-link-color: #fff;
+$a-btn-hover-text-shadow-color: #000;
+
+$a-btn-down-background-color: #444;
+$a-btn-down-border-color: #000;
+$a-btn-down-foreground-color: #fff;
+$a-btn-down-link-color: #fff;
+$a-btn-down-text-shadow-color: #000;
+
+// fonts
+$a-font-family: $base-font-family;
+
+// Bar styling
+.ui-bar-a{
+	@include ui-bar-body($a-bar-border-color, $a-bar-background-color, $a-bar-foreground-color, 0 -1px 1px $a-bar-text-shadow-color, #3c3c3c, #111111, bold);
+}
+
+.ui-bar-a,.ui-bar-a input,.ui-bar-a select,.ui-bar-a textarea,.ui-bar-a button{
+	font-family: $a-font-family;
+}
+
+.ui-bar-a .ui-link-inherit{
+	color: $a-bar-foreground-color;
+}
+
+.ui-bar-a .ui-link{
+	color: $a-bar-link-color;
+	font-weight: 700;
+}
+
+// Body styling
+.ui-body-a{
+	@include ui-bar-body($a-body-border-color, $a-body-background-color, $a-body-foreground-color, 0 1px 0 $a-body-text-shadow-color, #666666, #222222, 400);
+}
+
+.ui-body-a,.ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a button{
+	font-family: $a-font-family;
+}
+
+.ui-body-a .ui-link-inherit{
+	color: $a-body-foreground-color;
+}
+
+.ui-body-a .ui-link{
+	color: $a-body-link-color;
+	font-weight: 700;
+}
+
+// Button styling
+.ui-btn-up-a{
+	@include ui-button($a-btn-up-border-color, $a-btn-up-background-color, $a-btn-up-foreground-color, 0 -1px 1px $a-btn-up-text-shadow-color, #555, #333, 700);
+}
+
+.ui-btn-up-a a.ui-link-inherit{
+	color: $a-btn-up-link-color;
+}
+
+.ui-btn-hover-a{
+	@include ui-button($a-btn-hover-border-color, $a-btn-hover-background-color, $a-btn-hover-foreground-color, 0 -1px 1px $a-btn-hover-text-shadow-color, #666, #444, 700);
+}
+
+.ui-btn-hover-a a.ui-link-inherit{
+	color: $a-btn-hover-link-color;
+}
+
+.ui-btn-down-a{
+	@include ui-button($a-btn-down-border-color, $a-btn-down-background-color, $a-btn-down-foreground-color, 0 -1px 1px $a-btn-down-text-shadow-color, #333, #5a5a5a, 700);
+}
+
+.ui-btn-down-a a.ui-link-inherit{
+	color: $a-btn-down-link-color;
+}
+
+.ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{
+	font-family: $a-font-family;
+}
+
+

data/stylesheets/themes/wyke/_b.scss

@@ -0,0 +1,105 @@
+/* The naming convention for all the theme elements are taken directly from the 
+	jQuery Mobile themes 
+	
+	- swatch "b" is secondary level (blue in the default theme)
+*/
+
+// Colors
+$b-bar-background-color: #5e87b0;
+$b-bar-foreground-color: #fff; 
+$b-bar-border-color: #456f9a;
+$b-bar-link-color: #7cc4e7;
+$b-bar-text-shadow-color: #254f7a;
+
+$b-body-background-color: #ccc;
+$b-body-foreground-color: #333;
+$b-body-border-color: #C6C6C6;
+$b-body-link-color: #2489CE;
+$b-body-text-shadow-color: #fff;
+
+$b-btn-up-background-color: #2567ab;
+$b-btn-up-border-color: #145072;
+$b-btn-up-foreground-color: #fff;
+$b-btn-up-link-color: #fff;
+$b-btn-up-text-shadow-color: #145072;
+
+$b-btn-hover-background-color: #5397d5;
+$b-btn-hover-border-color: #397cbe;
+$b-btn-hover-foreground-color: #fff;
+$b-btn-hover-link-color: #fff;
+$b-btn-hover-text-shadow-color: #014D68;
+
+$b-btn-down-background-color: #4e89c5;
+$b-btn-down-border-color: #225377;
+$b-btn-down-foreground-color: #fff;
+$b-btn-down-link-color: #fff;
+$b-btn-down-text-shadow-color: #225377;
+
+// fonts
+$b-font-family: $base-font-family;
+
+// Bar styling
+.ui-bar-b{
+	@include ui-bar-body($b-bar-border-color, $b-bar-background-color, $b-bar-foreground-color, 0 -1px 1px $b-bar-text-shadow-color, #81a8ce, #5e87b0, bold);
+}
+
+.ui-bar-b,.ui-bar-b input,.ui-bar-b select,.ui-bar-b textarea,.ui-bar-b button{
+	font-family: $b-font-family;
+}
+
+.ui-bar-b .ui-link-inherit{
+	color: $b-bar-foreground-color;
+}
+
+.ui-bar-b .ui-link{
+	color: $b-bar-link-color;
+	font-weight: 700;
+}
+
+// Body styling
+.ui-body-b{
+	@include ui-bar-body($b-body-border-color, $b-body-background-color, $b-body-foreground-color, 0 1px 0 $b-body-text-shadow-color, #e6e6e6, #ccc, 400);
+}
+
+.ui-body-b,.ui-body-b input,.ui-body-b select,.ui-body-b textarea,.ui-body-b button{
+	font-family: $b-font-family;
+}
+
+.ui-body-b .ui-link-inherit{
+	color: $b-body-foreground-color;
+}
+
+.ui-body-b .ui-link{
+	color: $b-body-link-color;
+	font-weight: 700;
+}
+
+
+// Button styling
+.ui-btn-up-b{
+	@include ui-button($b-btn-up-border-color, $b-btn-up-background-color, $b-btn-up-foreground-color, 0 -1px 1px $b-btn-up-text-shadow-color, #4e89c5, #2567ab, 700);
+}
+
+.ui-btn-up-b a.ui-link-inherit{
+	color: $b-btn-up-link-color;
+}
+
+.ui-btn-hover-b{
+	@include ui-button($b-btn-hover-border-color, $b-btn-hover-background-color, $b-btn-hover-foreground-color, 0 -1px 1px $b-btn-hover-text-shadow-color, #71a2d0, #397cbe, 700);
+}
+
+.ui-btn-hover-b a.ui-link-inherit{
+	color: $b-btn-hover-link-color;
+}
+
+.ui-btn-down-b{
+	@include ui-button($b-btn-down-border-color, $b-btn-down-background-color, $b-btn-down-foreground-color, 0 -1px 1px $b-btn-down-text-shadow-color, #396b9e, #4e89c5, 700);
+}
+
+.ui-btn-down-b a.ui-link-inherit{
+	color: $b-btn-down-link-color;
+}
+
+.ui-btn-up-b,.ui-btn-hover-b,.ui-btn-down-b{
+	font-family: $b-font-family;
+}

data/stylesheets/themes/wyke/_c.scss

@@ -0,0 +1,95 @@
+/* The naming convention for all the theme elements are taken directly from the 
+	jQuery Mobile themes 
+	
+	- swatch "c" is the baseline level (gray in the default theme)
+*/
+
+// Colors
+$c-bar-background-color: #e9eaeb;
+$c-bar-border-color: #B3B3B3;
+$c-bar-foreground-color: #3E3E3E; 
+$c-bar-link-color: #7cc4e7;
+$c-bar-text-shadow-color: #fff;
+
+$c-body-background-color: #f0f0f0;
+$c-body-border-color: #B3B3B3;
+$c-body-foreground-color: #333;
+$c-body-link-color: #2489CE;
+$c-body-text-shadow-color: #fff;
+
+$c-btn-up-background-color: #eee;
+$c-btn-up-border-color: #ccc;
+$c-btn-up-foreground-color: #444;
+$c-btn-up-link-color: #2F3E46;
+$c-btn-up-text-shadow-color: #f6f6f6;
+
+$c-btn-hover-background-color: #f5f5f5;
+$c-btn-hover-border-color: #aaa;
+$c-btn-hover-foreground-color: #111;
+$c-btn-hover-link-color: #2F3E46;
+$c-btn-hover-text-shadow-color: #fff;
+
+$c-btn-down-background-color: #fdfdfd;
+$c-btn-down-border-color: gray;
+$c-btn-down-foreground-color: #111;
+$c-btn-down-link-color: #2F3E46;
+$c-btn-down-text-shadow-color: #fff;
+
+// fonts
+$c-font-family: $base-font-family;
+
+// Bar styling
+.ui-bar-c{
+	@include ui-bar-body($c-bar-border-color, $c-bar-background-color, $c-bar-foreground-color, 0 1px 1px $c-bar-text-shadow-color, #f0f0f0, #e9eaeb, bold);
+}
+
+.ui-bar-c,.ui-bar-c input,.ui-bar-c select,.ui-bar-c textarea,.ui-bar-c button{
+	font-family: $c-font-family;
+}
+
+// Body styling
+.ui-body-c{
+	@include ui-bar-body($c-body-border-color, $c-body-background-color, $c-body-foreground-color, 0 1px 0 $c-body-text-shadow-color, #fff, #f0f0f0);
+}
+
+.ui-body-c,.ui-body-c input,.ui-body-c select,.ui-body-c textarea,.ui-body-c button{
+	font-family: $c-font-family;
+}
+
+.ui-body-c .ui-link-inherit{
+	color: $c-body-foreground-color;
+}
+
+.ui-body-c .ui-link{
+	color: $c-body-link-color;
+	font-weight: 700;
+}
+
+// Button styling
+.ui-btn-up-c{
+	@include ui-button($c-btn-up-border-color, $c-btn-up-background-color, $c-btn-up-foreground-color, 0 1px 1px $c-btn-up-text-shadow-color, #59B4E3, #0088ce, 700);
+}
+
+.ui-btn-up-c a.ui-link-inherit{
+	color: $c-btn-up-link-color;
+}
+
+.ui-btn-hover-c{
+	@include ui-button($c-btn-hover-border-color, $c-btn-hover-background-color, $c-btn-hover-foreground-color, 0 1px 1px $c-btn-hover-text-shadow-color, #fff, #f5f5f5, 700);
+}
+
+.ui-btn-hover-c a.ui-link-inherit{
+	color: $c-btn-hover-link-color;
+}
+
+.ui-btn-down-c{
+	@include ui-button($c-btn-down-border-color, $c-btn-down-background-color, $c-btn-down-foreground-color, 0 1px 1px $c-btn-down-text-shadow-color, #eee, #fdfdfd, 700);
+}
+
+.ui-btn-down-c a.ui-link-inherit{
+	color: $c-btn-down-link-color;
+}
+
+.ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c{
+	font-family: $c-font-family;
+}

data/stylesheets/themes/wyke/_d.scss

@@ -0,0 +1,104 @@
+/* The naming convention for all the theme elements are taken directly from the 
+	jQuery Mobile themes 
+	
+	- swatch "d" for an alternate secondary level 
+*/
+
+// Colors
+$d-bar-background-color: #bbb;
+$d-bar-border-color: #ccc;
+$d-bar-foreground-color: #333; 
+$d-bar-link-color: #2489CE;
+$d-bar-text-shadow-color: #eee;
+
+$d-body-background-color: #fff;
+$d-body-border-color: #ccc;
+$d-body-foreground-color: #333;
+$d-body-link-color: #2489CE;
+$d-body-text-shadow-color: #fff;
+
+$d-btn-up-background-color: #fff;
+$d-btn-up-border-color: #ccc;
+$d-btn-up-foreground-color: #444;
+$d-btn-up-link-color: #333;
+$d-btn-up-text-shadow-color: #fff;
+
+$d-btn-hover-background-color: #eee;
+$d-btn-hover-border-color: #aaa;
+$d-btn-hover-foreground-color: #222;
+$d-btn-hover-link-color: #222;
+$d-btn-hover-text-shadow-color: #fff;
+
+$d-btn-down-background-color: #fff;
+$d-btn-down-border-color: #aaa;
+$d-btn-down-foreground-color: #111;
+$d-btn-down-link-color: #111;
+$d-btn-down-text-shadow-color: #fff;
+
+// fonts
+$d-font-family: $base-font-family;
+
+// Bar styling
+.ui-bar-d{
+	@include ui-bar-body($d-bar-border-color, $d-bar-background-color, $d-bar-foreground-color, 0 1px 0 $d-bar-text-shadow-color, #ddd, #bbb);
+}
+
+.ui-bar-d,.ui-bar-d input,.ui-bar-d select,.ui-bar-d textarea,.ui-bar-d button{
+	font-family: $d-font-family;
+}
+
+.ui-bar-d .ui-link-inherit{
+	color: $d-bar-foreground-color;
+}
+
+.ui-bar-d .ui-link{
+	color: $d-bar-link-color;
+	font-weight: 700;
+}
+
+// Body styling
+.ui-body-d{
+	@include ui-bar-body($d-body-border-color, $d-body-background-color, $d-body-foreground-color, 0 1px 0 $d-body-text-shadow-color);
+}
+
+.ui-body-d,.ui-body-d input,.ui-body-d select,.ui-body-d textarea,.ui-body-d button{
+	font-family: $d-font-family;
+}
+
+.ui-body-d .ui-link-inherit{
+	color: $d-body-foreground-color;
+}
+
+.ui-body-d .ui-link{
+	color: $d-body-link-color;
+	font-weight: 700;
+}
+
+// Button styling
+.ui-btn-up-d{
+	@include ui-button($d-btn-up-border-color, $d-btn-up-background-color, $d-btn-up-foreground-color, 0 1px 1px $d-btn-up-text-shadow-color, nil, nil, 700);
+}
+
+.ui-btn-up-d a.ui-link-inherit{
+	color: $d-btn-up-link-color;
+}
+
+.ui-btn-hover-d{
+	@include ui-button($d-btn-hover-border-color, $d-btn-hover-background-color, $d-btn-hover-foreground-color, 0 1px 1px $d-btn-hover-text-shadow-color, #fdfdfd, #eee, 700);
+}
+
+.ui-btn-hover-d a.ui-link-inherit{
+	color: $d-btn-hover-link-color;
+}
+
+.ui-btn-down-d{
+	@include ui-button($d-btn-down-border-color, $d-btn-down-background-color, $d-btn-down-foreground-color, 0 1px 1px $d-btn-down-text-shadow-color, #eee, #fff, 700);
+}
+
+.ui-btn-down-d a.ui-link-inherit{
+	@include ui-button(gray, #ced0d2, $d-btn-down-link-color, none, #ccc, #eee, 700);
+}
+
+.ui-btn-up-d,.ui-btn-hover-d,.ui-btn-down-d{
+	font-family: $d-font-family;
+}