compass-ui 0.0.4 → 0.0.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (33) hide show
  1. data/CHANGELOG.md +7 -0
  2. data/README.md +5 -5
  3. data/demos/images/kindofblue/select_arrow.gif +0 -0
  4. data/demos/images/kindofblue/selector.png +0 -0
  5. data/demos/images/kindofblue/ui-icons_222222_256x240.png +0 -0
  6. data/demos/images/kindofblue/ui-icons_eeeeee_256x240.png +0 -0
  7. data/demos/images/kindofblue/ui-icons_ffffff_256x240.png +0 -0
  8. data/demos/index.html +8 -6
  9. data/demos/js/demo.js +16 -5
  10. data/demos/sass/_demo.scss +33 -21
  11. data/demos/sass/kindofblue.scss +4 -0
  12. data/demos/sections/autocomplete.html +4 -2
  13. data/demos/sections/buttons.html +6 -0
  14. data/demos/sections/form.html +53 -13
  15. data/lib/compass-ui/version.rb +1 -1
  16. data/stylesheets/compass-ui/jquery-ui/_theme.scss +1 -1
  17. data/stylesheets/compass-ui/theme/_kindofblue.scss +204 -0
  18. data/stylesheets/compass-ui/theme/absolution/_progressbar.scss +1 -1
  19. data/stylesheets/compass-ui/theme/absolution/_slider.scss +1 -1
  20. data/stylesheets/compass-ui/theme/kindofblue/_accordion.scss +65 -0
  21. data/stylesheets/compass-ui/theme/kindofblue/_autocomplete.scss +28 -0
  22. data/stylesheets/compass-ui/theme/kindofblue/_color_extensions.scss +53 -0
  23. data/stylesheets/compass-ui/theme/kindofblue/_datepicker.scss +164 -0
  24. data/stylesheets/compass-ui/theme/kindofblue/_dialog.scss +90 -0
  25. data/stylesheets/compass-ui/theme/kindofblue/_formalize.scss +209 -0
  26. data/stylesheets/compass-ui/theme/kindofblue/_slider.scss +42 -0
  27. data/stylesheets/compass-ui/theme/kindofblue/_tabs.scss +68 -0
  28. data/templates/images/kindofblue/select_arrow.gif +0 -0
  29. data/templates/images/kindofblue/selector.png +0 -0
  30. data/templates/images/kindofblue/ui-icons_222222_256x240.png +0 -0
  31. data/templates/images/kindofblue/ui-icons_eeeeee_256x240.png +0 -0
  32. data/templates/images/kindofblue/ui-icons_ffffff_256x240.png +0 -0
  33. metadata +24 -4
@@ -0,0 +1,42 @@
1
+ @mixin kindofblue-slider {
2
+ .ui-slider {
3
+ .ui-slider-handle {
4
+ color: $ui-default-color;
5
+ border-color: $ui-default-border-color;
6
+
7
+ @include jquery-ui-background($ui-default-background-color, $ui-default-background, image);
8
+
9
+ &:hover {
10
+ border-color: #b8b8b8;
11
+ @include jquery-ui-background(#ffffff, linear-gradient(#ffffff, #cacbcc), image);
12
+ cursor: pointer;
13
+ }
14
+ &:focus {
15
+ border-color: #b8b8b8;
16
+ @include jquery-ui-background(#cacbcc, linear-gradient(#cacbcc, #ffffff), image);
17
+ cursor: pointer;
18
+ }
19
+ }
20
+ }
21
+
22
+ .ui-slider-horizontal {
23
+ height: .6em;
24
+ .ui-slider-handle {
25
+ top: -.4em;
26
+ margin-left: -.6em;
27
+ }
28
+ .ui-widget-header { font-weight: bold; }
29
+ .ui-widget-handle { @include border-radius(0.7em); }
30
+ }
31
+
32
+ .ui-slider-vertical {
33
+ height: .6em;
34
+ .ui-slider-handle {
35
+ left: -.4em;
36
+ }
37
+ .ui-widget-header { font-weight: bold; }
38
+ .ui-widget-handle { @include border-radius(0.7em); }
39
+ }
40
+ }
41
+
42
+
@@ -0,0 +1,68 @@
1
+ @mixin kindofblue-tabs {
2
+ .ui-tabs {
3
+ padding: 0;
4
+ background: none;
5
+ @include border-radius(0px);
6
+ border-width: 0px;
7
+
8
+ .ui-tabs-nav.ui-widget-header {
9
+ margin: 0px;
10
+ padding: 0px;
11
+ background: none;
12
+ border-width: 0px;
13
+ @include border-radius(0px);
14
+
15
+ li {
16
+ top: 0px;
17
+ margin: 0px;
18
+ padding: 0px;
19
+ @include border-radius(0px);
20
+ @include border-top-radius(2px);
21
+
22
+ a {
23
+ padding: .3em 1em;
24
+ &:hover, &:active {
25
+ color: inherit;
26
+ }
27
+ }
28
+ &.ui-tabs-selected {
29
+ padding-bottom: 0px;
30
+ }
31
+
32
+ &.ui-state-hover {
33
+ color: inherit;
34
+ }
35
+
36
+ &.ui-state-active,
37
+ &.ui-tabs-selected {
38
+ color: inherit;
39
+ }
40
+ }
41
+ }
42
+
43
+ .ui-tabs-panel {
44
+ border-width: $ui-default-border-width;
45
+ border-style: $ui-default-border-style;
46
+ border-color: $ui-default-border-color;
47
+ @include jquery-ui-background($ui-default-background-color, $ui-default-background, image);
48
+ // border-width: 0px;
49
+ @include border-radius(0px);
50
+ @include border-bottom-radius(4px);
51
+ }
52
+
53
+ .ui-tabs-hide {
54
+ color: $ui-default-color;
55
+ border-width: $ui-default-border-width;
56
+ border-style: $ui-default-border-style;
57
+ border-color: $ui-default-border-color;
58
+ @include jquery-ui-background($ui-default-background-color, $ui-default-background, image);
59
+ }
60
+ }
61
+
62
+ .ui-tabs .ui-tabs-nav li a, /* obsolete, but required to overcome bug in Opera */
63
+ .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
64
+ cursor: pointer;
65
+ }
66
+
67
+ }
68
+
metadata CHANGED
@@ -1,7 +1,7 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: compass-ui
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.4
4
+ version: 0.0.5
5
5
  prerelease:
6
6
  platform: ruby
7
7
  authors:
@@ -9,11 +9,11 @@ authors:
9
9
  autorequire:
10
10
  bindir: bin
11
11
  cert_chain: []
12
- date: 2011-09-05 00:00:00.000000000Z
12
+ date: 2011-09-06 00:00:00.000000000Z
13
13
  dependencies:
14
14
  - !ruby/object:Gem::Dependency
15
15
  name: compass
16
- requirement: &2153205300 !ruby/object:Gem::Requirement
16
+ requirement: &2151829060 !ruby/object:Gem::Requirement
17
17
  none: false
18
18
  requirements:
19
19
  - - ! '>='
@@ -21,7 +21,7 @@ dependencies:
21
21
  version: 0.11.1
22
22
  type: :runtime
23
23
  prerelease: false
24
- version_requirements: *2153205300
24
+ version_requirements: *2151829060
25
25
  description: Compass-UI is a jQuery UI theme builder for the Compass CSS Authoring
26
26
  Framework.
27
27
  email:
@@ -68,6 +68,11 @@ files:
68
68
  - demos/images/jquery-ui-base/ui-icons_454545_256x240.png
69
69
  - demos/images/jquery-ui-base/ui-icons_888888_256x240.png
70
70
  - demos/images/jquery-ui-base/ui-icons_cd0a0a_256x240.png
71
+ - demos/images/kindofblue/select_arrow.gif
72
+ - demos/images/kindofblue/selector.png
73
+ - demos/images/kindofblue/ui-icons_222222_256x240.png
74
+ - demos/images/kindofblue/ui-icons_eeeeee_256x240.png
75
+ - demos/images/kindofblue/ui-icons_ffffff_256x240.png
71
76
  - demos/index.html
72
77
  - demos/js/demo.js
73
78
  - demos/sass/_base.scss
@@ -78,6 +83,7 @@ files:
78
83
  - demos/sass/default.scss
79
84
  - demos/sass/dot-luv.scss
80
85
  - demos/sass/ie.scss
86
+ - demos/sass/kindofblue.scss
81
87
  - demos/sass/print.scss
82
88
  - demos/sass/smoothness.scss
83
89
  - demos/sections/accordion.html
@@ -114,6 +120,7 @@ files:
114
120
  - stylesheets/compass-ui/theme/_absolution.scss
115
121
  - stylesheets/compass-ui/theme/_dot-luv.scss
116
122
  - stylesheets/compass-ui/theme/_jquery-ui-base.scss
123
+ - stylesheets/compass-ui/theme/_kindofblue.scss
117
124
  - stylesheets/compass-ui/theme/_smoothness.scss
118
125
  - stylesheets/compass-ui/theme/absolution/_accordion.scss
119
126
  - stylesheets/compass-ui/theme/absolution/_autocomplete.scss
@@ -122,6 +129,14 @@ files:
122
129
  - stylesheets/compass-ui/theme/absolution/_progressbar.scss
123
130
  - stylesheets/compass-ui/theme/absolution/_slider.scss
124
131
  - stylesheets/compass-ui/theme/absolution/_tabs.scss
132
+ - stylesheets/compass-ui/theme/kindofblue/_accordion.scss
133
+ - stylesheets/compass-ui/theme/kindofblue/_autocomplete.scss
134
+ - stylesheets/compass-ui/theme/kindofblue/_color_extensions.scss
135
+ - stylesheets/compass-ui/theme/kindofblue/_datepicker.scss
136
+ - stylesheets/compass-ui/theme/kindofblue/_dialog.scss
137
+ - stylesheets/compass-ui/theme/kindofblue/_formalize.scss
138
+ - stylesheets/compass-ui/theme/kindofblue/_slider.scss
139
+ - stylesheets/compass-ui/theme/kindofblue/_tabs.scss
125
140
  - templates/images/absolution/selector.png
126
141
  - templates/images/absolution/ui-icons_222222_256x240.png
127
142
  - templates/images/absolution/ui-icons_eeeeee_256x240.png
@@ -151,6 +166,11 @@ files:
151
166
  - templates/images/jquery-ui-base/ui-icons_454545_256x240.png
152
167
  - templates/images/jquery-ui-base/ui-icons_888888_256x240.png
153
168
  - templates/images/jquery-ui-base/ui-icons_cd0a0a_256x240.png
169
+ - templates/images/kindofblue/select_arrow.gif
170
+ - templates/images/kindofblue/selector.png
171
+ - templates/images/kindofblue/ui-icons_222222_256x240.png
172
+ - templates/images/kindofblue/ui-icons_eeeeee_256x240.png
173
+ - templates/images/kindofblue/ui-icons_ffffff_256x240.png
154
174
  - templates/project/_compass-ui.scss
155
175
  - templates/project/manifest.rb
156
176
  homepage: https://github.com/patrickward/compass-ui