suitcss-rails 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (50) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +9 -0
  3. data/.rspec +2 -0
  4. data/.travis.yml +4 -0
  5. data/Gemfile +4 -0
  6. data/README.md +37 -0
  7. data/Rakefile +6 -0
  8. data/app/assets/stylesheets/normalize.css +424 -0
  9. data/app/assets/stylesheets/suitcss.css +5 -0
  10. data/app/assets/stylesheets/suitcss/base.css +1 -0
  11. data/app/assets/stylesheets/suitcss/base/index.css +83 -0
  12. data/app/assets/stylesheets/suitcss/components.css +4 -0
  13. data/app/assets/stylesheets/suitcss/components/arrange.css +155 -0
  14. data/app/assets/stylesheets/suitcss/components/button.css +77 -0
  15. data/app/assets/stylesheets/suitcss/components/flex-embed.css +74 -0
  16. data/app/assets/stylesheets/suitcss/components/grid.css +121 -0
  17. data/app/assets/stylesheets/suitcss/utils.css +9 -0
  18. data/app/assets/stylesheets/suitcss/utils/after.css +4 -0
  19. data/app/assets/stylesheets/suitcss/utils/after/index.css +117 -0
  20. data/app/assets/stylesheets/suitcss/utils/after/lg.css +127 -0
  21. data/app/assets/stylesheets/suitcss/utils/after/md.css +127 -0
  22. data/app/assets/stylesheets/suitcss/utils/after/sm.css +127 -0
  23. data/app/assets/stylesheets/suitcss/utils/align.css +21 -0
  24. data/app/assets/stylesheets/suitcss/utils/before.css +4 -0
  25. data/app/assets/stylesheets/suitcss/utils/before/index.css +117 -0
  26. data/app/assets/stylesheets/suitcss/utils/before/lg.css +127 -0
  27. data/app/assets/stylesheets/suitcss/utils/before/md.css +127 -0
  28. data/app/assets/stylesheets/suitcss/utils/before/sm.css +127 -0
  29. data/app/assets/stylesheets/suitcss/utils/display.css +53 -0
  30. data/app/assets/stylesheets/suitcss/utils/flex.css +4 -0
  31. data/app/assets/stylesheets/suitcss/utils/flex/index.css +253 -0
  32. data/app/assets/stylesheets/suitcss/utils/flex/lg.css +259 -0
  33. data/app/assets/stylesheets/suitcss/utils/flex/md.css +259 -0
  34. data/app/assets/stylesheets/suitcss/utils/flex/sm.css +259 -0
  35. data/app/assets/stylesheets/suitcss/utils/layout.css +66 -0
  36. data/app/assets/stylesheets/suitcss/utils/link.css +55 -0
  37. data/app/assets/stylesheets/suitcss/utils/offset.css +2 -0
  38. data/app/assets/stylesheets/suitcss/utils/position.css +48 -0
  39. data/app/assets/stylesheets/suitcss/utils/size.css +4 -0
  40. data/app/assets/stylesheets/suitcss/utils/size/index.css +172 -0
  41. data/app/assets/stylesheets/suitcss/utils/size/lg.css +176 -0
  42. data/app/assets/stylesheets/suitcss/utils/size/md.css +176 -0
  43. data/app/assets/stylesheets/suitcss/utils/size/sm.css +176 -0
  44. data/app/assets/stylesheets/suitcss/utils/text.css +76 -0
  45. data/bin/console +14 -0
  46. data/bin/setup +8 -0
  47. data/lib/suitcss/rails.rb +6 -0
  48. data/lib/suitcss/rails/version.rb +5 -0
  49. data/suitcss-rails.gemspec +24 -0
  50. metadata +133 -0
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: 43b4b99836a7d38d966d30e736075deaaf6dea87
4
+ data.tar.gz: 9491eeb4a1ab149315e03405c1c6eedd083b6db3
5
+ SHA512:
6
+ metadata.gz: 014d33e0b31e96983b5ded3120cc703a1e54cf534e9ddfbaf917ff35e13339532ed976a6fc64593613e5fa3f1e6e0cbc71b64aaa3e858148a167a819609e0712
7
+ data.tar.gz: 85b6e4aa734e3adbfffa46e7f287c1c2a3d6fcb7dce33fd2c6ae85490e990c7e97a16f7fa149514e5f9639e377acba67d54db09eff24efca59576c2381af6bdb
@@ -0,0 +1,9 @@
1
+ /.bundle/
2
+ /.yardoc
3
+ /Gemfile.lock
4
+ /_yardoc/
5
+ /coverage/
6
+ /doc/
7
+ /pkg/
8
+ /spec/reports/
9
+ /tmp/
data/.rspec ADDED
@@ -0,0 +1,2 @@
1
+ --format documentation
2
+ --color
@@ -0,0 +1,4 @@
1
+ language: ruby
2
+ rvm:
3
+ - 2.3.0
4
+ before_install: gem install bundler -v 1.11.2
data/Gemfile ADDED
@@ -0,0 +1,4 @@
1
+ source 'https://rubygems.org'
2
+
3
+ # Specify your gem's dependencies in suitcss-rails.gemspec
4
+ gemspec
@@ -0,0 +1,37 @@
1
+ # suitcss-rails
2
+
3
+ Style tools for UI components.
4
+
5
+ This gem for importing SUIT CSS to the Rails app.
6
+
7
+ Integrates [SUIT CSS](http://suitcss.github.io/), [Normalize.css](https://necolas.github.io/normalize.css/) with the rails asset pipeline.
8
+
9
+ ## Installation
10
+
11
+ Add this line to your application's Gemfile:
12
+
13
+ ```ruby
14
+ gem 'suitcss-rails'
15
+ ```
16
+
17
+ And then execute:
18
+
19
+ $ bundle
20
+
21
+ Or install it yourself as:
22
+
23
+ $ gem install suitcss-rails
24
+
25
+ ## Usage
26
+
27
+ ### include all
28
+ ``` css
29
+ @import "suitcss";
30
+ ```
31
+
32
+ ### include partial
33
+ ``` css
34
+ @import "suitcss/utils/flex";
35
+ @import "suitcss/utils/layout";
36
+ @import "suitcss/components";
37
+ ```
@@ -0,0 +1,6 @@
1
+ require "bundler/gem_tasks"
2
+ require "rspec/core/rake_task"
3
+
4
+ RSpec::Core::RakeTask.new(:spec)
5
+
6
+ task :default => :spec
@@ -0,0 +1,424 @@
1
+ /*! normalize.css v4.0.0 | MIT License | github.com/necolas/normalize.css */
2
+
3
+ /**
4
+ * 1. Change the default font family in all browsers (opinionated).
5
+ * 2. Prevent adjustments of font size after orientation changes in IE and iOS.
6
+ */
7
+
8
+ html {
9
+ font-family: sans-serif; /* 1 */
10
+ -ms-text-size-adjust: 100%; /* 2 */
11
+ -webkit-text-size-adjust: 100%; /* 2 */
12
+ }
13
+
14
+ /**
15
+ * Remove the margin in all browsers (opinionated).
16
+ */
17
+
18
+ body {
19
+ margin: 0;
20
+ }
21
+
22
+ /* HTML5 display definitions
23
+ ========================================================================== */
24
+
25
+ /**
26
+ * Add the correct display in IE 9-.
27
+ * 1. Add the correct display in Edge, IE, and Firefox.
28
+ * 2. Add the correct display in IE.
29
+ */
30
+
31
+ article,
32
+ aside,
33
+ details, /* 1 */
34
+ figcaption,
35
+ figure,
36
+ footer,
37
+ header,
38
+ main, /* 2 */
39
+ menu,
40
+ nav,
41
+ section,
42
+ summary { /* 1 */
43
+ display: block;
44
+ }
45
+
46
+ /**
47
+ * Add the correct display in IE 9-.
48
+ */
49
+
50
+ audio,
51
+ canvas,
52
+ progress,
53
+ video {
54
+ display: inline-block;
55
+ }
56
+
57
+ /**
58
+ * Add the correct display in iOS 4-7.
59
+ */
60
+
61
+ audio:not([controls]) {
62
+ display: none;
63
+ height: 0;
64
+ }
65
+
66
+ /**
67
+ * Add the correct vertical alignment in Chrome, Firefox, and Opera.
68
+ */
69
+
70
+ progress {
71
+ vertical-align: baseline;
72
+ }
73
+
74
+ /**
75
+ * Add the correct display in IE 10-.
76
+ * 1. Add the correct display in IE.
77
+ */
78
+
79
+ template, /* 1 */
80
+ [hidden] {
81
+ display: none;
82
+ }
83
+
84
+ /* Links
85
+ ========================================================================== */
86
+
87
+ /**
88
+ * Remove the gray background on active links in IE 10.
89
+ */
90
+
91
+ a {
92
+ background-color: transparent;
93
+ }
94
+
95
+ /**
96
+ * Remove the outline on focused links when they are also active or hovered
97
+ * in all browsers (opinionated).
98
+ */
99
+
100
+ a:active,
101
+ a:hover {
102
+ outline-width: 0;
103
+ }
104
+
105
+ /* Text-level semantics
106
+ ========================================================================== */
107
+
108
+ /**
109
+ * 1. Remove the bottom border in Firefox 39-.
110
+ * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
111
+ */
112
+
113
+ abbr[title] {
114
+ border-bottom: none; /* 1 */
115
+ text-decoration: underline; /* 2 */
116
+ text-decoration: underline dotted; /* 2 */
117
+ }
118
+
119
+ /**
120
+ * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
121
+ */
122
+
123
+ b,
124
+ strong {
125
+ font-weight: inherit;
126
+ }
127
+
128
+ /**
129
+ * Add the correct font weight in Chrome, Edge, and Safari.
130
+ */
131
+
132
+ b,
133
+ strong {
134
+ font-weight: bolder;
135
+ }
136
+
137
+ /**
138
+ * Add the correct font style in Android 4.3-.
139
+ */
140
+
141
+ dfn {
142
+ font-style: italic;
143
+ }
144
+
145
+ /**
146
+ * Correct the font size and margin on `h1` elements within `section` and
147
+ * `article` contexts in Chrome, Firefox, and Safari.
148
+ */
149
+
150
+ h1 {
151
+ font-size: 2em;
152
+ margin: 0.67em 0;
153
+ }
154
+
155
+ /**
156
+ * Add the correct background and color in IE 9-.
157
+ */
158
+
159
+ mark {
160
+ background-color: #ff0;
161
+ color: #000;
162
+ }
163
+
164
+ /**
165
+ * Add the correct font size in all browsers.
166
+ */
167
+
168
+ small {
169
+ font-size: 80%;
170
+ }
171
+
172
+ /**
173
+ * Prevent `sub` and `sup` elements from affecting the line height in
174
+ * all browsers.
175
+ */
176
+
177
+ sub,
178
+ sup {
179
+ font-size: 75%;
180
+ line-height: 0;
181
+ position: relative;
182
+ vertical-align: baseline;
183
+ }
184
+
185
+ sub {
186
+ bottom: -0.25em;
187
+ }
188
+
189
+ sup {
190
+ top: -0.5em;
191
+ }
192
+
193
+ /* Embedded content
194
+ ========================================================================== */
195
+
196
+ /**
197
+ * Remove the border on images inside links in IE 10-.
198
+ */
199
+
200
+ img {
201
+ border-style: none;
202
+ }
203
+
204
+ /**
205
+ * Hide the overflow in IE.
206
+ */
207
+
208
+ svg:not(:root) {
209
+ overflow: hidden;
210
+ }
211
+
212
+ /* Grouping content
213
+ ========================================================================== */
214
+
215
+ /**
216
+ * 1. Correct the inheritance and scaling of font size in all browsers.
217
+ * 2. Correct the odd `em` font sizing in all browsers.
218
+ */
219
+
220
+ code,
221
+ kbd,
222
+ pre,
223
+ samp {
224
+ font-family: monospace, monospace; /* 1 */
225
+ font-size: 1em; /* 2 */
226
+ }
227
+
228
+ /**
229
+ * Add the correct margin in IE 8.
230
+ */
231
+
232
+ figure {
233
+ margin: 1em 40px;
234
+ }
235
+
236
+ /**
237
+ * 1. Add the correct box sizing in Firefox.
238
+ * 2. Show the overflow in Edge and IE.
239
+ */
240
+
241
+ hr {
242
+ box-sizing: content-box; /* 1 */
243
+ height: 0; /* 1 */
244
+ overflow: visible; /* 2 */
245
+ }
246
+
247
+ /* Forms
248
+ ========================================================================== */
249
+
250
+ /**
251
+ * Change font properties to `inherit` in all browsers (opinionated).
252
+ */
253
+
254
+ button,
255
+ input,
256
+ select,
257
+ textarea {
258
+ font: inherit;
259
+ }
260
+
261
+ /**
262
+ * Restore the font weight unset by the previous rule.
263
+ */
264
+
265
+ optgroup {
266
+ font-weight: bold;
267
+ }
268
+
269
+ /**
270
+ * Show the overflow in IE.
271
+ * 1. Show the overflow in Edge.
272
+ * 2. Show the overflow in Edge, Firefox, and IE.
273
+ */
274
+
275
+ button,
276
+ input, /* 1 */
277
+ select { /* 2 */
278
+ overflow: visible;
279
+ }
280
+
281
+ /**
282
+ * Remove the margin in Safari.
283
+ * 1. Remove the margin in Firefox and Safari.
284
+ */
285
+
286
+ button,
287
+ input,
288
+ select,
289
+ textarea { /* 1 */
290
+ margin: 0;
291
+ }
292
+
293
+ /**
294
+ * Remove the inheritence of text transform in Edge, Firefox, and IE.
295
+ * 1. Remove the inheritence of text transform in Firefox.
296
+ */
297
+
298
+ button,
299
+ select { /* 1 */
300
+ text-transform: none;
301
+ }
302
+
303
+ /**
304
+ * Change the cursor in all browsers (opinionated).
305
+ */
306
+
307
+ button,
308
+ [type="button"],
309
+ [type="reset"],
310
+ [type="submit"] {
311
+ cursor: pointer;
312
+ }
313
+
314
+ /**
315
+ * Restore the default cursor to disabled elements unset by the previous rule.
316
+ */
317
+
318
+ [disabled] {
319
+ cursor: default;
320
+ }
321
+
322
+ /**
323
+ * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
324
+ * controls in Android 4.
325
+ * 2. Correct the inability to style clickable types in iOS.
326
+ */
327
+
328
+ button,
329
+ html [type="button"], /* 1 */
330
+ [type="reset"],
331
+ [type="submit"] {
332
+ -webkit-appearance: button; /* 2 */
333
+ }
334
+
335
+ /**
336
+ * Remove the inner border and padding in Firefox.
337
+ */
338
+
339
+ button::-moz-focus-inner,
340
+ input::-moz-focus-inner {
341
+ border: 0;
342
+ padding: 0;
343
+ }
344
+
345
+ /**
346
+ * Restore the focus styles unset by the previous rule.
347
+ */
348
+
349
+ button:-moz-focusring,
350
+ input:-moz-focusring {
351
+ outline: 1px dotted ButtonText;
352
+ }
353
+
354
+ /**
355
+ * Change the border, margin, and padding in all browsers (opinionated).
356
+ */
357
+
358
+ fieldset {
359
+ border: 1px solid #c0c0c0;
360
+ margin: 0 2px;
361
+ padding: 0.35em 0.625em 0.75em;
362
+ }
363
+
364
+ /**
365
+ * 1. Correct the text wrapping in Edge and IE.
366
+ * 2. Correct the color inheritance from `fieldset` elements in IE.
367
+ * 3. Remove the padding so developers are not caught out when they zero out
368
+ * `fieldset` elements in all browsers.
369
+ */
370
+
371
+ legend {
372
+ box-sizing: border-box; /* 1 */
373
+ color: inherit; /* 2 */
374
+ display: table; /* 1 */
375
+ max-width: 100%; /* 1 */
376
+ padding: 0; /* 3 */
377
+ white-space: normal; /* 1 */
378
+ }
379
+
380
+ /**
381
+ * Remove the default vertical scrollbar in IE.
382
+ */
383
+
384
+ textarea {
385
+ overflow: auto;
386
+ }
387
+
388
+ /**
389
+ * 1. Add the correct box sizing in IE 10-.
390
+ * 2. Remove the padding in IE 10-.
391
+ */
392
+
393
+ [type="checkbox"],
394
+ [type="radio"] {
395
+ box-sizing: border-box; /* 1 */
396
+ padding: 0; /* 2 */
397
+ }
398
+
399
+ /**
400
+ * Correct the cursor style of increment and decrement buttons in Chrome.
401
+ */
402
+
403
+ [type="number"]::-webkit-inner-spin-button,
404
+ [type="number"]::-webkit-outer-spin-button {
405
+ height: auto;
406
+ }
407
+
408
+ /**
409
+ * Correct the odd appearance of search inputs in Chrome and Safari.
410
+ */
411
+
412
+ [type="search"] {
413
+ -webkit-appearance: textfield;
414
+ }
415
+
416
+ /**
417
+ * Remove the inner padding and cancel buttons in Chrome on OS X and
418
+ * Safari on OS X.
419
+ */
420
+
421
+ [type="search"]::-webkit-search-cancel-button,
422
+ [type="search"]::-webkit-search-decoration {
423
+ -webkit-appearance: none;
424
+ }