emma-css-rails 0.1.0.0

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml ADDED
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: ff98fe506bb495d5fc32dcbe9ba0498dc636d4e9
4
+ data.tar.gz: cc9da5fef324657d7aafa576c672a621ea14651b
5
+ SHA512:
6
+ metadata.gz: 209ae4dfd623bf28b8a6a2b39bcfd6a713f3fd3822d67eafef346577af94b89412ecb97ef3521aef29e855d5ac81cd9048e67173dbfebd695510acc13dabd001
7
+ data.tar.gz: d972d09dfb8874e82c02a367c696b5bc1268316c63e74fa88801849a9951664c51f32c4a46dc92d0c8dc4ac618cbcb11a73b0448e6c89ffb2ee3aaba85e811d0
data/MIT-LICENSE ADDED
@@ -0,0 +1,20 @@
1
+ Copyright 2015 ruedap
2
+
3
+ Permission is hereby granted, free of charge, to any person obtaining
4
+ a copy of this software and associated documentation files (the
5
+ "Software"), to deal in the Software without restriction, including
6
+ without limitation the rights to use, copy, modify, merge, publish,
7
+ distribute, sublicense, and/or sell copies of the Software, and to
8
+ permit persons to whom the Software is furnished to do so, subject to
9
+ the following conditions:
10
+
11
+ The above copyright notice and this permission notice shall be
12
+ included in all copies or substantial portions of the Software.
13
+
14
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
15
+ EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
16
+ MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
17
+ NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
18
+ LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
19
+ OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
20
+ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
data/README.md ADDED
@@ -0,0 +1,11 @@
1
+ # emma-css-rails
2
+
3
+ [Emma.css](https://github.com/ruedap/emma.css) { Emmet-like utility classes } for Rails
4
+
5
+ ## License
6
+
7
+ Released under the [MIT license](http://ruedap.mit-license.org/2015).
8
+
9
+ ## Author
10
+
11
+ <a href="https://github.com/ruedap"><img src="https://dl.dropboxusercontent.com/u/281168/images/github-ruedap-avatar-1500x1500.png" alt="ruedap" title="ruedap" width="100" height="100"></a>
data/Rakefile ADDED
@@ -0,0 +1,37 @@
1
+ begin
2
+ require 'bundler/setup'
3
+ rescue LoadError
4
+ puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
5
+ end
6
+
7
+ require 'rdoc/task'
8
+
9
+ RDoc::Task.new(:rdoc) do |rdoc|
10
+ rdoc.rdoc_dir = 'rdoc'
11
+ rdoc.title = 'EmmaCssRails'
12
+ rdoc.options << '--line-numbers'
13
+ rdoc.rdoc_files.include('README.rdoc')
14
+ rdoc.rdoc_files.include('lib/**/*.rb')
15
+ end
16
+
17
+ APP_RAKEFILE = File.expand_path("../test/dummy/Rakefile", __FILE__)
18
+ load 'rails/tasks/engine.rake'
19
+
20
+
21
+ load 'rails/tasks/statistics.rake'
22
+
23
+
24
+
25
+ Bundler::GemHelper.install_tasks
26
+
27
+ require 'rake/testtask'
28
+
29
+ Rake::TestTask.new(:test) do |t|
30
+ t.libs << 'lib'
31
+ t.libs << 'test'
32
+ t.pattern = 'test/**/*_test.rb'
33
+ t.verbose = false
34
+ end
35
+
36
+
37
+ task default: :test
@@ -0,0 +1,4 @@
1
+ require "emma-css-rails/engine"
2
+
3
+ module EmmaCssRails
4
+ end
@@ -0,0 +1,5 @@
1
+ module EmmaCssRails
2
+ class Engine < ::Rails::Engine
3
+ isolate_namespace EmmaCssRails
4
+ end
5
+ end
@@ -0,0 +1,3 @@
1
+ module EmmaCssRails
2
+ VERSION = "0.1.0.0"
3
+ end
@@ -0,0 +1,4 @@
1
+ # desc "Explaining what the task does"
2
+ # task :emma-css-rails do
3
+ # # Task goes here
4
+ # end
@@ -0,0 +1,732 @@
1
+ /*! Emma.css 0.1.0 | Emmet-like utility classes | MIT License | git.io/emma */
2
+
3
+ $emma-prefix: "u-" !default;
4
+ $emma-important: true !default;
5
+ $emma-validation: true !default;
6
+ $emma-alternative-colors: false !default;
7
+ $emma-available-snippet-list: ("!all") !default;
8
+
9
+ $emma-font-size-xs: x-small !default;
10
+ $emma-font-size-sm: small !default;
11
+ $emma-font-size-md: medium !default;
12
+ $emma-font-size-lg: large !default;
13
+ $emma-font-size-xl: x-large !default;
14
+ $emma-font-size-h1: 2.0rem !default;
15
+ $emma-font-size-h2: 1.5rem !default;
16
+ $emma-font-size-h3: 1.25rem !default;
17
+ $emma-font-size-h4: 1.0rem !default;
18
+ $emma-font-size-h5: 0.875rem !default;
19
+ $emma-font-size-h6: 0.75rem !default;
20
+
21
+ $emma-line-height-xs: 1.2 !default;
22
+ $emma-line-height-sm: 1.4 !default;
23
+ $emma-line-height-md: 1.6 !default;
24
+ $emma-line-height-lg: 1.8 !default;
25
+ $emma-line-height-xl: 2.0 !default;
26
+
27
+ $emma-margin-xs: 0.2rem !default;
28
+ $emma-margin-sm: 0.5rem !default;
29
+ $emma-margin-md: 1.0rem !default;
30
+ $emma-margin-lg: 2.0rem !default;
31
+ $emma-margin-xl: 4.0rem !default;
32
+
33
+ $emma-padding-xs: 0.2rem !default;
34
+ $emma-padding-sm: 0.5rem !default;
35
+ $emma-padding-md: 1.0rem !default;
36
+ $emma-padding-lg: 2.0rem !default;
37
+ $emma-padding-xl: 4.0rem !default;
38
+
39
+ $emma-color-white: white !default;
40
+ $emma-color-silver: silver !default;
41
+ $emma-color-gray: gray !default;
42
+ $emma-color-black: black !default;
43
+ $emma-color-navy: navy !default;
44
+ $emma-color-blue: blue !default;
45
+ $emma-color-aqua: aqua !default;
46
+ $emma-color-teal: teal !default;
47
+ $emma-color-olive: olive !default;
48
+ $emma-color-green: green !default;
49
+ $emma-color-lime: lime !default;
50
+ $emma-color-yellow: yellow !default;
51
+ $emma-color-orange: orange !default;
52
+ $emma-color-red: red !default;
53
+ $emma-color-maroon: maroon !default;
54
+ $emma-color-fuchsia: fuchsia !default;
55
+ $emma-color-purple: purple !default;
56
+
57
+ @if $emma-alternative-colors {
58
+ // https://github.com/mrmrs/colors
59
+ $emma-color-white: #ffffff;
60
+ $emma-color-silver: #dddddd;
61
+ $emma-color-gray: #aaaaaa;
62
+ $emma-color-black: #111111;
63
+ $emma-color-navy: #001f3f;
64
+ $emma-color-blue: #0074d9;
65
+ $emma-color-aqua: #7fdbff;
66
+ $emma-color-teal: #39cccc;
67
+ $emma-color-olive: #3d9970;
68
+ $emma-color-green: #2ecc40;
69
+ $emma-color-lime: #01ff70;
70
+ $emma-color-yellow: #ffdc00;
71
+ $emma-color-orange: #ff851b;
72
+ $emma-color-red: #ff4136;
73
+ $emma-color-maroon: #85144b;
74
+ $emma-color-fuchsia: #f012be;
75
+ $emma-color-purple: #b10dc9;
76
+ }
77
+
78
+ $emma-important-string: "";
79
+ @if $emma-important {
80
+ $emma-important-string: " !important";
81
+ }
82
+
83
+ @function emma-available-snippet($snippet) {
84
+ @if length($emma-available-snippet-list) == 0 {
85
+ @return false;
86
+ } @else if nth($emma-available-snippet-list, 1) == "!all" {
87
+ @return true;
88
+ } @else {
89
+ @each $available-snippet in $emma-available-snippet-list {
90
+ @if $snippet == $available-snippet {
91
+ @return true;
92
+ }
93
+ }
94
+ @return false;
95
+ }
96
+ }
97
+
98
+ @mixin emma-single-declaration($snippet, $property, $value) {
99
+ @if emma-available-snippet($snippet) {
100
+ @include emma($snippet, $property, $value);
101
+ }
102
+ }
103
+
104
+ @mixin emma-multiple-declaration($snippet) {
105
+ @if emma-available-snippet($snippet) {
106
+ @include emma($snippet) { @content; }
107
+ }
108
+ }
109
+
110
+ @mixin emma-rule-set($snippet) {
111
+ .#{$emma-prefix}#{$snippet} {
112
+ @content;
113
+ }
114
+ }
115
+
116
+ @mixin emma($snippet, $property: null, $value: null) {
117
+ @if $property and $value {
118
+ @include emma-rule-set($snippet) {
119
+ #{$property}: #{$value}#{$emma-important-string};
120
+ }
121
+ } @else {
122
+ @include emma-rule-set($snippet) { @content; }
123
+ }
124
+ }
125
+
126
+ // Single declaration list
127
+ // --------------------------------------------------------------------------
128
+
129
+ $emma-single-declaration-list: (
130
+ // source: https://github.com/emmetio/emmet/blob/master/lib/snippets.json
131
+ // --------------------------------------------------------------------------
132
+ // | snippet | property | value
133
+ // --------------------------------------------------------------------------
134
+ ( pos-s , position , static ),
135
+ ( pos-a , position , absolute ),
136
+ ( pos-r , position , relative ),
137
+ ( pos-f , position , fixed ),
138
+ ( t-a , top , auto ),
139
+ ( t-0 , top , 0 ),
140
+ ( r-a , right , auto ),
141
+ ( r-0 , right , 0 ),
142
+ ( b-a , bottom , auto ),
143
+ ( b-0 , bottom , 0 ),
144
+ ( l-a , left , auto ),
145
+ ( l-0 , left , 0 ),
146
+ ( z-a , z-index , auto ),
147
+ ( z-0 , z-index , 0 ),
148
+ ( z-1 , z-index , 1 ),
149
+ ( z-2 , z-index , 2 ),
150
+ ( z-3 , z-index , 3 ),
151
+ ( z-4 , z-index , 4 ),
152
+ ( z-5 , z-index , 5 ),
153
+ ( z-6 , z-index , 6 ),
154
+ ( fl-n , float , none ),
155
+ ( fl-l , float , left ),
156
+ ( fl-r , float , right ),
157
+ ( cl-n , clear , none ),
158
+ ( cl-l , clear , left ),
159
+ ( cl-r , clear , right ),
160
+ ( cl-b , clear , both ),
161
+ ( d-n , display , none ),
162
+ ( d-b , display , block ),
163
+ ( d-f , display , flex ),
164
+ ( d-if , display , inline-flex ),
165
+ ( d-i , display , inline ),
166
+ ( d-ib , display , inline-block ),
167
+ ( d-li , display , list-item ),
168
+ ( d-ri , display , run-in ),
169
+ ( d-cp , display , compact ),
170
+ ( d-tb , display , table ),
171
+ ( d-itb , display , inline-table ),
172
+ ( d-tbcp , display , table-caption ),
173
+ ( d-tbcl , display , table-column ),
174
+ ( d-tbclg , display , table-column-group ),
175
+ ( d-tbhg , display , table-header-group ),
176
+ ( d-tbfg , display , table-footer-group ),
177
+ ( d-tbr , display , table-row ),
178
+ ( d-tbrg , display , table-row-group ),
179
+ ( d-tbc , display , table-cell ),
180
+ ( d-rb , display , ruby ),
181
+ ( d-rbb , display , ruby-base ),
182
+ ( d-rbbg , display , ruby-base-group ),
183
+ ( d-rbt , display , ruby-text ),
184
+ ( d-rbtg , display , ruby-text-group ),
185
+ ( v-v , visibility , visible ),
186
+ ( v-h , visibility , hidden ),
187
+ ( v-c , visibility , collapse ),
188
+ ( ov-v , overflow , visible ),
189
+ ( ov-h , overflow , hidden ),
190
+ ( ov-s , overflow , scroll ),
191
+ ( ov-a , overflow , auto ),
192
+ ( ovx-v , overflow-x , visible ),
193
+ ( ovx-h , overflow-x , hidden ),
194
+ ( ovx-s , overflow-x , scroll ),
195
+ ( ovx-a , overflow-x , auto ),
196
+ ( ovy-v , overflow-y , visible ),
197
+ ( ovy-h , overflow-y , hidden ),
198
+ ( ovy-s , overflow-y , scroll ),
199
+ ( ovy-a , overflow-y , auto ),
200
+ ( bxz-cb , box-sizing , content-box ),
201
+ ( bxz-bb , box-sizing , border-box ),
202
+ ( bxsh-n , box-shadow , none ),
203
+ ( m-0 , margin , 0 ),
204
+ ( m-xs , margin , $emma-margin-xs ), // ^1
205
+ ( m-sm , margin , $emma-margin-sm ), // ^1
206
+ ( m-md , margin , $emma-margin-md ), // ^1
207
+ ( m-lg , margin , $emma-margin-lg ), // ^1
208
+ ( m-xl , margin , $emma-margin-xl ), // ^1
209
+ ( mt-0 , margin-top , 0 ),
210
+ ( mt-xs , margin-top , $emma-margin-xs ), // ^1
211
+ ( mt-sm , margin-top , $emma-margin-sm ), // ^1
212
+ ( mt-md , margin-top , $emma-margin-md ), // ^1
213
+ ( mt-lg , margin-top , $emma-margin-lg ), // ^1
214
+ ( mt-xl , margin-top , $emma-margin-xl ), // ^1
215
+ ( mr-a , margin-right , auto ),
216
+ ( mr-0 , margin-right , 0 ),
217
+ ( mr-xs , margin-right , $emma-margin-xs ), // ^1
218
+ ( mr-sm , margin-right , $emma-margin-sm ), // ^1
219
+ ( mr-md , margin-right , $emma-margin-md ), // ^1
220
+ ( mr-lg , margin-right , $emma-margin-lg ), // ^1
221
+ ( mr-xl , margin-right , $emma-margin-xl ), // ^1
222
+ ( mb-0 , margin-bottom , 0 ),
223
+ ( mb-xs , margin-bottom , $emma-margin-xs ), // ^1
224
+ ( mb-sm , margin-bottom , $emma-margin-sm ), // ^1
225
+ ( mb-md , margin-bottom , $emma-margin-md ), // ^1
226
+ ( mb-lg , margin-bottom , $emma-margin-lg ), // ^1
227
+ ( mb-xl , margin-bottom , $emma-margin-xl ), // ^1
228
+ ( ml-a , margin-left , auto ),
229
+ ( ml-0 , margin-left , 0 ),
230
+ ( ml-xs , margin-left , $emma-margin-xs ), // ^1
231
+ ( ml-sm , margin-left , $emma-margin-sm ), // ^1
232
+ ( ml-md , margin-left , $emma-margin-md ), // ^1
233
+ ( ml-lg , margin-left , $emma-margin-lg ), // ^1
234
+ ( ml-xl , margin-left , $emma-margin-xl ), // ^1
235
+ ( p-0 , padding , 0 ),
236
+ ( p-xs , padding , $emma-padding-xs ), // ^1
237
+ ( p-sm , padding , $emma-padding-sm ), // ^1
238
+ ( p-md , padding , $emma-padding-md ), // ^1
239
+ ( p-lg , padding , $emma-padding-lg ), // ^1
240
+ ( p-xl , padding , $emma-padding-xl ), // ^1
241
+ ( pt-0 , padding-top , 0 ),
242
+ ( pt-xs , padding-top , $emma-padding-xs ), // ^1
243
+ ( pt-sm , padding-top , $emma-padding-sm ), // ^1
244
+ ( pt-md , padding-top , $emma-padding-md ), // ^1
245
+ ( pt-lg , padding-top , $emma-padding-lg ), // ^1
246
+ ( pt-xl , padding-top , $emma-padding-xl ), // ^1
247
+ ( pr-0 , padding-right , 0 ),
248
+ ( pr-xs , padding-right , $emma-padding-xs ), // ^1
249
+ ( pr-sm , padding-right , $emma-padding-sm ), // ^1
250
+ ( pr-md , padding-right , $emma-padding-md ), // ^1
251
+ ( pr-lg , padding-right , $emma-padding-lg ), // ^1
252
+ ( pr-xl , padding-right , $emma-padding-xl ), // ^1
253
+ ( pb-0 , padding-bottom , 0 ),
254
+ ( pb-xs , padding-bottom , $emma-padding-xs ), // ^1
255
+ ( pb-sm , padding-bottom , $emma-padding-sm ), // ^1
256
+ ( pb-md , padding-bottom , $emma-padding-md ), // ^1
257
+ ( pb-lg , padding-bottom , $emma-padding-lg ), // ^1
258
+ ( pb-xl , padding-bottom , $emma-padding-xl ), // ^1
259
+ ( pl-0 , padding-left , 0 ),
260
+ ( pl-xs , padding-left , $emma-padding-xs ), // ^1
261
+ ( pl-sm , padding-left , $emma-padding-sm ), // ^1
262
+ ( pl-md , padding-left , $emma-padding-md ), // ^1
263
+ ( pl-lg , padding-left , $emma-padding-lg ), // ^1
264
+ ( pl-xl , padding-left , $emma-padding-xl ), // ^1
265
+ ( w-a , width , auto ),
266
+ ( w-0 , width , 0 ),
267
+ ( w-1p , width , 1% ),
268
+ ( w-10p , width , 10% ),
269
+ ( w-20p , width , 20% ),
270
+ ( w-25p , width , 25% ),
271
+ ( w-30p , width , 30% ),
272
+ ( w-33p , width , 33% ),
273
+ ( w-40p , width , 40% ),
274
+ ( w-50p , width , 50% ),
275
+ ( w-60p , width , 60% ),
276
+ ( w-66p , width , 66% ),
277
+ ( w-70p , width , 70% ),
278
+ ( w-75p , width , 75% ),
279
+ ( w-80p , width , 80% ),
280
+ ( w-90p , width , 90% ),
281
+ ( w-100p , width , 100% ),
282
+ ( h-a , height , auto ),
283
+ ( h-0 , height , 0 ),
284
+ ( h-100p , height , 100% ),
285
+ ( maw-n , max-width , none ),
286
+ ( maw-100p , max-width , 100% ),
287
+ ( mah-n , max-height , none ),
288
+ ( mah-100p , max-height , 100% ),
289
+ ( miw-0 , min-width , 0 ),
290
+ ( mih-0 , min-height , 0 ),
291
+ ( ol-n , outline , none ),
292
+ ( olw-tn , outline-width , thin ),
293
+ ( olw-md , outline-width , medium ),
294
+ ( olw-tc , outline-width , thick ),
295
+ ( ols-n , outline-style , none ),
296
+ ( ols-dt , outline-style , dotted ),
297
+ ( ols-ds , outline-style , dashed ),
298
+ ( ols-s , outline-style , solid ),
299
+ ( ols-db , outline-style , double ),
300
+ ( ols-g , outline-style , groove ),
301
+ ( ols-r , outline-style , ridge ),
302
+ ( ols-i , outline-style , inset ),
303
+ ( ols-o , outline-style , outset ),
304
+ ( olc-i , outline-color , invert ),
305
+ ( bfv-h , backface-visibility , hidden ),
306
+ ( bfv-v , backface-visibility , visible ),
307
+ ( bd-n , border , none ),
308
+ ( bd-0 , border , 0 ),
309
+ ( bdcl-c , border-collapse , collapse ),
310
+ ( bdcl-s , border-collapse , separate ),
311
+ ( bdc-t , border-color , transparent ),
312
+ ( bdc-cc , border-color , currentColor ), // ^1
313
+ ( bdc-white , border-color , $emma-color-white ), // ^1
314
+ ( bdc-silver , border-color , $emma-color-silver ), // ^1
315
+ ( bdc-gray , border-color , $emma-color-gray ), // ^1
316
+ ( bdc-black , border-color , $emma-color-black ), // ^1
317
+ ( bdc-navy , border-color , $emma-color-navy ), // ^1
318
+ ( bdc-blue , border-color , $emma-color-blue ), // ^1
319
+ ( bdc-aqua , border-color , $emma-color-aqua ), // ^1
320
+ ( bdc-teal , border-color , $emma-color-teal ), // ^1
321
+ ( bdc-olive , border-color , $emma-color-olive ), // ^1
322
+ ( bdc-green , border-color , $emma-color-green ), // ^1
323
+ ( bdc-lime , border-color , $emma-color-lime ), // ^1
324
+ ( bdc-yellow , border-color , $emma-color-yellow ), // ^1
325
+ ( bdc-orange , border-color , $emma-color-orange ), // ^1
326
+ ( bdc-red , border-color , $emma-color-red ), // ^1
327
+ ( bdc-maroon , border-color , $emma-color-maroon ), // ^1
328
+ ( bdc-fuchsia , border-color , $emma-color-fuchsia ), // ^1
329
+ ( bdc-purple , border-color , $emma-color-purple ), // ^1
330
+ ( bdi-n , border-image , none ),
331
+ ( bds-n , border-style , none ),
332
+ ( bds-h , border-style , hidden ),
333
+ ( bds-dt , border-style , dotted ),
334
+ ( bds-ds , border-style , dashed ),
335
+ ( bds-s , border-style , solid ),
336
+ ( bds-db , border-style , double ),
337
+ ( bds-w , border-style , wave ),
338
+ ( bds-g , border-style , groove ),
339
+ ( bds-r , border-style , ridge ),
340
+ ( bds-i , border-style , inset ),
341
+ ( bds-o , border-style , outset ),
342
+ ( bdw-0 , border-width , 0 ),
343
+ ( bdw-1 , border-width , 1px ),
344
+ ( bdw-2 , border-width , 2px ),
345
+ ( bdw-3 , border-width , 3px ),
346
+ ( bdw-4 , border-width , 4px ),
347
+ ( bdw-5 , border-width , 5px ),
348
+ ( bdw-6 , border-width , 6px ),
349
+ ( bdtw-0 , border-top-width , 0 ),
350
+ ( bdtw-1 , border-top-width , 1px ),
351
+ ( bdtw-2 , border-top-width , 2px ),
352
+ ( bdtw-3 , border-top-width , 3px ),
353
+ ( bdtw-4 , border-top-width , 4px ),
354
+ ( bdtw-5 , border-top-width , 5px ),
355
+ ( bdtw-6 , border-top-width , 6px ),
356
+ ( bdrw-0 , border-right-width , 0 ),
357
+ ( bdrw-1 , border-right-width , 1px ),
358
+ ( bdrw-2 , border-right-width , 2px ),
359
+ ( bdrw-3 , border-right-width , 3px ),
360
+ ( bdrw-4 , border-right-width , 4px ),
361
+ ( bdrw-5 , border-right-width , 5px ),
362
+ ( bdrw-6 , border-right-width , 6px ),
363
+ ( bdbw-0 , border-bottom-width , 0 ),
364
+ ( bdbw-1 , border-bottom-width , 1px ),
365
+ ( bdbw-2 , border-bottom-width , 2px ),
366
+ ( bdbw-3 , border-bottom-width , 3px ),
367
+ ( bdbw-4 , border-bottom-width , 4px ),
368
+ ( bdbw-5 , border-bottom-width , 5px ),
369
+ ( bdbw-6 , border-bottom-width , 6px ),
370
+ ( bdlw-0 , border-left-width , 0 ),
371
+ ( bdlw-1 , border-left-width , 1px ),
372
+ ( bdlw-2 , border-left-width , 2px ),
373
+ ( bdlw-3 , border-left-width , 3px ),
374
+ ( bdlw-4 , border-left-width , 4px ),
375
+ ( bdlw-5 , border-left-width , 5px ),
376
+ ( bdlw-6 , border-left-width , 6px ),
377
+ ( bdt-n , border-top , none ),
378
+ ( bdt-0 , border-top , 0 ),
379
+ ( bdtc-t , border-top-color , transparent ),
380
+ ( bdtc-cc , border-top-color , currentColor ), // ^1
381
+ ( bdr-n , border-right , none ),
382
+ ( bdr-0 , border-right , 0 ),
383
+ ( bdrc-t , border-right-color , transparent ),
384
+ ( bdrc-cc , border-right-color , currentColor ), // ^1
385
+ ( bdb-n , border-bottom , none ),
386
+ ( bdb-0 , border-bottom , 0 ),
387
+ ( bdbc-t , border-bottom-color , transparent ),
388
+ ( bdbc-cc , border-bottom-color , currentColor ), // ^1
389
+ ( bdl-n , border-left , none ),
390
+ ( bdl-0 , border-left , 0 ),
391
+ ( bdlc-t , border-left-color , transparent ),
392
+ ( bdlc-cc , border-left-color , currentColor ), // ^1
393
+ ( bdrs-0 , border-radius , 0 ),
394
+ ( bdrs-1 , border-radius , 1px ),
395
+ ( bdrs-2 , border-radius , 2px ),
396
+ ( bdrs-3 , border-radius , 3px ),
397
+ ( bdrs-4 , border-radius , 4px ),
398
+ ( bdrs-5 , border-radius , 5px ),
399
+ ( bdrs-6 , border-radius , 6px ),
400
+ ( bdrs-100p , border-radius , 100% ),
401
+ ( bg-n , background , none ),
402
+ ( bgc-t , background-color , transparent ),
403
+ ( bgc-cc , background-color , currentColor ), // ^1
404
+ ( bgc-white , background-color , $emma-color-white ), // ^1
405
+ ( bgc-silver , background-color , $emma-color-silver ), // ^1
406
+ ( bgc-gray , background-color , $emma-color-gray ), // ^1
407
+ ( bgc-black , background-color , $emma-color-black ), // ^1
408
+ ( bgc-navy , background-color , $emma-color-navy ), // ^1
409
+ ( bgc-blue , background-color , $emma-color-blue ), // ^1
410
+ ( bgc-aqua , background-color , $emma-color-aqua ), // ^1
411
+ ( bgc-teal , background-color , $emma-color-teal ), // ^1
412
+ ( bgc-olive , background-color , $emma-color-olive ), // ^1
413
+ ( bgc-green , background-color , $emma-color-green ), // ^1
414
+ ( bgc-lime , background-color , $emma-color-lime ), // ^1
415
+ ( bgc-yellow , background-color , $emma-color-yellow ), // ^1
416
+ ( bgc-orange , background-color , $emma-color-orange ), // ^1
417
+ ( bgc-red , background-color , $emma-color-red ), // ^1
418
+ ( bgc-maroon , background-color , $emma-color-maroon ), // ^1
419
+ ( bgc-fuchsia , background-color , $emma-color-fuchsia ), // ^1
420
+ ( bgc-purple , background-color , $emma-color-purple ), // ^1
421
+ ( bgi-n , background-image , none ),
422
+ ( bgr-n , background-repeat , no-repeat ),
423
+ ( bgr-x , background-repeat , repeat-x ),
424
+ ( bgr-y , background-repeat , repeat-y ),
425
+ ( bgr-sp , background-repeat , space ),
426
+ ( bgr-rd , background-repeat , round ),
427
+ ( bga-f , background-attachment , fixed ),
428
+ ( bga-s , background-attachment , scroll ),
429
+ ( bgp-t , background-position , top ), // ^1
430
+ ( bgp-r , background-position , right ), // ^1
431
+ ( bgp-b , background-position , bottom ), // ^1
432
+ ( bgp-l , background-position , left ), // ^1
433
+ ( bgp-c , background-position , center ), // ^1
434
+ ( bgsz-a , background-size , auto ),
435
+ ( bgsz-ct , background-size , contain ),
436
+ ( bgsz-cv , background-size , cover ),
437
+ ( c-i , color , inherit ), // ^1
438
+ ( c-white , color , $emma-color-white ), // ^1
439
+ ( c-silver , color , $emma-color-silver ), // ^1
440
+ ( c-gray , color , $emma-color-gray ), // ^1
441
+ ( c-black , color , $emma-color-black ), // ^1
442
+ ( c-navy , color , $emma-color-navy ), // ^1
443
+ ( c-blue , color , $emma-color-blue ), // ^1
444
+ ( c-aqua , color , $emma-color-aqua ), // ^1
445
+ ( c-teal , color , $emma-color-teal ), // ^1
446
+ ( c-olive , color , $emma-color-olive ), // ^1
447
+ ( c-green , color , $emma-color-green ), // ^1
448
+ ( c-lime , color , $emma-color-lime ), // ^1
449
+ ( c-yellow , color , $emma-color-yellow ), // ^1
450
+ ( c-orange , color , $emma-color-orange ), // ^1
451
+ ( c-red , color , $emma-color-red ), // ^1
452
+ ( c-maroon , color , $emma-color-maroon ), // ^1
453
+ ( c-fuchsia , color , $emma-color-fuchsia ), // ^1
454
+ ( c-purple , color , $emma-color-purple ), // ^1
455
+ ( tbl-a , table-layout , auto ),
456
+ ( tbl-f , table-layout , fixed ),
457
+ ( lis-n , list-style , none ),
458
+ ( lisp-i , list-style-position , inside ),
459
+ ( lisp-o , list-style-position , outside ),
460
+ ( list-n , list-style-type , none ),
461
+ ( list-d , list-style-type , disc ),
462
+ ( list-c , list-style-type , circle ),
463
+ ( list-s , list-style-type , square ),
464
+ ( list-dc , list-style-type , decimal ),
465
+ ( list-dclz , list-style-type , decimal-leading-zero ),
466
+ ( list-lr , list-style-type , lower-roman ),
467
+ ( list-ur , list-style-type , upper-roman ),
468
+ ( lisi-n , list-style-image , none ),
469
+ ( va-sup , vertical-align , super ),
470
+ ( va-t , vertical-align , top ),
471
+ ( va-tt , vertical-align , text-top ),
472
+ ( va-m , vertical-align , middle ),
473
+ ( va-bl , vertical-align , baseline ),
474
+ ( va-b , vertical-align , bottom ),
475
+ ( va-tb , vertical-align , text-bottom ),
476
+ ( va-sub , vertical-align , sub ),
477
+ ( ta-l , text-align , left ),
478
+ ( ta-c , text-align , center ),
479
+ ( ta-r , text-align , right ),
480
+ ( ta-j , text-align , justify ),
481
+ ( td-n , text-decoration , none ),
482
+ ( td-u , text-decoration , underline ),
483
+ ( td-o , text-decoration , overline ),
484
+ ( td-l , text-decoration , line-through ),
485
+ ( te-n , text-emphasis , none ),
486
+ ( te-ac , text-emphasis , accent ),
487
+ ( te-dt , text-emphasis , dot ),
488
+ ( te-c , text-emphasis , circle ),
489
+ ( te-ds , text-emphasis , disc ),
490
+ ( te-b , text-emphasis , before ),
491
+ ( te-a , text-emphasis , after ),
492
+ ( ti-0 , text-indent , 0 ),
493
+ ( ti--9999 , text-indent , -9999px ), // Emmet: ti-
494
+ ( tov-e , text-overflow , ellipsis ),
495
+ ( tov-c , text-overflow , clip ),
496
+ ( tt-n , text-transform , none ),
497
+ ( tt-c , text-transform , capitalize ),
498
+ ( tt-u , text-transform , uppercase ),
499
+ ( tt-l , text-transform , lowercase ),
500
+ ( tsh-n , text-shadow , none ),
501
+ ( lh-nm , line-height , normal ),
502
+ ( lh-i , line-height , inherit ),
503
+ ( lh-0 , line-height , 0 ),
504
+ ( lh-1 , line-height , 1 ),
505
+ ( lh-2 , line-height , 2 ),
506
+ ( lh-3 , line-height , 3 ),
507
+ ( lh-4 , line-height , 4 ),
508
+ ( lh-5 , line-height , 5 ),
509
+ ( lh-6 , line-height , 6 ),
510
+ ( lh-xs , line-height , $emma-line-height-xs ),
511
+ ( lh-sm , line-height , $emma-line-height-sm ),
512
+ ( lh-md , line-height , $emma-line-height-md ),
513
+ ( lh-lg , line-height , $emma-line-height-lg ),
514
+ ( lh-xl , line-height , $emma-line-height-xl ),
515
+ ( whs-nm , white-space , normal ), // Emmet: whs:n
516
+ ( whs-p , white-space , pre ),
517
+ ( whs-nw , white-space , nowrap ),
518
+ ( whs-pw , white-space , pre-wrap ),
519
+ ( whs-pl , white-space , pre-line ),
520
+ ( wob-nm , word-break , normal ), // Emmet: wob:n
521
+ ( wob-k , word-break , keep-all ),
522
+ ( wob-ba , word-break , break-all ),
523
+ ( wow-nm , word-wrap , normal ),
524
+ ( wow-n , word-wrap , none ),
525
+ ( wow-u , word-wrap , unrestricted ),
526
+ ( wow-s , word-wrap , suppress ),
527
+ ( wow-bw , word-wrap , break-word ),
528
+ ( lts-nm , letter-spacing , normal ), // Emmet: lts:n
529
+ ( fw-nm , font-weight , normal ), // Emmet: fw:n
530
+ ( fw-b , font-weight , bold ),
531
+ ( fw-br , font-weight , bolder ),
532
+ ( fw-l , font-weight , 200 ), // ^1
533
+ ( fw-lr , font-weight , lighter ),
534
+ ( fw-100 , font-weight , 100 ),
535
+ ( fw-200 , font-weight , 200 ),
536
+ ( fw-300 , font-weight , 300 ),
537
+ ( fw-400 , font-weight , 400 ),
538
+ ( fw-500 , font-weight , 500 ),
539
+ ( fw-600 , font-weight , 600 ),
540
+ ( fw-700 , font-weight , 700 ),
541
+ ( fw-800 , font-weight , 800 ),
542
+ ( fw-900 , font-weight , 900 ),
543
+ ( fs-nm , font-style , normal ), // Emmet: fs:n
544
+ ( fs-i , font-style , italic ),
545
+ ( fs-o , font-style , oblique ),
546
+ ( fv-nm , font-variant , normal ), // Emmet: fv:n
547
+ ( fv-sc , font-variant , small-caps ),
548
+ ( fz-xs , font-size , $emma-font-size-xs ), // ^1
549
+ ( fz-sm , font-size , $emma-font-size-sm ), // ^1
550
+ ( fz-md , font-size , $emma-font-size-md ), // ^1
551
+ ( fz-lg , font-size , $emma-font-size-lg ), // ^1
552
+ ( fz-xl , font-size , $emma-font-size-xl ), // ^1
553
+ ( fz-sr , font-size , smaller ), // ^1
554
+ ( fz-lr , font-size , larger ), // ^1
555
+ ( fz-10 , font-size , 10px ),
556
+ ( fz-11 , font-size , 11px ),
557
+ ( fz-12 , font-size , 12px ),
558
+ ( fz-13 , font-size , 13px ),
559
+ ( fz-14 , font-size , 14px ),
560
+ ( fz-15 , font-size , 15px ),
561
+ ( fz-16 , font-size , 16px ),
562
+ ( fz-17 , font-size , 17px ),
563
+ ( fz-18 , font-size , 18px ),
564
+ ( fz-19 , font-size , 19px ),
565
+ ( fz-20 , font-size , 20px ),
566
+ ( fz-h1 , font-size , $emma-font-size-h1 ), // ^1
567
+ ( fz-h2 , font-size , $emma-font-size-h2 ), // ^1
568
+ ( fz-h3 , font-size , $emma-font-size-h3 ), // ^1
569
+ ( fz-h4 , font-size , $emma-font-size-h4 ), // ^1
570
+ ( fz-h5 , font-size , $emma-font-size-h5 ), // ^1
571
+ ( fz-h6 , font-size , $emma-font-size-h6 ), // ^1
572
+ ( ff-s , font-family , serif ),
573
+ ( ff-ss , font-family , sans-serif ),
574
+ ( ff-c , font-family , cursive ),
575
+ ( ff-f , font-family , fantasy ),
576
+ ( ff-m , font-family , monospace ),
577
+ ( ff-a , font-family , 'Arial, "Helvetica Neue", Helvetica, sans-serif' ),
578
+ ( ff-t , font-family , '"Times New Roman", Times, Baskerville, Georgia, serif' ),
579
+ ( ff-v , font-family , 'Verdana, Geneva, sans-serif' ),
580
+ ( ff-l , font-family , '"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, "Helvetica Neue", Helvetica, sans-serif' ),
581
+ ( op-0 , opacity , 0 ),
582
+ ( op-01 , opacity , 0.1 ), // ^1
583
+ ( op-02 , opacity , 0.2 ), // ^1
584
+ ( op-03 , opacity , 0.3 ), // ^1
585
+ ( op-04 , opacity , 0.4 ), // ^1
586
+ ( op-05 , opacity , 0.5 ), // ^1
587
+ ( op-06 , opacity , 0.6 ), // ^1
588
+ ( op-07 , opacity , 0.7 ), // ^1
589
+ ( op-08 , opacity , 0.8 ), // ^1
590
+ ( op-09 , opacity , 0.9 ), // ^1
591
+ ( op-1 , opacity , 1 ),
592
+ ( rsz-n , resize , none ),
593
+ ( rsz-b , resize , both ),
594
+ ( rsz-h , resize , horizontal ),
595
+ ( rsz-v , resize , vertical ),
596
+ ( cur-a , cursor , auto ),
597
+ ( cur-d , cursor , default ),
598
+ ( cur-c , cursor , crosshair ),
599
+ ( cur-ha , cursor , hand ),
600
+ ( cur-he , cursor , help ),
601
+ ( cur-m , cursor , move ),
602
+ ( cur-p , cursor , pointer ),
603
+ ( cur-t , cursor , text ),
604
+ ( fxd-r , flex-direction , row ),
605
+ ( fxd-rr , flex-direction , row-reverse ),
606
+ ( fxd-c , flex-direction , column ),
607
+ ( fxd-cr , flex-direction , column-reverse ),
608
+ ( fxw-n , flex-wrap , nowrap ),
609
+ ( fxw-w , flex-wrap , wrap ),
610
+ ( fxw-wr , flex-wrap , wrap-reverse ),
611
+ ( jc-fs , justify-content , flex-start ),
612
+ ( jc-fe , justify-content , flex-end ),
613
+ ( jc-c , justify-content , center ),
614
+ ( jc-sb , justify-content , space-between ),
615
+ ( jc-sa , justify-content , space-around ),
616
+ ( ai-fs , align-items , flex-start ),
617
+ ( ai-fe , align-items , flex-end ),
618
+ ( ai-c , align-items , center ),
619
+ ( ai-b , align-items , baseline ),
620
+ ( ai-s , align-items , stretch ),
621
+ ( ac-fs , align-content , flex-start ),
622
+ ( ac-fe , align-content , flex-end ),
623
+ ( ac-c , align-content , center ),
624
+ ( ac-sb , align-content , space-between ),
625
+ ( ac-sa , align-content , space-around ),
626
+ ( ac-s , align-content , stretch ),
627
+ ( ord--1 , order , -1 ),
628
+ ( ord-0 , order , 0 ),
629
+ ( ord-1 , order , 1 ),
630
+ ( ord-2 , order , 2 ),
631
+ ( ord-3 , order , 3 ),
632
+ ( ord-4 , order , 4 ),
633
+ ( ord-5 , order , 5 ),
634
+ ( ord-6 , order , 6 ),
635
+ ( ord-9999 , order , 9999 ),
636
+ ( fx-n , flex , none ),
637
+ ( fx-1_1_a , flex , "1 1 auto" ), // ^1
638
+ ( fx-1_0_a , flex , "1 0 auto" ), // ^1
639
+ ( fx-1_1_1 , flex , "1 1 1px" ), // ^1
640
+ ( as-a , align-self , auto ),
641
+ ( as-fs , align-self , flex-start ),
642
+ ( as-fe , align-self , flex-end ),
643
+ ( as-c , align-self , center ),
644
+ ( as-b , align-self , baseline ),
645
+ ( as-s , align-self , stretch ),
646
+ ( wfsm-a , -webkit-font-smoothing , antialiased ),
647
+ ( wfsm-sa , -webkit-font-smoothing , subpixel-antialiased ),
648
+ ( wfsm-n , -webkit-font-smoothing , none ),
649
+ ( obf-f , object-fit , fill ), // ^1
650
+ ( obf-ct , object-fit , contain ), // ^1
651
+ ( obf-cv , object-fit , cover ), // ^1
652
+ ( obf-n , object-fit , none ), // ^1
653
+ ( obf-sd , object-fit , scale-down ), // ^1
654
+ // ^1 Not included in Emmet.
655
+ ) !default;
656
+
657
+ @each $item in $emma-single-declaration-list {
658
+ @include emma-single-declaration(nth($item, 1), nth($item, 2), nth($item, 3));
659
+ }
660
+
661
+ // Multiple declaration list
662
+ // --------------------------------------------------------------------------
663
+
664
+ $emma-multiple-declaration-list: (
665
+ // --------------------------------------------------------------------------
666
+ // | snippet | extended selector
667
+ // --------------------------------------------------------------------------
668
+ ( cf , "%emma-cf" ),
669
+ ( tet , "%emma-tet" ),
670
+ ( lir , "%emma-lir" ),
671
+ ( abc , "%emma-abc" ),
672
+ ) !default;
673
+
674
+ // Clearfix (Contain floats)
675
+ %emma-cf {
676
+ &:before, &:after { content: " "; display: table; }
677
+ &:after { clear: both; }
678
+ }
679
+
680
+ // Text truncation (ellipsis)
681
+ %emma-tet {
682
+ max-width: 100%;
683
+ overflow: hidden !important;
684
+ text-overflow: ellipsis !important;
685
+ white-space: nowrap !important;
686
+ word-wrap: normal !important;
687
+ }
688
+
689
+ // List reset
690
+ %emma-lir {
691
+ list-style: none;
692
+ padding-left: 0;
693
+ }
694
+
695
+ // Absolute center
696
+ %emma-abc {
697
+ bottom: 0;
698
+ display: table;
699
+ left: 0;
700
+ margin: auto;
701
+ right: 0;
702
+ top: 0;
703
+ }
704
+
705
+ @each $item in $emma-multiple-declaration-list {
706
+ @include emma-multiple-declaration(nth($item, 1)) {
707
+ @extend #{nth($item, 2)};
708
+ }
709
+ }
710
+
711
+ // Validation
712
+ // --------------------------------------------------------------------------
713
+
714
+ @if $emma-validation and length($emma-available-snippet-list) != 0 and nth($emma-available-snippet-list, 1) != "!all" {
715
+ $invalid-snippet-list: ();
716
+ @each $snippet in $emma-available-snippet-list {
717
+ $invalid: true;
718
+ @each $single-declaration in $emma-single-declaration-list {
719
+ @if $snippet == nth($single-declaration, 1) { $invalid: false; }
720
+ }
721
+ @each $multiple-declaration in $emma-multiple-declaration-list {
722
+ @if $snippet == nth($multiple-declaration, 1) { $invalid: false; }
723
+ }
724
+ @if $invalid {
725
+ $invalid-snippet-list: append($invalid-snippet-list, $snippet, comma);
726
+ }
727
+ }
728
+
729
+ @if length($invalid-snippet-list) != 0 {
730
+ @error "Invalid available snippet names: #{$invalid-snippet-list}";
731
+ }
732
+ }
metadata ADDED
@@ -0,0 +1,66 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: emma-css-rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.1.0.0
5
+ platform: ruby
6
+ authors:
7
+ - ruedap
8
+ autorequire:
9
+ bindir: bin
10
+ cert_chain: []
11
+ date: 2015-03-20 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: sass-rails
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '5.0'
20
+ type: :runtime
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '5.0'
27
+ description: Emma.css { Emmet-like utility classes } for Rails
28
+ email:
29
+ - ruedap@ruedap.com
30
+ executables: []
31
+ extensions: []
32
+ extra_rdoc_files: []
33
+ files:
34
+ - MIT-LICENSE
35
+ - README.md
36
+ - Rakefile
37
+ - lib/emma-css-rails.rb
38
+ - lib/emma-css-rails/engine.rb
39
+ - lib/emma-css-rails/version.rb
40
+ - lib/tasks/emma_css_rails_tasks.rake
41
+ - vendor/assets/stylesheets/emma.scss
42
+ homepage: https://github.com/ruedap/emma-css-rails
43
+ licenses:
44
+ - MIT
45
+ metadata: {}
46
+ post_install_message:
47
+ rdoc_options: []
48
+ require_paths:
49
+ - lib
50
+ required_ruby_version: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - ">="
53
+ - !ruby/object:Gem::Version
54
+ version: '0'
55
+ required_rubygems_version: !ruby/object:Gem::Requirement
56
+ requirements:
57
+ - - ">="
58
+ - !ruby/object:Gem::Version
59
+ version: '0'
60
+ requirements: []
61
+ rubyforge_project:
62
+ rubygems_version: 2.4.5
63
+ signing_key:
64
+ specification_version: 4
65
+ summary: Emma.css for Rails
66
+ test_files: []