compass-ui 0.0.4 → 0.0.5
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.
- data/CHANGELOG.md +7 -0
- data/README.md +5 -5
- data/demos/images/kindofblue/select_arrow.gif +0 -0
- data/demos/images/kindofblue/selector.png +0 -0
- data/demos/images/kindofblue/ui-icons_222222_256x240.png +0 -0
- data/demos/images/kindofblue/ui-icons_eeeeee_256x240.png +0 -0
- data/demos/images/kindofblue/ui-icons_ffffff_256x240.png +0 -0
- data/demos/index.html +8 -6
- data/demos/js/demo.js +16 -5
- data/demos/sass/_demo.scss +33 -21
- data/demos/sass/kindofblue.scss +4 -0
- data/demos/sections/autocomplete.html +4 -2
- data/demos/sections/buttons.html +6 -0
- data/demos/sections/form.html +53 -13
- data/lib/compass-ui/version.rb +1 -1
- data/stylesheets/compass-ui/jquery-ui/_theme.scss +1 -1
- data/stylesheets/compass-ui/theme/_kindofblue.scss +204 -0
- data/stylesheets/compass-ui/theme/absolution/_progressbar.scss +1 -1
- data/stylesheets/compass-ui/theme/absolution/_slider.scss +1 -1
- data/stylesheets/compass-ui/theme/kindofblue/_accordion.scss +65 -0
- data/stylesheets/compass-ui/theme/kindofblue/_autocomplete.scss +28 -0
- data/stylesheets/compass-ui/theme/kindofblue/_color_extensions.scss +53 -0
- data/stylesheets/compass-ui/theme/kindofblue/_datepicker.scss +164 -0
- data/stylesheets/compass-ui/theme/kindofblue/_dialog.scss +90 -0
- data/stylesheets/compass-ui/theme/kindofblue/_formalize.scss +209 -0
- data/stylesheets/compass-ui/theme/kindofblue/_slider.scss +42 -0
- data/stylesheets/compass-ui/theme/kindofblue/_tabs.scss +68 -0
- data/templates/images/kindofblue/select_arrow.gif +0 -0
- data/templates/images/kindofblue/selector.png +0 -0
- data/templates/images/kindofblue/ui-icons_222222_256x240.png +0 -0
- data/templates/images/kindofblue/ui-icons_eeeeee_256x240.png +0 -0
- data/templates/images/kindofblue/ui-icons_ffffff_256x240.png +0 -0
- 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
|
+
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
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
|
+
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-
|
|
12
|
+
date: 2011-09-06 00:00:00.000000000Z
|
|
13
13
|
dependencies:
|
|
14
14
|
- !ruby/object:Gem::Dependency
|
|
15
15
|
name: compass
|
|
16
|
-
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: *
|
|
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
|