compass-jquery-mobile-plugin 0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. data/README.markdown +48 -0
  2. data/lib/compass-jquery-mobile-plugin.rb +1 -0
  3. data/stylesheets/_button.scss +118 -0
  4. data/stylesheets/_collapsible.scss +45 -0
  5. data/stylesheets/_controlgroup.scss +69 -0
  6. data/stylesheets/_core.scss +158 -0
  7. data/stylesheets/_dialog.scss +15 -0
  8. data/stylesheets/_forms.checkboxradio.scss +37 -0
  9. data/stylesheets/_forms.fieldcontain.scss +20 -0
  10. data/stylesheets/_forms.select.scss +72 -0
  11. data/stylesheets/_forms.slider.scss +104 -0
  12. data/stylesheets/_forms.textinput.scss +72 -0
  13. data/stylesheets/_grids.scss +31 -0
  14. data/stylesheets/_headerfooter.scss +33 -0
  15. data/stylesheets/_jquery-mobile.scss +39 -0
  16. data/stylesheets/_listview.scss +170 -0
  17. data/stylesheets/_navbar.scss +103 -0
  18. data/stylesheets/_theme.scss +128 -0
  19. data/stylesheets/_transitions.scss +217 -0
  20. data/stylesheets/helpers/_mixins.scss +21 -0
  21. data/stylesheets/themes/_a.scss +116 -0
  22. data/stylesheets/themes/_b.scss +115 -0
  23. data/stylesheets/themes/_c.scss +105 -0
  24. data/stylesheets/themes/_d.scss +114 -0
  25. data/stylesheets/themes/_e.scss +114 -0
  26. data/stylesheets/themes/wyke/_a.scss +106 -0
  27. data/stylesheets/themes/wyke/_b.scss +105 -0
  28. data/stylesheets/themes/wyke/_c.scss +95 -0
  29. data/stylesheets/themes/wyke/_d.scss +104 -0
  30. data/stylesheets/themes/wyke/_e.scss +104 -0
  31. data/templates/project/jquery-mobile/ajax-loader.png +0 -0
  32. data/templates/project/jquery-mobile/form-check-off.png +0 -0
  33. data/templates/project/jquery-mobile/form-check-on.png +0 -0
  34. data/templates/project/jquery-mobile/form-radio-off.png +0 -0
  35. data/templates/project/jquery-mobile/form-radio-on.png +0 -0
  36. data/templates/project/jquery-mobile/icon-search-black.png +0 -0
  37. data/templates/project/jquery-mobile/icons-18-black.png +0 -0
  38. data/templates/project/jquery-mobile/icons-18-white.png +0 -0
  39. data/templates/project/jquery-mobile/icons-36-black.png +0 -0
  40. data/templates/project/jquery-mobile/icons-36-white.png +0 -0
  41. data/templates/project/jquery.mobile-1.0a2.min.js +99 -0
  42. data/templates/project/manifest.rb +1 -0
  43. metadata +123 -0
data/stylesheets/helpers/_mixins.scss ADDED
@@ -0,0 +1,21 @@
1
+ @mixin ui-bar-body($border-color, $background-color, $foreground-color, $text-shadow, $gradient-start-background-color: nil, $gradient-end-background-color: nil, $font-weight: nil, $border-width: 1px)
2
+ {
3
+ border: $border-width solid $border-color;
4
+ background: $background-color;
5
+ color: $foreground-color;
6
+ @if $font-weight != nil {
7
+ font-weight: $font-weight;
8
+ }
9
+ text-shadow: $text-shadow;
10
+ @if $gradient-start-background-color != nil and $gradient-end-background-color != nil {
11
+ @include linear-gradient(color-stops($gradient-start-background-color, $gradient-end-background-color));
12
+ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='" + $gradient-start-background-color + "', EndColorStr='" + $gradient-end-background-color + "')";
13
+ }
14
+ }
15
+
16
+ @mixin ui-button($border-color, $background-color, $foreground-color, $text-shadow, $gradient-start-background-color: nil, $gradient-end-background-color: nil, $font-weight: nil, $border-with: 1px)
17
+ {
18
+ @include ui-bar-body($border-color, $background-color, $foreground-color, $text-shadow, $gradient-start-background-color, $gradient-end-background-color, $font-weight);
19
+ cursor: pointer;
20
+ text-decoration: none;
21
+ }
data/stylesheets/themes/_a.scss ADDED
@@ -0,0 +1,116 @@
1
+ /* The naming convention for all the theme elements are taken directly from the
2
+ jQuery Mobile themes
3
+
4
+ - swatch "a" is the highest level of visual priority (black in the default theme)
5
+ */
6
+
7
+ // Colors
8
+ $a-bar-background-color: #111;
9
+ $a-bar-border-color: #2A2A2A;
10
+ $a-bar-foreground-color: #fff;
11
+ $a-bar-link-color: #7cc4e7;
12
+ $a-bar-text-shadow-color: #000;
13
+ $a-bar-gradient-start-background-color: #3c3c3c;
14
+ $a-bar-gradient-end-background-color: #111;
15
+
16
+ $a-body-background-color: #222;
17
+ $a-body-border-color: #2A2A2A;
18
+ $a-body-foreground-color: #fff;
19
+ $a-body-link-color: #2489CE;
20
+ $a-body-text-shadow-color: #000;
21
+ $a-body-gradient-start-background-color: #666;
22
+ $a-body-gradient-end-background-color: #222;
23
+
24
+ $a-btn-up-background-color: #333;
25
+ $a-btn-up-border-color: #222;
26
+ $a-btn-up-foreground-color: #fff;
27
+ $a-btn-up-link-color: #fff;
28
+ $a-btn-up-text-shadow-color: #000;
29
+ $a-btn-up-gradient-start-background-color: #555;
30
+ $a-btn-up-gradient-end-background-color: #333;
31
+
32
+ $a-btn-hover-background-color: #444;
33
+ $a-btn-hover-border-color: #000;
34
+ $a-btn-hover-foreground-color: #fff;
35
+ $a-btn-hover-link-color: #fff;
36
+ $a-btn-hover-text-shadow-color: #000;
37
+ $a-btn-hover-gradient-start-background-color: #666;
38
+ $a-btn-hover-gradient-end-background-color: #444;
39
+
40
+ $a-btn-down-background-color: #444;
41
+ $a-btn-down-border-color: #000;
42
+ $a-btn-down-foreground-color: #fff;
43
+ $a-btn-down-link-color: #fff;
44
+ $a-btn-down-text-shadow-color: #000;
45
+ $a-btn-down-gradient-start-background-color: #333;
46
+ $a-btn-down-gradient-end-background-color: #5a5a5a;
47
+
48
+ // fonts
49
+ $a-font-family: $base-font-family;
50
+
51
+ // Bar styling
52
+ .ui-bar-a{
53
+ @include ui-bar-body($a-bar-border-color, $a-bar-background-color, $a-bar-foreground-color, 0 -1px 1px $a-bar-text-shadow-color, $a-bar-gradient-start-background-color, $a-bar-gradient-end-background-color, bold);
54
+ }
55
+
56
+ .ui-bar-a,.ui-bar-a input,.ui-bar-a select,.ui-bar-a textarea,.ui-bar-a button{
57
+ font-family: $a-font-family;
58
+ }
59
+
60
+ .ui-bar-a .ui-link-inherit{
61
+ color: $a-bar-foreground-color;
62
+ }
63
+
64
+ .ui-bar-a .ui-link{
65
+ color: $a-bar-link-color;
66
+ font-weight: 700;
67
+ }
68
+
69
+ // Body styling
70
+ .ui-body-a{
71
+ @include ui-bar-body($a-body-border-color, $a-body-background-color, $a-body-foreground-color, 0 1px 0 $a-body-text-shadow-color, $a-body-gradient-start-background-color, $a-body-gradient-end-background-color, 400);
72
+ }
73
+
74
+ .ui-body-a,.ui-body-a input,.ui-body-a select,.ui-body-a textarea,.ui-body-a button{
75
+ font-family: $a-font-family;
76
+ }
77
+
78
+ .ui-body-a .ui-link-inherit{
79
+ color: $a-body-foreground-color;
80
+ }
81
+
82
+ .ui-body-a .ui-link{
83
+ color: $a-body-link-color;
84
+ font-weight: 700;
85
+ }
86
+
87
+ // Button styling
88
+ .ui-btn-up-a{
89
+ @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, $a-btn-up-gradient-start-background-color, $a-btn-up-gradient-end-background-color, 700);
90
+ }
91
+
92
+ .ui-btn-up-a a.ui-link-inherit{
93
+ color: $a-btn-up-link-color;
94
+ }
95
+
96
+ .ui-btn-hover-a{
97
+ @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, $a-btn-hover-gradient-start-background-color, $a-btn-hover-gradient-end-background-color, 700);
98
+ }
99
+
100
+ .ui-btn-hover-a a.ui-link-inherit{
101
+ color: $a-btn-hover-link-color;
102
+ }
103
+
104
+ .ui-btn-down-a{
105
+ @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, $a-btn-down-gradient-start-background-color, $a-btn-down-gradient-end-background-color, 700);
106
+ }
107
+
108
+ .ui-btn-down-a a.ui-link-inherit{
109
+ color: $a-btn-down-link-color;
110
+ }
111
+
112
+ .ui-btn-up-a,.ui-btn-hover-a,.ui-btn-down-a{
113
+ font-family: $a-font-family;
114
+ }
115
+
116
+
data/stylesheets/themes/_b.scss ADDED
@@ -0,0 +1,115 @@
1
+ /* The naming convention for all the theme elements are taken directly from the
2
+ jQuery Mobile themes
3
+
4
+ - swatch "b" is secondary level (blue in the default theme)
5
+ */
6
+
7
+ // Colors
8
+ $b-bar-background-color: #5e87b0;
9
+ $b-bar-foreground-color: #fff;
10
+ $b-bar-border-color: #456f9a;
11
+ $b-bar-link-color: #7cc4e7;
12
+ $b-bar-text-shadow-color: #254f7a;
13
+ $b-bar-gradient-start-background-color: #81a8ce;
14
+ $b-bar-gradient-end-background-color: #5e87b0;
15
+
16
+ $b-body-background-color: #ccc;
17
+ $b-body-foreground-color: #333;
18
+ $b-body-border-color: #C6C6C6;
19
+ $b-body-link-color: #2489CE;
20
+ $b-body-text-shadow-color: #fff;
21
+ $b-body-gradient-start-background-color: #e6e6e6;
22
+ $b-body-gradient-end-background-color: #ccc;
23
+
24
+ $b-btn-up-background-color: #2567ab;
25
+ $b-btn-up-border-color: #145072;
26
+ $b-btn-up-foreground-color: #fff;
27
+ $b-btn-up-link-color: #fff;
28
+ $b-btn-up-text-shadow-color: #145072;
29
+ $b-btn-up-gradient-start-background-color: #4e89c5;
30
+ $b-btn-up-gradient-end-background-color: #2567ab;
31
+
32
+ $b-btn-hover-background-color: #5397d5;
33
+ $b-btn-hover-border-color: #397cbe;
34
+ $b-btn-hover-foreground-color: #fff;
35
+ $b-btn-hover-link-color: #fff;
36
+ $b-btn-hover-text-shadow-color: #014D68;
37
+ $b-btn-hover-gradient-start-background-color: #71a2d0;
38
+ $b-btn-hover-gradient-end-background-color: #397cbe;
39
+
40
+ $b-btn-down-background-color: #4e89c5;
41
+ $b-btn-down-border-color: #225377;
42
+ $b-btn-down-foreground-color: #fff;
43
+ $b-btn-down-link-color: #fff;
44
+ $b-btn-down-text-shadow-color: #225377;
45
+ $b-btn-down-gradient-start-background-color: #396b9e;
46
+ $b-btn-down-gradient-end-background-color: #4e89c5;
47
+
48
+ // fonts
49
+ $b-font-family: $base-font-family;
50
+
51
+ // Bar styling
52
+ .ui-bar-b{
53
+ @include ui-bar-body($b-bar-border-color, $b-bar-background-color, $b-bar-foreground-color, 0 -1px 1px $b-bar-text-shadow-color, $b-bar-gradient-start-background-color, $b-bar-gradient-end-background-color, bold);
54
+ }
55
+
56
+ .ui-bar-b,.ui-bar-b input,.ui-bar-b select,.ui-bar-b textarea,.ui-bar-b button{
57
+ font-family: $b-font-family;
58
+ }
59
+
60
+ .ui-bar-b .ui-link-inherit{
61
+ color: $b-bar-foreground-color;
62
+ }
63
+
64
+ .ui-bar-b .ui-link{
65
+ color: $b-bar-link-color;
66
+ font-weight: 700;
67
+ }
68
+
69
+ // Body styling
70
+ .ui-body-b{
71
+ @include ui-bar-body($b-body-border-color, $b-body-background-color, $b-body-foreground-color, 0 1px 0 $b-body-text-shadow-color, $b-body-gradient-start-background-color, $b-body-gradient-end-background-color, 400);
72
+ }
73
+
74
+ .ui-body-b,.ui-body-b input,.ui-body-b select,.ui-body-b textarea,.ui-body-b button{
75
+ font-family: $b-font-family;
76
+ }
77
+
78
+ .ui-body-b .ui-link-inherit{
79
+ color: $b-body-foreground-color;
80
+ }
81
+
82
+ .ui-body-b .ui-link{
83
+ color: $b-body-link-color;
84
+ font-weight: 700;
85
+ }
86
+
87
+
88
+ // Button styling
89
+ .ui-btn-up-b{
90
+ @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, $b-btn-up-gradient-start-background-color, $b-btn-down-gradient-end-background-color, 700);
91
+ }
92
+
93
+ .ui-btn-up-b a.ui-link-inherit{
94
+ color: $b-btn-up-link-color;
95
+ }
96
+
97
+ .ui-btn-hover-b{
98
+ @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, $b-btn-hover-gradient-start-background-color, $b-btn-hover-gradient-end-background-color, 700);
99
+ }
100
+
101
+ .ui-btn-hover-b a.ui-link-inherit{
102
+ color: $b-btn-hover-link-color;
103
+ }
104
+
105
+ .ui-btn-down-b{
106
+ @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, $b-btn-down-gradient-start-background-color, $b-btn-down-gradient-end-background-color, 700);
107
+ }
108
+
109
+ .ui-btn-down-b a.ui-link-inherit{
110
+ color: $b-btn-down-link-color;
111
+ }
112
+
113
+ .ui-btn-up-b,.ui-btn-hover-b,.ui-btn-down-b{
114
+ font-family: $b-font-family;
115
+ }
data/stylesheets/themes/_c.scss ADDED
@@ -0,0 +1,105 @@
1
+ /* The naming convention for all the theme elements are taken directly from the
2
+ jQuery Mobile themes
3
+
4
+ - swatch "c" is the baseline level (gray in the default theme)
5
+ */
6
+
7
+ // Colors
8
+ $c-bar-background-color: #e9eaeb;
9
+ $c-bar-border-color: #B3B3B3;
10
+ $c-bar-foreground-color: #3E3E3E;
11
+ $c-bar-link-color: #7cc4e7;
12
+ $c-bar-text-shadow-color: #fff;
13
+ $c-bar-gradient-start-background-color: #f0f0f0;
14
+ $c-bar-gradient-end-background-color: #e9eaeb;
15
+
16
+ $c-body-background-color: #f0f0f0;
17
+ $c-body-border-color: #B3B3B3;
18
+ $c-body-foreground-color: #333;
19
+ $c-body-link-color: #2489CE;
20
+ $c-body-text-shadow-color: #fff;
21
+ $c-body-gradient-start-background-color: #fff;
22
+ $c-body-gradient-end-background-color: #f0f0f0;
23
+
24
+ $c-btn-up-background-color: #eee;
25
+ $c-btn-up-border-color: #ccc;
26
+ $c-btn-up-foreground-color: #444;
27
+ $c-btn-up-link-color: #2F3E46;
28
+ $c-btn-up-text-shadow-color: #f6f6f6;
29
+ $c-btn-up-gradient-start-background-color: #fdfdfd;
30
+ $c-btn-up-gradient-end-background-color: #eee;
31
+
32
+ $c-btn-hover-background-color: #f5f5f5;
33
+ $c-btn-hover-border-color: #aaa;
34
+ $c-btn-hover-foreground-color: #111;
35
+ $c-btn-hover-link-color: #2F3E46;
36
+ $c-btn-hover-text-shadow-color: #fff;
37
+ $c-btn-hover-gradient-start-background-color: #fff;
38
+ $c-btn-hover-gradient-end-background-color: #f5f5f5;
39
+
40
+ $c-btn-down-background-color: #fdfdfd;
41
+ $c-btn-down-border-color: gray;
42
+ $c-btn-down-foreground-color: #111;
43
+ $c-btn-down-link-color: #2F3E46;
44
+ $c-btn-down-text-shadow-color: #fff;
45
+ $c-btn-down-gradient-start-background-color: #eee;
46
+ $c-btn-down-gradient-end-background-color: #fdfdfd;
47
+
48
+ // fonts
49
+ $c-font-family: $base-font-family;
50
+
51
+ // Bar styling
52
+ .ui-bar-c{
53
+ @include ui-bar-body($c-bar-border-color, $c-bar-background-color, $c-bar-foreground-color, 0 1px 1px $c-bar-text-shadow-color, $c-bar-gradient-start-background-color, $c-bar-gradient-end-background-color, bold);
54
+ }
55
+
56
+ .ui-bar-c,.ui-bar-c input,.ui-bar-c select,.ui-bar-c textarea,.ui-bar-c button{
57
+ font-family: $c-font-family;
58
+ }
59
+
60
+ // Body styling
61
+ .ui-body-c{
62
+ @include ui-bar-body($c-body-border-color, $c-body-background-color, $c-body-foreground-color, 0 1px 0 $c-body-text-shadow-color, $c-body-gradient-start-background-color, $c-body-gradient-end-background-color);
63
+ }
64
+
65
+ .ui-body-c,.ui-body-c input,.ui-body-c select,.ui-body-c textarea,.ui-body-c button{
66
+ font-family: $c-font-family;
67
+ }
68
+
69
+ .ui-body-c .ui-link-inherit{
70
+ color: $c-body-foreground-color;
71
+ }
72
+
73
+ .ui-body-c .ui-link{
74
+ color: $c-body-link-color;
75
+ font-weight: 700;
76
+ }
77
+
78
+ // Button styling
79
+ .ui-btn-up-c{
80
+ @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, $c-btn-up-gradient-start-background-color, $c-btn-up-gradient-end-background-color, 700);
81
+ }
82
+
83
+ .ui-btn-up-c a.ui-link-inherit{
84
+ color: $c-btn-up-link-color;
85
+ }
86
+
87
+ .ui-btn-hover-c{
88
+ @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, $c-btn-hover-gradient-start-background-color, $c-btn-hover-gradient-end-background-color, 700);
89
+ }
90
+
91
+ .ui-btn-hover-c a.ui-link-inherit{
92
+ color: $c-btn-hover-link-color;
93
+ }
94
+
95
+ .ui-btn-down-c{
96
+ @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, $c-btn-down-gradient-start-background-color, $c-btn-down-gradient-end-background-color, 700);
97
+ }
98
+
99
+ .ui-btn-down-c a.ui-link-inherit{
100
+ color: $c-btn-down-link-color;
101
+ }
102
+
103
+ .ui-btn-up-c,.ui-btn-hover-c,.ui-btn-down-c{
104
+ font-family: $c-font-family;
105
+ }
data/stylesheets/themes/_d.scss ADDED
@@ -0,0 +1,114 @@
1
+ /* The naming convention for all the theme elements are taken directly from the
2
+ jQuery Mobile themes
3
+
4
+ - swatch "d" for an alternate secondary level
5
+ */
6
+
7
+ // Colors
8
+ $d-bar-background-color: #bbb;
9
+ $d-bar-border-color: #ccc;
10
+ $d-bar-foreground-color: #333;
11
+ $d-bar-link-color: #2489CE;
12
+ $d-bar-text-shadow-color: #eee;
13
+ $d-bar-gradient-start-background-color: #ddd;
14
+ $d-bar-gradient-end-background-color: #bbb;
15
+
16
+ $d-body-background-color: #fff;
17
+ $d-body-border-color: #ccc;
18
+ $d-body-foreground-color: #333;
19
+ $d-body-link-color: #2489CE;
20
+ $d-body-text-shadow-color: #fff;
21
+ $d-body-gradient-start-background-color: nil;
22
+ $d-body-gradient-end-background-color: nil;
23
+
24
+ $d-btn-up-background-color: #fff;
25
+ $d-btn-up-border-color: #ccc;
26
+ $d-btn-up-foreground-color: #444;
27
+ $d-btn-up-link-color: #333;
28
+ $d-btn-up-text-shadow-color: #fff;
29
+ $d-btn-up-gradient-start-background-color: nil;
30
+ $d-btn-up-gradient-end-background-color: nil;
31
+
32
+ $d-btn-hover-background-color: #eee;
33
+ $d-btn-hover-border-color: #aaa;
34
+ $d-btn-hover-foreground-color: #222;
35
+ $d-btn-hover-link-color: #222;
36
+ $d-btn-hover-text-shadow-color: #fff;
37
+ $d-btn-hover-gradient-start-background-color: #fdfdfd;
38
+ $d-btn-hover-gradient-end-background-color: #eee;
39
+
40
+ $d-btn-down-background-color: #fff;
41
+ $d-btn-down-border-color: #aaa;
42
+ $d-btn-down-foreground-color: #111;
43
+ $d-btn-down-link-color: #111;
44
+ $d-btn-down-text-shadow-color: #fff;
45
+ $d-btn-down-gradient-start-background-color: #eee;
46
+ $d-btn-down-gradient-end-background-color: #fff;
47
+
48
+ // fonts
49
+ $d-font-family: $base-font-family;
50
+
51
+ // Bar styling
52
+ .ui-bar-d{
53
+ @include ui-bar-body($d-bar-border-color, $d-bar-background-color, $d-bar-foreground-color, 0 1px 0 $d-bar-text-shadow-color, $d-bar-gradient-start-background-color, $d-bar-gradient-end-background-color);
54
+ }
55
+
56
+ .ui-bar-d,.ui-bar-d input,.ui-bar-d select,.ui-bar-d textarea,.ui-bar-d button{
57
+ font-family: $d-font-family;
58
+ }
59
+
60
+ .ui-bar-d .ui-link-inherit{
61
+ color: $d-bar-foreground-color;
62
+ }
63
+
64
+ .ui-bar-d .ui-link{
65
+ color: $d-bar-link-color;
66
+ font-weight: 700;
67
+ }
68
+
69
+ // Body styling
70
+ .ui-body-d{
71
+ @include ui-bar-body($d-body-border-color, $d-body-background-color, $d-body-foreground-color, 0 1px 0 $d-body-text-shadow-color, $d-body-gradient-start-background-color, $d-body-gradient-end-background-color);
72
+ }
73
+
74
+ .ui-body-d,.ui-body-d input,.ui-body-d select,.ui-body-d textarea,.ui-body-d button{
75
+ font-family: $d-font-family;
76
+ }
77
+
78
+ .ui-body-d .ui-link-inherit{
79
+ color: $d-body-foreground-color;
80
+ }
81
+
82
+ .ui-body-d .ui-link{
83
+ color: $d-body-link-color;
84
+ font-weight: 700;
85
+ }
86
+
87
+ // Button styling
88
+ .ui-btn-up-d{
89
+ @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, $d-btn-up-gradient-start-background-color, $d-btn-up-gradient-end-background-color, 700);
90
+ }
91
+
92
+ .ui-btn-up-d a.ui-link-inherit{
93
+ color: $d-btn-up-link-color;
94
+ }
95
+
96
+ .ui-btn-hover-d{
97
+ @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, $d-btn-hover-gradient-start-background-color, $d-btn-hover-gradient-end-background-color, 700);
98
+ }
99
+
100
+ .ui-btn-hover-d a.ui-link-inherit{
101
+ color: $d-btn-hover-link-color;
102
+ }
103
+
104
+ .ui-btn-down-d{
105
+ @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, $d-btn-down-gradient-start-background-color, $d-btn-down-gradient-end-background-color, 700);
106
+ }
107
+
108
+ .ui-btn-down-d a.ui-link-inherit{
109
+ @include ui-button(gray, #ced0d2, $d-btn-down-link-color, none, #ccc, #eee, 700);
110
+ }
111
+
112
+ .ui-btn-up-d,.ui-btn-hover-d,.ui-btn-down-d{
113
+ font-family: $d-font-family;
114
+ }