atlas_assets 0.5.10 → 0.6.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (14) hide show
  1. checksums.yaml +8 -8
  2. data/Gemfile.lock +1 -1
  3. data/docs/_posts/2014-03-12-drop.md +115 -0
  4. data/lib/assets/javascripts/atlas_assets.js +4 -1
  5. data/lib/assets/javascripts/libraries/drop.js +1751 -0
  6. data/lib/assets/javascripts/libraries/select.coffee +424 -0
  7. data/lib/assets/stylesheets/atlas_assets/drop-theme-arrows-bounce-dark.scss +222 -0
  8. data/lib/assets/stylesheets/atlas_assets/drop-theme-arrows-bounce.scss +230 -0
  9. data/lib/assets/stylesheets/atlas_assets/drop-theme-arrows.scss +120 -0
  10. data/lib/assets/stylesheets/atlas_assets/drop-theme-basic.scss +29 -0
  11. data/lib/assets/stylesheets/atlas_assets/select-theme-defaults.scss +155 -0
  12. data/lib/assets/stylesheets/atlas_assets.scss +7 -0
  13. data/lib/atlas_assets/version.rb +1 -1
  14. metadata +10 -2
data/lib/assets/stylesheets/atlas_assets/drop-theme-arrows-bounce.scss ADDED
@@ -0,0 +1,230 @@
1
+ .drop-element, .drop-element:after, .drop-element:before, .drop-element *, .drop-element *:after, .drop-element *:before {
2
+ -webkit-box-sizing: border-box;
3
+ -moz-box-sizing: border-box;
4
+ box-sizing: border-box; }
5
+
6
+ .drop-element {
7
+ position: absolute;
8
+ display: none; }
9
+ .drop-element.drop-open {
10
+ display: block; }
11
+
12
+ .drop-element.drop-theme-arrows-bounce {
13
+ max-width: 100%;
14
+ max-height: 100%; }
15
+ .drop-element.drop-theme-arrows-bounce .drop-content {
16
+ -webkit-border-radius: 5px;
17
+ -moz-border-radius: 5px;
18
+ -ms-border-radius: 5px;
19
+ -o-border-radius: 5px;
20
+ border-radius: 5px;
21
+ position: relative;
22
+ font-family: inherit;
23
+ background: white;
24
+ color: #444444;
25
+ padding: 1em;
26
+ font-size: 1.1em;
27
+ line-height: 1.5em;
28
+ -webkit-transform: translateZ(0);
29
+ -moz-transform: translateZ(0);
30
+ -ms-transform: translateZ(0);
31
+ -o-transform: translateZ(0);
32
+ transform: translateZ(0);
33
+ -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
34
+ -moz-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
35
+ filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); }
36
+ .drop-element.drop-theme-arrows-bounce .drop-content:before {
37
+ content: "";
38
+ display: block;
39
+ position: absolute;
40
+ width: 0;
41
+ height: 0;
42
+ border-color: transparent;
43
+ border-width: 12px;
44
+ border-style: solid; }
45
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-center .drop-content {
46
+ margin-bottom: 12px; }
47
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-center .drop-content:before {
48
+ top: 100%;
49
+ left: 50%;
50
+ margin-left: -12px;
51
+ border-top-color: white; }
52
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-center .drop-content {
53
+ margin-top: 12px; }
54
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-center .drop-content:before {
55
+ bottom: 100%;
56
+ left: 50%;
57
+ margin-left: -12px;
58
+ border-bottom-color: white; }
59
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-right.drop-element-attached-middle .drop-content {
60
+ margin-right: 12px; }
61
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-right.drop-element-attached-middle .drop-content:before {
62
+ left: 100%;
63
+ top: 50%;
64
+ margin-top: -12px;
65
+ border-left-color: white; }
66
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-left.drop-element-attached-middle .drop-content {
67
+ margin-left: 12px; }
68
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-left.drop-element-attached-middle .drop-content:before {
69
+ right: 100%;
70
+ top: 50%;
71
+ margin-top: -12px;
72
+ border-right-color: white; }
73
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content {
74
+ margin-top: 12px; }
75
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content:before {
76
+ bottom: 100%;
77
+ left: 12px;
78
+ border-bottom-color: white; }
79
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content {
80
+ margin-top: 12px; }
81
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content:before {
82
+ bottom: 100%;
83
+ right: 12px;
84
+ border-bottom-color: white; }
85
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content {
86
+ margin-bottom: 12px; }
87
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content:before {
88
+ top: 100%;
89
+ left: 12px;
90
+ border-top-color: white; }
91
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content {
92
+ margin-bottom: 12px; }
93
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content:before {
94
+ top: 100%;
95
+ right: 12px;
96
+ border-top-color: white; }
97
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content {
98
+ margin-right: 12px; }
99
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content:before {
100
+ top: 12px;
101
+ left: 100%;
102
+ border-left-color: white; }
103
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content {
104
+ margin-left: 12px; }
105
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content:before {
106
+ top: 12px;
107
+ right: 100%;
108
+ border-right-color: white; }
109
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content {
110
+ margin-right: 12px; }
111
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content:before {
112
+ bottom: 12px;
113
+ left: 100%;
114
+ border-left-color: white; }
115
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content {
116
+ margin-left: 12px; }
117
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content:before {
118
+ bottom: 12px;
119
+ right: 100%;
120
+ border-right-color: white; }
121
+
122
+ .drop-element.drop-theme-arrows-bounce {
123
+ -webkit-transform: translateZ(0);
124
+ -moz-transform: translateZ(0);
125
+ -ms-transform: translateZ(0);
126
+ -o-transform: translateZ(0);
127
+ transform: translateZ(0);
128
+ -webkit-transition: opacity 0.1s;
129
+ -moz-transition: opacity 0.1s;
130
+ -o-transition: opacity 0.1s;
131
+ transition: opacity 0.1s;
132
+ opacity: 0; }
133
+ .drop-element.drop-theme-arrows-bounce .drop-content {
134
+ -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.265, 1.55);
135
+ -moz-transition: -moz-transform 0.3s cubic-bezier(0, 0, 0.265, 1.55);
136
+ -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.265, 1.55);
137
+ transition: transform 0.3s cubic-bezier(0, 0, 0.265, 1.55);
138
+ -webkit-transform: scale(0) translateZ(0);
139
+ -moz-transform: scale(0) translateZ(0);
140
+ -ms-transform: scale(0) translateZ(0);
141
+ -o-transform: scale(0) translateZ(0);
142
+ transform: scale(0) translateZ(0); }
143
+ .drop-element.drop-theme-arrows-bounce.drop-open {
144
+ display: none; }
145
+ .drop-element.drop-theme-arrows-bounce.drop-open-transitionend {
146
+ display: block; }
147
+ .drop-element.drop-theme-arrows-bounce.drop-after-open {
148
+ -webkit-transition: none;
149
+ -moz-transition: none;
150
+ -o-transition: none;
151
+ transition: none;
152
+ opacity: 1; }
153
+ .drop-element.drop-theme-arrows-bounce.drop-after-open .drop-content {
154
+ -webkit-transform: scale(1) translateZ(0);
155
+ -moz-transform: scale(1) translateZ(0);
156
+ -ms-transform: scale(1) translateZ(0);
157
+ -o-transform: scale(1) translateZ(0);
158
+ transform: scale(1) translateZ(0); }
159
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-center .drop-content {
160
+ -webkit-transform-origin: 50% calc(100% + 12px);
161
+ -moz-transform-origin: 50% calc(100% + 12px);
162
+ -ms-transform-origin: 50% calc(100% + 12px);
163
+ -o-transform-origin: 50% calc(100% + 12px);
164
+ transform-origin: 50% calc(100% + 12px); }
165
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-center .drop-content {
166
+ -webkit-transform-origin: 50% -12px;
167
+ -moz-transform-origin: 50% -12px;
168
+ -ms-transform-origin: 50% -12px;
169
+ -o-transform-origin: 50% -12px;
170
+ transform-origin: 50% -12px; }
171
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-right.drop-element-attached-middle .drop-content {
172
+ -webkit-transform-origin: calc(100% + 12px) 50%;
173
+ -moz-transform-origin: calc(100% + 12px) 50%;
174
+ -ms-transform-origin: calc(100% + 12px) 50%;
175
+ -o-transform-origin: calc(100% + 12px) 50%;
176
+ transform-origin: calc(100% + 12px) 50%; }
177
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-left.drop-element-attached-middle .drop-content {
178
+ -webkit-transform-origin: -12px 50%;
179
+ -moz-transform-origin: -12px 50%;
180
+ -ms-transform-origin: -12px 50%;
181
+ -o-transform-origin: -12px 50%;
182
+ transform-origin: -12px 50%; }
183
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content {
184
+ -webkit-transform-origin: 0 -12px;
185
+ -moz-transform-origin: 0 -12px;
186
+ -ms-transform-origin: 0 -12px;
187
+ -o-transform-origin: 0 -12px;
188
+ transform-origin: 0 -12px; }
189
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content {
190
+ -webkit-transform-origin: 100% -12px;
191
+ -moz-transform-origin: 100% -12px;
192
+ -ms-transform-origin: 100% -12px;
193
+ -o-transform-origin: 100% -12px;
194
+ transform-origin: 100% -12px; }
195
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content {
196
+ -webkit-transform-origin: 0 calc(100% + 12px);
197
+ -moz-transform-origin: 0 calc(100% + 12px);
198
+ -ms-transform-origin: 0 calc(100% + 12px);
199
+ -o-transform-origin: 0 calc(100% + 12px);
200
+ transform-origin: 0 calc(100% + 12px); }
201
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content {
202
+ -webkit-transform-origin: 100% calc(100% + 12px);
203
+ -moz-transform-origin: 100% calc(100% + 12px);
204
+ -ms-transform-origin: 100% calc(100% + 12px);
205
+ -o-transform-origin: 100% calc(100% + 12px);
206
+ transform-origin: 100% calc(100% + 12px); }
207
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content {
208
+ -webkit-transform-origin: calc(100% + 12px) 0;
209
+ -moz-transform-origin: calc(100% + 12px) 0;
210
+ -ms-transform-origin: calc(100% + 12px) 0;
211
+ -o-transform-origin: calc(100% + 12px) 0;
212
+ transform-origin: calc(100% + 12px) 0; }
213
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content {
214
+ -webkit-transform-origin: -12px 0;
215
+ -moz-transform-origin: -12px 0;
216
+ -ms-transform-origin: -12px 0;
217
+ -o-transform-origin: -12px 0;
218
+ transform-origin: -12px 0; }
219
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content {
220
+ -webkit-transform-origin: calc(100% + 12px) 100%;
221
+ -moz-transform-origin: calc(100% + 12px) 100%;
222
+ -ms-transform-origin: calc(100% + 12px) 100%;
223
+ -o-transform-origin: calc(100% + 12px) 100%;
224
+ transform-origin: calc(100% + 12px) 100%; }
225
+ .drop-element.drop-theme-arrows-bounce.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content {
226
+ -webkit-transform-origin: -12px 100%;
227
+ -moz-transform-origin: -12px 100%;
228
+ -ms-transform-origin: -12px 100%;
229
+ -o-transform-origin: -12px 100%;
230
+ transform-origin: -12px 100%; }
data/lib/assets/stylesheets/atlas_assets/drop-theme-arrows.scss ADDED
@@ -0,0 +1,120 @@
1
+ .drop-element, .drop-element:after, .drop-element:before, .drop-element *, .drop-element *:after, .drop-element *:before {
2
+ -webkit-box-sizing: border-box;
3
+ -moz-box-sizing: border-box;
4
+ box-sizing: border-box; }
5
+
6
+ .drop-element {
7
+ position: absolute;
8
+ display: none; }
9
+ .drop-element.drop-open {
10
+ display: block; }
11
+
12
+ .drop-element.drop-theme-arrows {
13
+ max-width: 100%;
14
+ max-height: 100%; }
15
+ .drop-element.drop-theme-arrows .drop-content {
16
+ -webkit-border-radius: 5px;
17
+ -moz-border-radius: 5px;
18
+ -ms-border-radius: 5px;
19
+ -o-border-radius: 5px;
20
+ border-radius: 5px;
21
+ position: relative;
22
+ font-family: inherit;
23
+ background: #eeeeee;
24
+ color: #444444;
25
+ padding: 1em;
26
+ font-size: 1.1em;
27
+ line-height: 1.5em;
28
+ -webkit-transform: translateZ(0);
29
+ -moz-transform: translateZ(0);
30
+ -ms-transform: translateZ(0);
31
+ -o-transform: translateZ(0);
32
+ transform: translateZ(0);
33
+ -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
34
+ -moz-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
35
+ filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2)); }
36
+ .drop-element.drop-theme-arrows .drop-content:before {
37
+ content: "";
38
+ display: block;
39
+ position: absolute;
40
+ width: 0;
41
+ height: 0;
42
+ border-color: transparent;
43
+ border-width: 16px;
44
+ border-style: solid; }
45
+ .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-center .drop-content {
46
+ margin-bottom: 16px; }
47
+ .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-center .drop-content:before {
48
+ top: 100%;
49
+ left: 50%;
50
+ margin-left: -16px;
51
+ border-top-color: #eeeeee; }
52
+ .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-center .drop-content {
53
+ margin-top: 16px; }
54
+ .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-center .drop-content:before {
55
+ bottom: 100%;
56
+ left: 50%;
57
+ margin-left: -16px;
58
+ border-bottom-color: #eeeeee; }
59
+ .drop-element.drop-theme-arrows.drop-element-attached-right.drop-element-attached-middle .drop-content {
60
+ margin-right: 16px; }
61
+ .drop-element.drop-theme-arrows.drop-element-attached-right.drop-element-attached-middle .drop-content:before {
62
+ left: 100%;
63
+ top: 50%;
64
+ margin-top: -16px;
65
+ border-left-color: #eeeeee; }
66
+ .drop-element.drop-theme-arrows.drop-element-attached-left.drop-element-attached-middle .drop-content {
67
+ margin-left: 16px; }
68
+ .drop-element.drop-theme-arrows.drop-element-attached-left.drop-element-attached-middle .drop-content:before {
69
+ right: 100%;
70
+ top: 50%;
71
+ margin-top: -16px;
72
+ border-right-color: #eeeeee; }
73
+ .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content {
74
+ margin-top: 16px; }
75
+ .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-left.drop-target-attached-bottom .drop-content:before {
76
+ bottom: 100%;
77
+ left: 16px;
78
+ border-bottom-color: #eeeeee; }
79
+ .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content {
80
+ margin-top: 16px; }
81
+ .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-right.drop-target-attached-bottom .drop-content:before {
82
+ bottom: 100%;
83
+ right: 16px;
84
+ border-bottom-color: #eeeeee; }
85
+ .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content {
86
+ margin-bottom: 16px; }
87
+ .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-top .drop-content:before {
88
+ top: 100%;
89
+ left: 16px;
90
+ border-top-color: #eeeeee; }
91
+ .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content {
92
+ margin-bottom: 16px; }
93
+ .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-top .drop-content:before {
94
+ top: 100%;
95
+ right: 16px;
96
+ border-top-color: #eeeeee; }
97
+ .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content {
98
+ margin-right: 16px; }
99
+ .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-right.drop-target-attached-left .drop-content:before {
100
+ top: 16px;
101
+ left: 100%;
102
+ border-left-color: #eeeeee; }
103
+ .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content {
104
+ margin-left: 16px; }
105
+ .drop-element.drop-theme-arrows.drop-element-attached-top.drop-element-attached-left.drop-target-attached-right .drop-content:before {
106
+ top: 16px;
107
+ right: 100%;
108
+ border-right-color: #eeeeee; }
109
+ .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content {
110
+ margin-right: 16px; }
111
+ .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-right.drop-target-attached-left .drop-content:before {
112
+ bottom: 16px;
113
+ left: 100%;
114
+ border-left-color: #eeeeee; }
115
+ .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content {
116
+ margin-left: 16px; }
117
+ .drop-element.drop-theme-arrows.drop-element-attached-bottom.drop-element-attached-left.drop-target-attached-right .drop-content:before {
118
+ bottom: 16px;
119
+ right: 100%;
120
+ border-right-color: #eeeeee; }
data/lib/assets/stylesheets/atlas_assets/drop-theme-basic.scss ADDED
@@ -0,0 +1,29 @@
1
+ .drop-element, .drop-element:after, .drop-element:before, .drop-element *, .drop-element *:after, .drop-element *:before {
2
+ -webkit-box-sizing: border-box;
3
+ -moz-box-sizing: border-box;
4
+ box-sizing: border-box; }
5
+
6
+ .drop-element {
7
+ position: absolute;
8
+ display: none; }
9
+ .drop-element.drop-open {
10
+ display: block; }
11
+
12
+ .drop-element.drop-theme-basic {
13
+ max-width: 100%;
14
+ max-height: 100%; }
15
+ .drop-element.drop-theme-basic .drop-content {
16
+ -webkit-border-radius: 5px;
17
+ -moz-border-radius: 5px;
18
+ -ms-border-radius: 5px;
19
+ -o-border-radius: 5px;
20
+ border-radius: 5px;
21
+ -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
22
+ -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
23
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
24
+ font-family: inherit;
25
+ background: #eeeeee;
26
+ color: #444444;
27
+ padding: 1em;
28
+ font-size: 1.1em;
29
+ line-height: 1.5em; }
data/lib/assets/stylesheets/atlas_assets/select-theme-defaults.scss ADDED
@@ -0,0 +1,155 @@
1
+ .select-select {
2
+ display: none;
3
+ /* For when we are on a small touch device and want to use native controls */
4
+ -webkit-pointer-events: none;
5
+ -moz-pointer-events: none;
6
+ pointer-events: none;
7
+ position: absolute;
8
+ opacity: 0; }
9
+
10
+ .select-element, .select-element:after, .select-element:before, .select-element *, .select-element *:after, .select-element *:before {
11
+ -webkit-box-sizing: border-box;
12
+ -moz-box-sizing: border-box;
13
+ box-sizing: border-box; }
14
+
15
+ .select-element {
16
+ position: absolute;
17
+ display: none; }
18
+ .select-element.select-open {
19
+ display: block; }
20
+
21
+ .select-theme-default, .select-theme-default *, .select-theme-default *:after, .select-theme-default *:before {
22
+ -webkit-box-sizing: border-box;
23
+ -moz-box-sizing: border-box;
24
+ box-sizing: border-box; }
25
+
26
+ .select.select-theme-default {
27
+ -webkit-user-select: none;
28
+ -moz-user-select: none;
29
+ -ms-user-select: none;
30
+ -o-user-select: none;
31
+ user-select: none; }
32
+ .select.select-theme-default .select-content {
33
+ -webkit-border-radius: 0.25em;
34
+ -moz-border-radius: 0.25em;
35
+ -ms-border-radius: 0.25em;
36
+ -o-border-radius: 0.25em;
37
+ border-radius: 0.25em;
38
+ -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
39
+ -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
40
+ box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
41
+ background: white;
42
+ font-family: inherit;
43
+ color: inherit;
44
+ overflow: auto;
45
+ max-width: 18rem;
46
+ max-height: 18rem;
47
+ -webkit-overflow-scrolling: touch; }
48
+ @media (max-width: 27rem), (max-height: 27rem) {
49
+ .select.select-theme-default .select-content {
50
+ max-width: 11.25rem;
51
+ max-height: 11.25rem; } }
52
+ .select.select-theme-default .select-options {
53
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
54
+ -webkit-touch-callout: none;
55
+ margin: 0;
56
+ padding: 0; }
57
+ .select.select-theme-default .select-options .select-option {
58
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
59
+ -webkit-touch-callout: none;
60
+ position: relative;
61
+ list-style: none;
62
+ margin: 0;
63
+ line-height: 1.25rem;
64
+ padding: 0.5rem 1em 0.5rem 2.5em;
65
+ display: block;
66
+ cursor: pointer;
67
+ white-space: nowrap;
68
+ overflow: hidden;
69
+ text-overflow: ellipsis; }
70
+ .select.select-theme-default .select-options .select-option.select-option-selected:before {
71
+ content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='-0.5 0 20 15'><rect fill='#444444' stroke='none' transform='rotate(45 4.0033 8.87436)' height='5' width='6.32304' y='6.37436' x='0.84178'></rect><rect fill='#444444' stroke='none' transform='rotate(45 11.1776 7.7066)' width='5' height='16.79756' y='-0.69218' x='8.67764'></rect></svg>");
72
+ position: absolute;
73
+ left: 1em;
74
+ top: 0;
75
+ bottom: 0.2em;
76
+ height: 1em;
77
+ width: 1em;
78
+ margin: auto; }
79
+ .select.select-theme-default .select-options .select-option:hover, .select.select-theme-default .select-options .select-option.select-option-highlight {
80
+ background: #63a2f1;
81
+ color: white; }
82
+ .select.select-theme-default .select-options .select-option:hover.select-option-selected:before, .select.select-theme-default .select-options .select-option.select-option-highlight.select-option-selected:before {
83
+ content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100%' height='100%' viewBox='-0.5 0 20 15'><rect fill='white' stroke='none' transform='rotate(45 4.0033 8.87436)' height='5' width='6.32304' y='6.37436' x='0.84178'></rect><rect fill='white' stroke='none' transform='rotate(45 11.1776 7.7066)' width='5' height='16.79756' y='-0.69218' x='8.67764'></rect></svg>"); }
84
+ .select.select-theme-default .select-options .select-option:first-child {
85
+ -webkit-border-radius: 0.25em 0.25em 0 0;
86
+ -moz-border-radius: 0.25em 0.25em 0 0;
87
+ -ms-border-radius: 0.25em 0.25em 0 0;
88
+ -o-border-radius: 0.25em 0.25em 0 0;
89
+ border-radius: 0.25em 0.25em 0 0; }
90
+ .select.select-theme-default .select-options .select-option:last-child {
91
+ -webkit-border-radius: 0 0 0.25em 0.25em;
92
+ -moz-border-radius: 0 0 0.25em 0.25em;
93
+ -ms-border-radius: 0 0 0.25em 0.25em;
94
+ -o-border-radius: 0 0 0.25em 0.25em;
95
+ border-radius: 0 0 0.25em 0.25em; }
96
+
97
+ .select-target.select-theme-default {
98
+ display: -moz-inline-stack;
99
+ display: inline-block;
100
+ vertical-align: middle;
101
+ *vertical-align: auto;
102
+ zoom: 1;
103
+ *display: inline;
104
+ -webkit-border-radius: 0.25em;
105
+ -moz-border-radius: 0.25em;
106
+ -ms-border-radius: 0.25em;
107
+ -o-border-radius: 0.25em;
108
+ border-radius: 0.25em;
109
+ -webkit-user-select: none;
110
+ -moz-user-select: none;
111
+ -ms-user-select: none;
112
+ -o-user-select: none;
113
+ user-select: none;
114
+ -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
115
+ -webkit-touch-callout: none;
116
+ position: relative;
117
+ padding: 0.5rem 3em 0.5rem 1em;
118
+ background: #f6f6f6;
119
+ border: 0.18em solid #dddddd;
120
+ cursor: pointer;
121
+ color: #444444;
122
+ text-decoration: none;
123
+ white-space: nowrap;
124
+ max-width: 100%;
125
+ overflow: hidden;
126
+ text-overflow: ellipsis; }
127
+ .select-target.select-theme-default:hover {
128
+ border-color: #aaaaaa;
129
+ color: black; }
130
+ .select-target.select-theme-default.select-target-focused, .select-target.select-theme-default.select-target-focused:focus {
131
+ border-color: #63a2f1;
132
+ outline: none; }
133
+ .select-target.select-theme-default b {
134
+ position: absolute;
135
+ right: 1em;
136
+ top: 0;
137
+ bottom: 0;
138
+ margin: auto;
139
+ height: 1.25rem;
140
+ width: 2em; }
141
+ .select-target.select-theme-default b:before, .select-target.select-theme-default b:after {
142
+ content: "";
143
+ display: block;
144
+ position: absolute;
145
+ margin: auto;
146
+ right: 0;
147
+ height: 0;
148
+ width: 0;
149
+ border: 0.263em solid transparent; }
150
+ .select-target.select-theme-default b:before {
151
+ top: 0;
152
+ border-bottom-color: inherit; }
153
+ .select-target.select-theme-default b:after {
154
+ bottom: 0;
155
+ border-top-color: inherit; }
data/lib/assets/stylesheets/atlas_assets.scss CHANGED
@@ -22,6 +22,13 @@
22
22
  @import "atlas_assets/utilities";
23
23
  @import "atlas_assets/chosen";
24
24
 
25
+ @import "atlas_assets/drop-theme-arrows-bounce-dark";
26
+ @import "atlas_assets/drop-theme-arrows-bounce";
27
+ @import "atlas_assets/drop-theme-arrows";
28
+ @import "atlas_assets/drop-theme-basic";
29
+
30
+ @import "atlas_assets/select-theme-defaults";
31
+
25
32
  @import "atlas_assets/responsive-utilities";
26
33
  @import "atlas_assets/responsive-768-979";
27
34
  @import "atlas_assets/responsive-767";
data/lib/atlas_assets/version.rb CHANGED
@@ -1,5 +1,5 @@
1
1
  module Atlas
2
2
  module Assets
3
- VERSION = "0.5.10"
3
+ VERSION = "0.6.0"
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: atlas_assets
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.5.10
4
+ version: 0.6.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - Rune Skjoldborg Madsen
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2014-02-18 00:00:00.000000000 Z
11
+ date: 2014-03-12 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: handlebars_assets
@@ -59,6 +59,7 @@ files:
59
59
  - docs/_posts/2013-05-30-tabs.md
60
60
  - docs/_posts/2013-09-12-logo.md
61
61
  - docs/_posts/2013-10-28-dropdown.md
62
+ - docs/_posts/2014-03-12-drop.md
62
63
  - docs/_posts/2014-2-10-colors.md
63
64
  - docs/glyphicons-license.txt
64
65
  - docs/index.html
@@ -84,10 +85,12 @@ files:
84
85
  - lib/assets/javascripts/libraries/backbone.js
85
86
  - lib/assets/javascripts/libraries/bootstrap.js
86
87
  - lib/assets/javascripts/libraries/chosen.jquery.js
88
+ - lib/assets/javascripts/libraries/drop.js
87
89
  - lib/assets/javascripts/libraries/jquery.js
88
90
  - lib/assets/javascripts/libraries/jquery_ujs.js
89
91
  - lib/assets/javascripts/libraries/keypress.js
90
92
  - lib/assets/javascripts/libraries/pusher.js
93
+ - lib/assets/javascripts/libraries/select.coffee
91
94
  - lib/assets/javascripts/libraries/string.js
92
95
  - lib/assets/javascripts/libraries/underscore.js
93
96
  - lib/assets/javascripts/models/dropdown.coffee
@@ -121,6 +124,11 @@ files:
121
124
  - lib/assets/stylesheets/atlas_assets/_tabs.scss
122
125
  - lib/assets/stylesheets/atlas_assets/_utilities.scss
123
126
  - lib/assets/stylesheets/atlas_assets/_variables.scss
127
+ - lib/assets/stylesheets/atlas_assets/drop-theme-arrows-bounce-dark.scss
128
+ - lib/assets/stylesheets/atlas_assets/drop-theme-arrows-bounce.scss
129
+ - lib/assets/stylesheets/atlas_assets/drop-theme-arrows.scss
130
+ - lib/assets/stylesheets/atlas_assets/drop-theme-basic.scss
131
+ - lib/assets/stylesheets/atlas_assets/select-theme-defaults.scss
124
132
  - lib/atlas_assets.rb
125
133
  - lib/atlas_assets/engine.rb
126
134
  - lib/atlas_assets/version.rb