compass-ui 0.0.3

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 (94) hide show
  1. data/.gitignore +10 -0
  2. data/CHANGELOG.md +22 -0
  3. data/Gemfile +3 -0
  4. data/Gemfile.lock +22 -0
  5. data/LICENSE.md +30 -0
  6. data/README.md +81 -0
  7. data/compass-ui.gemspec +23 -0
  8. data/demos/config.rb +26 -0
  9. data/demos/images/absolution/selector.png +0 -0
  10. data/demos/images/absolution/ui-icons_222222_256x240.png +0 -0
  11. data/demos/images/absolution/ui-icons_eeeeee_256x240.png +0 -0
  12. data/demos/images/absolution/ui-icons_ffffff_256x240.png +0 -0
  13. data/demos/images/dot-luv/ui-bg_diagonals-thick_15_0b3e6f_40x40.png +0 -0
  14. data/demos/images/dot-luv/ui-bg_dots-medium_30_0b58a2_4x4.png +0 -0
  15. data/demos/images/dot-luv/ui-bg_dots-small_20_333333_2x2.png +0 -0
  16. data/demos/images/dot-luv/ui-bg_dots-small_30_a32d00_2x2.png +0 -0
  17. data/demos/images/dot-luv/ui-bg_dots-small_40_00498f_2x2.png +0 -0
  18. data/demos/images/dot-luv/ui-bg_flat_0_aaaaaa_40x100.png +0 -0
  19. data/demos/images/dot-luv/ui-bg_flat_40_292929_40x100.png +0 -0
  20. data/demos/images/dot-luv/ui-bg_gloss-wave_20_111111_500x100.png +0 -0
  21. data/demos/images/dot-luv/ui-icons_00498f_256x240.png +0 -0
  22. data/demos/images/dot-luv/ui-icons_98d2fb_256x240.png +0 -0
  23. data/demos/images/dot-luv/ui-icons_9ccdfc_256x240.png +0 -0
  24. data/demos/images/dot-luv/ui-icons_ffffff_256x240.png +0 -0
  25. data/demos/images/jquery-ui-base/ui-bg_flat_0_aaaaaa_40x100.png +0 -0
  26. data/demos/images/jquery-ui-base/ui-bg_flat_75_ffffff_40x100.png +0 -0
  27. data/demos/images/jquery-ui-base/ui-bg_glass_55_fbf9ee_1x400.png +0 -0
  28. data/demos/images/jquery-ui-base/ui-bg_glass_65_ffffff_1x400.png +0 -0
  29. data/demos/images/jquery-ui-base/ui-bg_glass_75_dadada_1x400.png +0 -0
  30. data/demos/images/jquery-ui-base/ui-bg_glass_75_e6e6e6_1x400.png +0 -0
  31. data/demos/images/jquery-ui-base/ui-bg_glass_95_fef1ec_1x400.png +0 -0
  32. data/demos/images/jquery-ui-base/ui-bg_highlight-soft_75_cccccc_1x100.png +0 -0
  33. data/demos/images/jquery-ui-base/ui-icons_222222_256x240.png +0 -0
  34. data/demos/images/jquery-ui-base/ui-icons_2e83ff_256x240.png +0 -0
  35. data/demos/images/jquery-ui-base/ui-icons_454545_256x240.png +0 -0
  36. data/demos/images/jquery-ui-base/ui-icons_888888_256x240.png +0 -0
  37. data/demos/images/jquery-ui-base/ui-icons_cd0a0a_256x240.png +0 -0
  38. data/demos/index.html +65 -0
  39. data/demos/js/demo.js +189 -0
  40. data/demos/sass/_base.scss +5 -0
  41. data/demos/sass/_demo.scss +124 -0
  42. data/demos/sass/_normalize.scss +387 -0
  43. data/demos/sass/absolution.scss +3 -0
  44. data/demos/sass/color-test.scss +111 -0
  45. data/demos/sass/default.scss +3 -0
  46. data/demos/sass/dot-luv.scss +3 -0
  47. data/demos/sass/ie.scss +5 -0
  48. data/demos/sass/print.scss +3 -0
  49. data/demos/sass/smoothness.scss +3 -0
  50. data/demos/sections/accordion.html +56 -0
  51. data/demos/sections/autocomplete.html +6 -0
  52. data/demos/sections/buttons.html +19 -0
  53. data/demos/sections/combinations.html +41 -0
  54. data/demos/sections/datepicker.html +6 -0
  55. data/demos/sections/dialog.html +8 -0
  56. data/demos/sections/form.html +26 -0
  57. data/demos/sections/highlights.html +16 -0
  58. data/demos/sections/icons.html +219 -0
  59. data/demos/sections/overlay.html +14 -0
  60. data/demos/sections/progressbar.html +6 -0
  61. data/demos/sections/sliders.html +19 -0
  62. data/demos/sections/tabs.html +12 -0
  63. data/lib/compass-ui.rb +2 -0
  64. data/lib/compass-ui/compass_plugin.rb +5 -0
  65. data/lib/compass-ui/version.rb +3 -0
  66. data/stylesheets/_compass-ui.scss +1 -0
  67. data/stylesheets/compass-ui/_colors.scss +67 -0
  68. data/stylesheets/compass-ui/_jquery-ui.scss +13 -0
  69. data/stylesheets/compass-ui/jquery-ui/_accordion.scss +50 -0
  70. data/stylesheets/compass-ui/jquery-ui/_autocomplete.scss +56 -0
  71. data/stylesheets/compass-ui/jquery-ui/_button.scss +101 -0
  72. data/stylesheets/compass-ui/jquery-ui/_core.scss +89 -0
  73. data/stylesheets/compass-ui/jquery-ui/_datepicker.scss +167 -0
  74. data/stylesheets/compass-ui/jquery-ui/_dialog.scss +61 -0
  75. data/stylesheets/compass-ui/jquery-ui/_progressbar.scss +17 -0
  76. data/stylesheets/compass-ui/jquery-ui/_resizable.scss +78 -0
  77. data/stylesheets/compass-ui/jquery-ui/_selectable.scss +15 -0
  78. data/stylesheets/compass-ui/jquery-ui/_slider.scss +55 -0
  79. data/stylesheets/compass-ui/jquery-ui/_tabs.scss +53 -0
  80. data/stylesheets/compass-ui/jquery-ui/_theme.scss +796 -0
  81. data/stylesheets/compass-ui/theme/_absolution.scss +151 -0
  82. data/stylesheets/compass-ui/theme/_dot-luv.scss +115 -0
  83. data/stylesheets/compass-ui/theme/_jquery-ui-base.scss +160 -0
  84. data/stylesheets/compass-ui/theme/_smoothness.scss +35 -0
  85. data/stylesheets/compass-ui/theme/absolution/_accordion.scss +65 -0
  86. data/stylesheets/compass-ui/theme/absolution/_autocomplete.scss +41 -0
  87. data/stylesheets/compass-ui/theme/absolution/_datepicker.scss +149 -0
  88. data/stylesheets/compass-ui/theme/absolution/_dialog.scss +84 -0
  89. data/stylesheets/compass-ui/theme/absolution/_progressbar.scss +14 -0
  90. data/stylesheets/compass-ui/theme/absolution/_slider.scss +50 -0
  91. data/stylesheets/compass-ui/theme/absolution/_tabs.scss +68 -0
  92. data/templates/project/_compass-ui.scss +2 -0
  93. data/templates/project/manifest.rb +12 -0
  94. metadata +150 -0
@@ -0,0 +1,167 @@
1
+ /*
2
+ * jQuery UI Datepicker 1.8.16
3
+ *
4
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
5
+ * Dual licensed under the MIT or GPL Version 2 licenses.
6
+ * http://jquery.org/license
7
+ *
8
+ * http://docs.jquery.com/UI/Datepicker#theming
9
+ */
10
+ @mixin jquery-ui-datepicker {
11
+ .ui-datepicker {
12
+ width: 17em;
13
+ padding: .2em .2em 0;
14
+ display: none;
15
+ .ui-datepicker-header {
16
+ position: relative;
17
+ padding: .2em 0; }
18
+ .ui-datepicker-prev, .ui-datepicker-next {
19
+ position: absolute;
20
+ top: 2px;
21
+ width: 1.8em;
22
+ height: 1.8em; }
23
+ .ui-datepicker-prev-hover, .ui-datepicker-next-hover {
24
+ top: 1px; }
25
+ .ui-datepicker-prev {
26
+ left: 2px; }
27
+ .ui-datepicker-next {
28
+ right: 2px; }
29
+ .ui-datepicker-prev-hover {
30
+ left: 1px; }
31
+ .ui-datepicker-next-hover {
32
+ right: 1px; }
33
+ .ui-datepicker-prev span, .ui-datepicker-next span {
34
+ display: block;
35
+ position: absolute;
36
+ left: 50%;
37
+ margin-left: -8px;
38
+ top: 50%;
39
+ margin-top: -8px; }
40
+ .ui-datepicker-title {
41
+ margin: 0 2.3em;
42
+ line-height: 1.8em;
43
+ text-align: center;
44
+ select {
45
+ font-size: 1em;
46
+ margin: 1px 0; } }
47
+ select {
48
+ &.ui-datepicker-month-year {
49
+ width: 100%; }
50
+ &.ui-datepicker-month, &.ui-datepicker-year {
51
+ width: 49%; } }
52
+ table {
53
+ width: 100%;
54
+ font-size: .9em;
55
+ border-collapse: collapse;
56
+ margin: 0 0 .4em; }
57
+ th {
58
+ padding: .7em .3em;
59
+ text-align: center;
60
+ font-weight: bold;
61
+ border: 0; }
62
+ td {
63
+ border: 0;
64
+ padding: 1px;
65
+ span, a {
66
+ display: block;
67
+ padding: .2em;
68
+ text-align: right;
69
+ text-decoration: none; } }
70
+ .ui-datepicker-buttonpane {
71
+ background-image: none;
72
+ margin: .7em 0 0 0;
73
+ padding: 0 .2em;
74
+ border-left: 0;
75
+ border-right: 0;
76
+ border-bottom: 0;
77
+ button {
78
+ float: right;
79
+ margin: .5em .2em .4em;
80
+ cursor: pointer;
81
+ padding: .2em .6em .3em .6em;
82
+ width: auto;
83
+ overflow: visible;
84
+ &.ui-datepicker-current {
85
+ float: left; } } }
86
+ &.ui-datepicker-multi {
87
+ width: auto; } }
88
+
89
+ /* with multiple calendars */
90
+
91
+ .ui-datepicker-multi .ui-datepicker-group {
92
+ float: left;
93
+ table {
94
+ width: 95%;
95
+ margin: 0 auto .4em; } }
96
+
97
+ .ui-datepicker-multi-2 .ui-datepicker-group {
98
+ width: 50%; }
99
+
100
+ .ui-datepicker-multi-3 .ui-datepicker-group {
101
+ width: 33.3%; }
102
+
103
+ .ui-datepicker-multi-4 .ui-datepicker-group {
104
+ width: 25%; }
105
+
106
+ .ui-datepicker-multi {
107
+ .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-group-middle .ui-datepicker-header {
108
+ border-left-width: 0; }
109
+ .ui-datepicker-buttonpane {
110
+ clear: left; } }
111
+
112
+ .ui-datepicker-row-break {
113
+ clear: both;
114
+ width: 100%;
115
+ font-size: 0em; }
116
+
117
+ /* RTL support */
118
+
119
+ .ui-datepicker-rtl {
120
+ direction: rtl;
121
+ .ui-datepicker-prev {
122
+ right: 2px;
123
+ left: auto; }
124
+ .ui-datepicker-next {
125
+ left: 2px;
126
+ right: auto; }
127
+ .ui-datepicker-prev:hover {
128
+ right: 1px;
129
+ left: auto; }
130
+ .ui-datepicker-next:hover {
131
+ left: 1px;
132
+ right: auto; }
133
+ .ui-datepicker-buttonpane {
134
+ clear: right;
135
+ button {
136
+ float: left;
137
+ &.ui-datepicker-current {
138
+ float: right; } } }
139
+ .ui-datepicker-group {
140
+ float: right; }
141
+ .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-group-middle .ui-datepicker-header {
142
+ border-right-width: 0;
143
+ border-left-width: 1px; } }
144
+
145
+ /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
146
+
147
+ .ui-datepicker-cover {
148
+ display: none;
149
+ /*sorry for IE5*/
150
+ display/**/: block;
151
+ /*sorry for IE5*/
152
+ position: absolute;
153
+ /*must have*/
154
+ z-index: -1;
155
+ /*must have*/
156
+ filter: mask();
157
+ /*must have*/
158
+ top: -4px;
159
+ /*must have*/
160
+ left: -4px;
161
+ /*must have*/
162
+ width: 200px;
163
+ /*must have*/
164
+ height: 200px;
165
+ /*must have*/
166
+ }
167
+ }
@@ -0,0 +1,61 @@
1
+ /*
2
+ * jQuery UI Dialog 1.8.16
3
+ *
4
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
5
+ * Dual licensed under the MIT or GPL Version 2 licenses.
6
+ * http://jquery.org/license
7
+ *
8
+ * http://docs.jquery.com/UI/Dialog#theming
9
+ */
10
+ @mixin jquery-ui-dialog {
11
+ .ui-dialog {
12
+ position: absolute;
13
+ padding: .2em;
14
+ width: 300px;
15
+ overflow: hidden;
16
+ .ui-dialog-titlebar {
17
+ padding: .4em 1em;
18
+ position: relative; }
19
+ .ui-dialog-title {
20
+ float: left;
21
+ margin: .1em 16px .1em 0; }
22
+ .ui-dialog-titlebar-close {
23
+ position: absolute;
24
+ right: .3em;
25
+ top: 50%;
26
+ width: 19px;
27
+ margin: -10px 0 0 0;
28
+ padding: 1px;
29
+ height: 18px;
30
+ span {
31
+ display: block;
32
+ margin: 1px; }
33
+ &:hover, &:focus {
34
+ padding: 0; } }
35
+ .ui-dialog-content {
36
+ position: relative;
37
+ border: 0;
38
+ padding: .5em 1em;
39
+ background: none;
40
+ overflow: auto;
41
+ zoom: 1; }
42
+ .ui-dialog-buttonpane {
43
+ text-align: left;
44
+ border-width: 1px 0 0 0;
45
+ background-image: none;
46
+ margin: .5em 0 0 0;
47
+ padding: .3em 1em .5em .4em;
48
+ .ui-dialog-buttonset {
49
+ float: right; }
50
+ button {
51
+ margin: .5em .4em .5em 0;
52
+ cursor: pointer; } }
53
+ .ui-resizable-se {
54
+ width: 14px;
55
+ height: 14px;
56
+ right: 3px;
57
+ bottom: 3px; } }
58
+
59
+ .ui-draggable .ui-dialog-titlebar {
60
+ cursor: move; }
61
+ }
@@ -0,0 +1,17 @@
1
+ /*
2
+ * jQuery UI Progressbar 1.8.16
3
+ *
4
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
5
+ * Dual licensed under the MIT or GPL Version 2 licenses.
6
+ * http://jquery.org/license
7
+ *
8
+ * http://docs.jquery.com/UI/Progressbar#theming
9
+ */
10
+ @mixin jquery-ui-progressbar {
11
+ .ui-progressbar {
12
+ height: 2em;
13
+ text-align: left;
14
+ .ui-progressbar-value {
15
+ margin: -1px;
16
+ height: 100%; } }
17
+ }
@@ -0,0 +1,78 @@
1
+ /*
2
+ * jQuery UI Resizable 1.8.16
3
+ *
4
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
5
+ * Dual licensed under the MIT or GPL Version 2 licenses.
6
+ * http://jquery.org/license
7
+ *
8
+ * http://docs.jquery.com/UI/Resizable#theming
9
+ */
10
+ @mixin jquery-ui-resizable {
11
+ .ui-resizable {
12
+ position: relative; }
13
+
14
+ .ui-resizable-handle {
15
+ position: absolute;
16
+ font-size: 0.1px;
17
+ z-index: 99999;
18
+ display: block; }
19
+
20
+ .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
21
+ display: none; }
22
+
23
+ .ui-resizable-n {
24
+ cursor: n-resize;
25
+ height: 7px;
26
+ width: 100%;
27
+ top: -5px;
28
+ left: 0; }
29
+
30
+ .ui-resizable-s {
31
+ cursor: s-resize;
32
+ height: 7px;
33
+ width: 100%;
34
+ bottom: -5px;
35
+ left: 0; }
36
+
37
+ .ui-resizable-e {
38
+ cursor: e-resize;
39
+ width: 7px;
40
+ right: -5px;
41
+ top: 0;
42
+ height: 100%; }
43
+
44
+ .ui-resizable-w {
45
+ cursor: w-resize;
46
+ width: 7px;
47
+ left: -5px;
48
+ top: 0;
49
+ height: 100%; }
50
+
51
+ .ui-resizable-se {
52
+ cursor: se-resize;
53
+ width: 12px;
54
+ height: 12px;
55
+ right: 1px;
56
+ bottom: 1px; }
57
+
58
+ .ui-resizable-sw {
59
+ cursor: sw-resize;
60
+ width: 9px;
61
+ height: 9px;
62
+ left: -5px;
63
+ bottom: -5px; }
64
+
65
+ .ui-resizable-nw {
66
+ cursor: nw-resize;
67
+ width: 9px;
68
+ height: 9px;
69
+ left: -5px;
70
+ top: -5px; }
71
+
72
+ .ui-resizable-ne {
73
+ cursor: ne-resize;
74
+ width: 9px;
75
+ height: 9px;
76
+ right: -5px;
77
+ top: -5px; }
78
+ }
@@ -0,0 +1,15 @@
1
+ /*
2
+ * jQuery UI Selectable 1.8.16
3
+ *
4
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
5
+ * Dual licensed under the MIT or GPL Version 2 licenses.
6
+ * http://jquery.org/license
7
+ *
8
+ * http://docs.jquery.com/UI/Selectable#theming
9
+ */
10
+ @mixin jquery-ui-selectable {
11
+ .ui-selectable-helper {
12
+ position: absolute;
13
+ z-index: 100;
14
+ border: 1px dotted black; }
15
+ }
@@ -0,0 +1,55 @@
1
+ /*
2
+ * jQuery UI Slider 1.8.16
3
+ *
4
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
5
+ * Dual licensed under the MIT or GPL Version 2 licenses.
6
+ * http://jquery.org/license
7
+ *
8
+ * http://docs.jquery.com/UI/Slider#theming
9
+ */
10
+ @mixin jquery-ui-slider {
11
+ .ui-slider {
12
+ position: relative;
13
+ text-align: left;
14
+ .ui-slider-handle {
15
+ position: absolute;
16
+ z-index: 2;
17
+ width: 1.2em;
18
+ height: 1.2em;
19
+ cursor: default; }
20
+ .ui-slider-range {
21
+ position: absolute;
22
+ z-index: 1;
23
+ font-size: .7em;
24
+ display: block;
25
+ border: 0;
26
+ background-position: 0 0; } }
27
+
28
+ .ui-slider-horizontal {
29
+ height: .8em;
30
+ .ui-slider-handle {
31
+ top: -0.3em;
32
+ margin-left: -0.6em; }
33
+ .ui-slider-range {
34
+ top: 0;
35
+ height: 100%; }
36
+ .ui-slider-range-min {
37
+ left: 0; }
38
+ .ui-slider-range-max {
39
+ right: 0; } }
40
+
41
+ .ui-slider-vertical {
42
+ width: .8em;
43
+ height: 100px;
44
+ .ui-slider-handle {
45
+ left: -0.3em;
46
+ margin-left: 0;
47
+ margin-bottom: -0.6em; }
48
+ .ui-slider-range {
49
+ left: 0;
50
+ width: 100%; }
51
+ .ui-slider-range-min {
52
+ bottom: 0; }
53
+ .ui-slider-range-max {
54
+ top: 0; } }
55
+ }
@@ -0,0 +1,53 @@
1
+ /*
2
+ * jQuery UI Tabs 1.8.16
3
+ *
4
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
5
+ * Dual licensed under the MIT or GPL Version 2 licenses.
6
+ * http://jquery.org/license
7
+ *
8
+ * http://docs.jquery.com/UI/Tabs#theming
9
+ */
10
+ @mixin jquery-ui-tabs {
11
+ .ui-tabs {
12
+ position: relative;
13
+ padding: .2em;
14
+ zoom: 1;
15
+ .ui-tabs-nav {
16
+ margin: 0;
17
+ padding: .2em .2em 0;
18
+ li {
19
+ list-style: none;
20
+ float: left;
21
+ position: relative;
22
+ top: 1px;
23
+ margin: 0 .2em 1px 0;
24
+ border-bottom: 0 !important;
25
+ padding: 0;
26
+ white-space: nowrap;
27
+ a {
28
+ float: left;
29
+ padding: .5em 1em;
30
+ text-decoration: none; }
31
+ &.ui-tabs-selected {
32
+ margin-bottom: 0;
33
+ padding-bottom: 1px;
34
+ a {
35
+ cursor: text; } }
36
+ &.ui-state-disabled a, &.ui-state-processing a {
37
+ cursor: text; }
38
+ a {
39
+ cursor: pointer; } } }
40
+ &.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
41
+ cursor: pointer; }
42
+ .ui-tabs-panel {
43
+ display: block;
44
+ border-width: 0;
45
+ padding: 1em 1.4em;
46
+ background: none; }
47
+ .ui-tabs-hide {
48
+ display: none !important; } }
49
+
50
+ /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
51
+
52
+ /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
53
+ }