css_helpers 1.0.0 → 1.0.1

Sign up to get free protection for your applications and to get access to all the features.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: 3745dd6fb89ed982472745c7c6c1137d54c08988
4
- data.tar.gz: 0cc04b48465adf245bcdf7e9637b1e52afddb006
3
+ metadata.gz: 983e2bcfc0d0a6d049c6f2df632a809891ca5d2e
4
+ data.tar.gz: 2606c51db9e27f37d45ce8666fc48697f3f7f4e6
5
5
  SHA512:
6
- metadata.gz: 08ea4d74298f33e8ff477f5f90a9c5588e586e8bf8820d2bc8528f94b315e6fae0e6956da8b51ecdb27aca7e0a0ed7989c25ba96e94aff2a030dab6dd486f22e
7
- data.tar.gz: fc85fa6e321b25c17a991311a4fcda780d36803b5937edcc7077055e8419eace114d8c39abf6df0636f8a1e6dfff057f1061031c075b9faa463567f380b03674
6
+ metadata.gz: f7c52884d622f5b90c96ed53b93349b3221935748f0ae59700bf386ea0408b294ba41fb8c0b09fec33bfce27a8a546252e643f1f328f57fd8570ac8d0ddb7cba
7
+ data.tar.gz: 36bb2201db652a6776402ae5cb11749091cc3e39480e5b1d5507ced960e1070731a2e230e97b4756b17b0a86f05fd2ca8f915350dfccd25e0e17f47d931dd6ec
data/README.md CHANGED
@@ -1 +1,23 @@
1
- TODO
1
+ # CSS Helpers Gem
2
+ A Ruby Gem of CSS helper classes that can be used to reduce the amount of CSS your write.
3
+
4
+ ## Installation
5
+
6
+ Add this line to your application's Gemfile:
7
+
8
+ gem 'css-helpers'
9
+
10
+ And then execute:
11
+
12
+ $ bundle
13
+
14
+ Or install it yourself as:
15
+
16
+ $ gem install css-helpers
17
+
18
+ ## Usage
19
+
20
+ $ color-cop
21
+
22
+ -------------
23
+ Brought to you by [Paul Farino](https://github.com/paulfarino)
Binary file
data/css_helpers.gemspec CHANGED
@@ -16,7 +16,7 @@ Gem::Specification.new do |s|
16
16
  s.test_files = Dir["test/**/*"]
17
17
  s.files = `git ls-files`.split("\n")
18
18
 
19
- s.add_dependency "rails", "~> 4.2.3"
19
+ s.add_dependency "rails"
20
20
  s.add_dependency "sass"
21
21
  s.add_dependency "sass-rails"
22
22
  s.add_dependency "jquery"
@@ -1,3 +1,3 @@
1
1
  module CssHelpers
2
- VERSION = "1.0.0"
2
+ VERSION = "1.0.1"
3
3
  end
@@ -1 +1 @@
1
- console.log('test');
1
+ // JS
@@ -0,0 +1,460 @@
1
+ /*! normalize.css v4.2.0 | MIT License | github.com/necolas/normalize.css */
2
+
3
+ /**
4
+ * 1. Change the default font family in all browsers (opinionated).
5
+ * 2. Correct the line height in all browsers.
6
+ * 3. Prevent adjustments of font size after orientation changes in IE and iOS.
7
+ */
8
+
9
+ /* Document
10
+ ========================================================================== */
11
+
12
+ html {
13
+ font-family: sans-serif; /* 1 */
14
+ line-height: 1.15; /* 2 */
15
+ -ms-text-size-adjust: 100%; /* 3 */
16
+ -webkit-text-size-adjust: 100%; /* 3 */
17
+ }
18
+
19
+ /* Sections
20
+ ========================================================================== */
21
+
22
+ /**
23
+ * Remove the margin in all browsers (opinionated).
24
+ */
25
+
26
+ body {
27
+ margin: 0;
28
+ }
29
+
30
+ /**
31
+ * Add the correct display in IE 9-.
32
+ */
33
+
34
+ article,
35
+ aside,
36
+ footer,
37
+ header,
38
+ nav,
39
+ section {
40
+ display: block;
41
+ }
42
+
43
+ /**
44
+ * Correct the font size and margin on `h1` elements within `section` and
45
+ * `article` contexts in Chrome, Firefox, and Safari.
46
+ */
47
+
48
+ h1 {
49
+ font-size: 2em;
50
+ margin: 0.67em 0;
51
+ }
52
+
53
+ /* Grouping content
54
+ ========================================================================== */
55
+
56
+ /**
57
+ * Add the correct display in IE 9-.
58
+ * 1. Add the correct display in IE.
59
+ */
60
+
61
+ figcaption,
62
+ figure,
63
+ main { /* 1 */
64
+ display: block;
65
+ }
66
+
67
+ /**
68
+ * Add the correct margin in IE 8.
69
+ */
70
+
71
+ figure {
72
+ margin: 1em 40px;
73
+ }
74
+
75
+ /**
76
+ * 1. Add the correct box sizing in Firefox.
77
+ * 2. Show the overflow in Edge and IE.
78
+ */
79
+
80
+ hr {
81
+ box-sizing: content-box; /* 1 */
82
+ height: 0; /* 1 */
83
+ overflow: visible; /* 2 */
84
+ }
85
+
86
+ /**
87
+ * 1. Correct the inheritance and scaling of font size in all browsers.
88
+ * 2. Correct the odd `em` font sizing in all browsers.
89
+ */
90
+
91
+ pre {
92
+ font-family: monospace, monospace; /* 1 */
93
+ font-size: 1em; /* 2 */
94
+ }
95
+
96
+ /* Text-level semantics
97
+ ========================================================================== */
98
+
99
+ /**
100
+ * 1. Remove the gray background on active links in IE 10.
101
+ * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
102
+ */
103
+
104
+ a {
105
+ background-color: transparent; /* 1 */
106
+ -webkit-text-decoration-skip: objects; /* 2 */
107
+ }
108
+
109
+ /**
110
+ * Remove the outline on focused links when they are also active or hovered
111
+ * in all browsers (opinionated).
112
+ */
113
+
114
+ a:active,
115
+ a:hover {
116
+ outline-width: 0;
117
+ }
118
+
119
+ /**
120
+ * 1. Remove the bottom border in Firefox 39-.
121
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
122
+ */
123
+
124
+ abbr[title] {
125
+ border-bottom: none; /* 1 */
126
+ text-decoration: underline; /* 2 */
127
+ text-decoration: underline dotted; /* 2 */
128
+ }
129
+
130
+ /**
131
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
132
+ */
133
+
134
+ b,
135
+ strong {
136
+ font-weight: inherit;
137
+ }
138
+
139
+ /**
140
+ * Add the correct font weight in Chrome, Edge, and Safari.
141
+ */
142
+
143
+ b,
144
+ strong {
145
+ font-weight: bolder;
146
+ }
147
+
148
+ /**
149
+ * 1. Correct the inheritance and scaling of font size in all browsers.
150
+ * 2. Correct the odd `em` font sizing in all browsers.
151
+ */
152
+
153
+ code,
154
+ kbd,
155
+ samp {
156
+ font-family: monospace, monospace; /* 1 */
157
+ font-size: 1em; /* 2 */
158
+ }
159
+
160
+ /**
161
+ * Add the correct font style in Android 4.3-.
162
+ */
163
+
164
+ dfn {
165
+ font-style: italic;
166
+ }
167
+
168
+ /**
169
+ * Add the correct background and color in IE 9-.
170
+ */
171
+
172
+ mark {
173
+ background-color: #ff0;
174
+ color: #000;
175
+ }
176
+
177
+ /**
178
+ * Add the correct font size in all browsers.
179
+ */
180
+
181
+ small {
182
+ font-size: 80%;
183
+ }
184
+
185
+ /**
186
+ * Prevent `sub` and `sup` elements from affecting the line height in
187
+ * all browsers.
188
+ */
189
+
190
+ sub,
191
+ sup {
192
+ font-size: 75%;
193
+ line-height: 0;
194
+ position: relative;
195
+ vertical-align: baseline;
196
+ }
197
+
198
+ sub {
199
+ bottom: -0.25em;
200
+ }
201
+
202
+ sup {
203
+ top: -0.5em;
204
+ }
205
+
206
+ /* Embedded content
207
+ ========================================================================== */
208
+
209
+ /**
210
+ * Add the correct display in IE 9-.
211
+ */
212
+
213
+ audio,
214
+ video {
215
+ display: inline-block;
216
+ }
217
+
218
+ /**
219
+ * Add the correct display in iOS 4-7.
220
+ */
221
+
222
+ audio:not([controls]) {
223
+ display: none;
224
+ height: 0;
225
+ }
226
+
227
+ /**
228
+ * Remove the border on images inside links in IE 10-.
229
+ */
230
+
231
+ img {
232
+ border-style: none;
233
+ }
234
+
235
+ /**
236
+ * Hide the overflow in IE.
237
+ */
238
+
239
+ svg:not(:root) {
240
+ overflow: hidden;
241
+ }
242
+
243
+ /* Forms
244
+ ========================================================================== */
245
+
246
+ /**
247
+ * 1. Change the font styles in all browsers (opinionated).
248
+ * 2. Remove the margin in Firefox and Safari.
249
+ */
250
+
251
+ button,
252
+ input,
253
+ optgroup,
254
+ select,
255
+ textarea {
256
+ font-family: sans-serif; /* 1 */
257
+ font-size: 100%; /* 1 */
258
+ line-height: 1.15; /* 1 */
259
+ margin: 0; /* 2 */
260
+ }
261
+
262
+ /**
263
+ * Show the overflow in IE.
264
+ * 1. Show the overflow in Edge.
265
+ */
266
+
267
+ button,
268
+ input { /* 1 */
269
+ overflow: visible;
270
+ }
271
+
272
+ /**
273
+ * Remove the inheritance of text transform in Edge, Firefox, and IE.
274
+ * 1. Remove the inheritance of text transform in Firefox.
275
+ */
276
+
277
+ button,
278
+ select { /* 1 */
279
+ text-transform: none;
280
+ }
281
+
282
+ /**
283
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
284
+ * controls in Android 4.
285
+ * 2. Correct the inability to style clickable types in iOS and Safari.
286
+ */
287
+
288
+ button,
289
+ html [type="button"], /* 1 */
290
+ [type="reset"],
291
+ [type="submit"] {
292
+ -webkit-appearance: button; /* 2 */
293
+ }
294
+
295
+ /**
296
+ * Remove the inner border and padding in Firefox.
297
+ */
298
+
299
+ button::-moz-focus-inner,
300
+ [type="button"]::-moz-focus-inner,
301
+ [type="reset"]::-moz-focus-inner,
302
+ [type="submit"]::-moz-focus-inner {
303
+ border-style: none;
304
+ padding: 0;
305
+ }
306
+
307
+ /**
308
+ * Restore the focus styles unset by the previous rule.
309
+ */
310
+
311
+ button:-moz-focusring,
312
+ [type="button"]:-moz-focusring,
313
+ [type="reset"]:-moz-focusring,
314
+ [type="submit"]:-moz-focusring {
315
+ outline: 1px dotted ButtonText;
316
+ }
317
+
318
+ /**
319
+ * Change the border, margin, and padding in all browsers (opinionated).
320
+ */
321
+
322
+ fieldset {
323
+ border: 1px solid #c0c0c0;
324
+ margin: 0 2px;
325
+ padding: 0.35em 0.625em 0.75em;
326
+ }
327
+
328
+ /**
329
+ * 1. Correct the text wrapping in Edge and IE.
330
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
331
+ * 3. Remove the padding so developers are not caught out when they zero out
332
+ * `fieldset` elements in all browsers.
333
+ */
334
+
335
+ legend {
336
+ box-sizing: border-box; /* 1 */
337
+ color: inherit; /* 2 */
338
+ display: table; /* 1 */
339
+ max-width: 100%; /* 1 */
340
+ padding: 0; /* 3 */
341
+ white-space: normal; /* 1 */
342
+ }
343
+
344
+ /**
345
+ * 1. Add the correct display in IE 9-.
346
+ * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
347
+ */
348
+
349
+ progress {
350
+ display: inline-block; /* 1 */
351
+ vertical-align: baseline; /* 2 */
352
+ }
353
+
354
+ /**
355
+ * Remove the default vertical scrollbar in IE.
356
+ */
357
+
358
+ textarea {
359
+ overflow: auto;
360
+ }
361
+
362
+ /**
363
+ * 1. Add the correct box sizing in IE 10-.
364
+ * 2. Remove the padding in IE 10-.
365
+ */
366
+
367
+ [type="checkbox"],
368
+ [type="radio"] {
369
+ box-sizing: border-box; /* 1 */
370
+ padding: 0; /* 2 */
371
+ }
372
+
373
+ /**
374
+ * Correct the cursor style of increment and decrement buttons in Chrome.
375
+ */
376
+
377
+ [type="number"]::-webkit-inner-spin-button,
378
+ [type="number"]::-webkit-outer-spin-button {
379
+ height: auto;
380
+ }
381
+
382
+ /**
383
+ * 1. Correct the odd appearance in Chrome and Safari.
384
+ * 2. Correct the outline style in Safari.
385
+ */
386
+
387
+ [type="search"] {
388
+ -webkit-appearance: textfield; /* 1 */
389
+ outline-offset: -2px; /* 2 */
390
+ }
391
+
392
+ /**
393
+ * Remove the inner padding and cancel buttons in Chrome and Safari on OS X.
394
+ */
395
+
396
+ [type="search"]::-webkit-search-cancel-button,
397
+ [type="search"]::-webkit-search-decoration {
398
+ -webkit-appearance: none;
399
+ }
400
+
401
+ /**
402
+ * 1. Correct the inability to style clickable types in iOS and Safari.
403
+ * 2. Change font properties to `inherit` in Safari.
404
+ */
405
+
406
+ ::-webkit-file-upload-button {
407
+ -webkit-appearance: button; /* 1 */
408
+ font: inherit; /* 2 */
409
+ }
410
+
411
+ /* Interactive
412
+ ========================================================================== */
413
+
414
+ /*
415
+ * Add the correct display in IE 9-.
416
+ * 1. Add the correct display in Edge, IE, and Firefox.
417
+ */
418
+
419
+ details, /* 1 */
420
+ menu {
421
+ display: block;
422
+ }
423
+
424
+ /*
425
+ * Add the correct display in all browsers.
426
+ */
427
+
428
+ summary {
429
+ display: list-item;
430
+ }
431
+
432
+ /* Scripting
433
+ ========================================================================== */
434
+
435
+ /**
436
+ * Add the correct display in IE 9-.
437
+ */
438
+
439
+ canvas {
440
+ display: inline-block;
441
+ }
442
+
443
+ /**
444
+ * Add the correct display in IE.
445
+ */
446
+
447
+ template {
448
+ display: none;
449
+ }
450
+
451
+ /* Hidden
452
+ ========================================================================== */
453
+
454
+ /**
455
+ * Add the correct display in IE 10-.
456
+ */
457
+
458
+ [hidden] {
459
+ display: none;
460
+ }
@@ -1,3 +1,5 @@
1
+ @import "normalize";
1
2
  @import "variables";
2
3
  @import "border-radius";
3
- @import "whitespace";
4
+ @import "whitespace";
5
+ @import "z-index";
metadata CHANGED
@@ -1,29 +1,29 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: css_helpers
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.0.0
4
+ version: 1.0.1
5
5
  platform: ruby
6
6
  authors:
7
7
  - Paul Farino
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2016-01-07 00:00:00.000000000 Z
11
+ date: 2016-08-28 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: rails
15
15
  requirement: !ruby/object:Gem::Requirement
16
16
  requirements:
17
- - - "~>"
17
+ - - ">="
18
18
  - !ruby/object:Gem::Version
19
- version: 4.2.3
19
+ version: '0'
20
20
  type: :runtime
21
21
  prerelease: false
22
22
  version_requirements: !ruby/object:Gem::Requirement
23
23
  requirements:
24
- - - "~>"
24
+ - - ">="
25
25
  - !ruby/object:Gem::Version
26
- version: 4.2.3
26
+ version: '0'
27
27
  - !ruby/object:Gem::Dependency
28
28
  name: sass
29
29
  requirement: !ruby/object:Gem::Requirement
@@ -96,6 +96,7 @@ files:
96
96
  - Rakefile
97
97
  - bin/console
98
98
  - bin/setup
99
+ - css_helpers-1.0.0.gem
99
100
  - css_helpers.gemspec
100
101
  - lib/css_helpers.rb
101
102
  - lib/css_helpers/version.rb
@@ -103,6 +104,7 @@ files:
103
104
  - spec/spec_helper.rb
104
105
  - vendor/assets/javascripts/css_helpers.js
105
106
  - vendor/assets/stylesheets/_border-radius.scss
107
+ - vendor/assets/stylesheets/_normalize.scss
106
108
  - vendor/assets/stylesheets/_variables.scss
107
109
  - vendor/assets/stylesheets/_whitespace.scss
108
110
  - vendor/assets/stylesheets/_z-index.scss