compass-jquery-mobile-plugin 0.1 → 0.1.1

metadata

@@ -1,12 +1,13 @@
 --- !ruby/object:Gem::Specification 
 name: compass-jquery-mobile-plugin
 version: !ruby/object:Gem::Version 
-  hash: 9
+  hash: 25
   prerelease: false
   segments: 
   - 0
   - 1
-  version: "0.1"
+  - 1
+  version: 0.1.1
 platform: ruby
 authors: 
 - John Polling
@@ -67,11 +68,6 @@ files:
 - stylesheets/themes/_c.scss
 - stylesheets/themes/_d.scss
 - stylesheets/themes/_e.scss
-- stylesheets/themes/wyke/_a.scss
-- stylesheets/themes/wyke/_b.scss
-- stylesheets/themes/wyke/_c.scss
-- stylesheets/themes/wyke/_d.scss
-- stylesheets/themes/wyke/_e.scss
 - lib/compass-jquery-mobile-plugin.rb
 - templates/project/jquery-mobile/ajax-loader.png
 - templates/project/jquery-mobile/form-check-off.png

data/stylesheets/themes/wyke/_a.scss

@@ -1,106 +0,0 @@
-/* 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

@@ -1,105 +0,0 @@
-/* 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

@@ -1,95 +0,0 @@
-/* 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

@@ -1,104 +0,0 @@
-/* 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;
-}

data/stylesheets/themes/wyke/_e.scss

@@ -1,104 +0,0 @@
-/* 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-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-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-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-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;
-
-// 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, #fceda7, #fadb4e);
-}
-
-.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, #fff, #faeb9e);
-}
-
-.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, #fceda7, #fadb4e, 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, #fcf0b5, #fbe26f, 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, #fadb4e, #fceda7, 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;
-}