milligram-css-rails 0.1.3

Sign up to get free protection for your applications and to get access to all the features.
@@ -0,0 +1,7 @@
1
+ ---
2
+ SHA1:
3
+ metadata.gz: 0d4540b5acf7534d04a128db1b583009d1cf6612
4
+ data.tar.gz: f8bbf26f10af250d71666e00b698de6a35256ab8
5
+ SHA512:
6
+ metadata.gz: b4a51b9053cd7c1905f636874df4a338408e0669db2227b055cae89a7a3dd06c93f382c6548ccea896fcaabe8ec0d0357fa79e5ed4a48195d4cb30a73152b4fc
7
+ data.tar.gz: 2c383ab7f0ecf674ce93c400f422418b843e6f752f295d5f754986bf29e3c32e1e425c4f0ce5a205c3b0bc1adea47cd8d229636f54d2a87cfcfb814f224dd610
Binary file
@@ -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/.keep ADDED
File without changes
data/.rspec ADDED
@@ -0,0 +1,2 @@
1
+ --format documentation
2
+ --color
@@ -0,0 +1,5 @@
1
+ sudo: false
2
+ language: ruby
3
+ rvm:
4
+ - 2.3.1
5
+ before_install: gem install bundler -v 1.13.6
data/Gemfile ADDED
@@ -0,0 +1,4 @@
1
+ source 'https://rubygems.org'
2
+
3
+ # Specify your gem's dependencies in milligram-css-rails.gemspec
4
+ gemspec
@@ -0,0 +1,21 @@
1
+ The MIT License (MIT)
2
+
3
+ Copyright (c) 2017 Toby
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in
13
+ all copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
21
+ THE SOFTWARE.
@@ -0,0 +1,35 @@
1
+ # milligram-css-rails
2
+
3
+ A gem for the css version of the amazing [milligram](http://milligram.io/) css library.
4
+ This is for use for Rails apps only, tested on rails 4+.
5
+
6
+ ## Installation
7
+
8
+ Add this line to your Rails app's Gemfile:
9
+
10
+ ```ruby
11
+ gem 'milligram-css-rails'
12
+ ```
13
+
14
+ And then execute:
15
+
16
+ $ bundle install
17
+
18
+ The in your `app/assets/stylsheets/application.css` file:
19
+
20
+ ```css
21
+
22
+ //= require milligram
23
+
24
+ ```
25
+
26
+ To make your app responsive on mobile devices, add the following to your `<head>` tag in your `application.html.erb`:
27
+
28
+ ```html
29
+ <!-- app/views/layouts/application.html.erb -->
30
+
31
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
32
+
33
+ ```
34
+
35
+ Done, your app should now be looking beautiful, courtesy of [milligram](http://milligram.io/)
@@ -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,14 @@
1
+ #!/usr/bin/env ruby
2
+
3
+ require "bundler/setup"
4
+ require "milligram/css/rails"
5
+
6
+ # You can add fixtures and/or initialization code here to make experimenting
7
+ # with your gem easier. You can also use a different console, if you like.
8
+
9
+ # (If you use this, don't forget to add pry to your Gemfile!)
10
+ # require "pry"
11
+ # Pry.start
12
+
13
+ require "irb"
14
+ IRB.start
@@ -0,0 +1,8 @@
1
+ #!/usr/bin/env bash
2
+ set -euo pipefail
3
+ IFS=$'\n\t'
4
+ set -vx
5
+
6
+ bundle install
7
+
8
+ # Do any other automated setup that you need to do here
@@ -0,0 +1,10 @@
1
+ require "milligram/css/rails/version"
2
+
3
+ module Milligram
4
+ module Css
5
+ module Rails
6
+ class Engine < ::Rails::Engine
7
+ end
8
+ end
9
+ end
10
+ end
@@ -0,0 +1,7 @@
1
+ module Milligram
2
+ module Css
3
+ module Rails
4
+ VERSION = "0.1.3"
5
+ end
6
+ end
7
+ end
@@ -0,0 +1,27 @@
1
+ # coding: utf-8
2
+ lib = File.expand_path('../lib', __FILE__)
3
+ $LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
4
+ require 'milligram/css/rails/version'
5
+
6
+ Gem::Specification.new do |spec|
7
+ spec.name = "milligram-css-rails"
8
+ spec.version = Milligram::Css::Rails::VERSION
9
+ spec.authors = ["Toby"]
10
+ spec.email = [""]
11
+
12
+ spec.summary = %q{CSS version of the milligram CSS library}
13
+ spec.description = %q{No SASS needed for the CSS version of milligram. Add to rails app, require in application.css, and you're done.}
14
+ spec.homepage = "https://github.com/tobyond/milligram-css-rails"
15
+ spec.license = "MIT"
16
+
17
+ spec.files = `git ls-files -z`.split("\x0").reject do |f|
18
+ f.match(%r{^(test|spec|features)/})
19
+ end
20
+ spec.bindir = "exe"
21
+ spec.executables = spec.files.grep(%r{^exe/}) { |f| File.basename(f) }
22
+ spec.require_paths = ["lib"]
23
+
24
+ spec.add_development_dependency "bundler", "~> 1.13"
25
+ spec.add_development_dependency "rake", "~> 10.0"
26
+ spec.add_development_dependency "rspec", "~> 3.0"
27
+ end
Binary file
@@ -0,0 +1,602 @@
1
+ /*!
2
+ * Milligram v1.3.0
3
+ * https://milligram.github.io
4
+ *
5
+ * Copyright (c) 2017 CJ Patoilo
6
+ * Licensed under the MIT license
7
+ */
8
+
9
+ *,
10
+ *:after,
11
+ *:before {
12
+ box-sizing: inherit;
13
+ }
14
+
15
+ html {
16
+ box-sizing: border-box;
17
+ font-size: 62.5%;
18
+ }
19
+
20
+ body {
21
+ color: #606c76;
22
+ font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
23
+ font-size: 1.6em;
24
+ font-weight: 300;
25
+ letter-spacing: .01em;
26
+ line-height: 1.6;
27
+ }
28
+
29
+ blockquote {
30
+ border-left: 0.3rem solid #d1d1d1;
31
+ margin-left: 0;
32
+ margin-right: 0;
33
+ padding: 1rem 1.5rem;
34
+ }
35
+
36
+ blockquote *:last-child {
37
+ margin-bottom: 0;
38
+ }
39
+
40
+ .button,
41
+ button,
42
+ input[type='button'],
43
+ input[type='reset'],
44
+ input[type='submit'] {
45
+ background-color: #9b4dca;
46
+ border: 0.1rem solid #9b4dca;
47
+ border-radius: .4rem;
48
+ color: #fff;
49
+ cursor: pointer;
50
+ display: inline-block;
51
+ font-size: 1.1rem;
52
+ font-weight: 700;
53
+ height: 3.8rem;
54
+ letter-spacing: .1rem;
55
+ line-height: 3.8rem;
56
+ padding: 0 3.0rem;
57
+ text-align: center;
58
+ text-decoration: none;
59
+ text-transform: uppercase;
60
+ white-space: nowrap;
61
+ }
62
+
63
+ .button:focus, .button:hover,
64
+ button:focus,
65
+ button:hover,
66
+ input[type='button']:focus,
67
+ input[type='button']:hover,
68
+ input[type='reset']:focus,
69
+ input[type='reset']:hover,
70
+ input[type='submit']:focus,
71
+ input[type='submit']:hover {
72
+ background-color: #606c76;
73
+ border-color: #606c76;
74
+ color: #fff;
75
+ outline: 0;
76
+ }
77
+
78
+ .button[disabled],
79
+ button[disabled],
80
+ input[type='button'][disabled],
81
+ input[type='reset'][disabled],
82
+ input[type='submit'][disabled] {
83
+ cursor: default;
84
+ opacity: .5;
85
+ }
86
+
87
+ .button[disabled]:focus, .button[disabled]:hover,
88
+ button[disabled]:focus,
89
+ button[disabled]:hover,
90
+ input[type='button'][disabled]:focus,
91
+ input[type='button'][disabled]:hover,
92
+ input[type='reset'][disabled]:focus,
93
+ input[type='reset'][disabled]:hover,
94
+ input[type='submit'][disabled]:focus,
95
+ input[type='submit'][disabled]:hover {
96
+ background-color: #9b4dca;
97
+ border-color: #9b4dca;
98
+ }
99
+
100
+ .button.button-outline,
101
+ button.button-outline,
102
+ input[type='button'].button-outline,
103
+ input[type='reset'].button-outline,
104
+ input[type='submit'].button-outline {
105
+ background-color: transparent;
106
+ color: #9b4dca;
107
+ }
108
+
109
+ .button.button-outline:focus, .button.button-outline:hover,
110
+ button.button-outline:focus,
111
+ button.button-outline:hover,
112
+ input[type='button'].button-outline:focus,
113
+ input[type='button'].button-outline:hover,
114
+ input[type='reset'].button-outline:focus,
115
+ input[type='reset'].button-outline:hover,
116
+ input[type='submit'].button-outline:focus,
117
+ input[type='submit'].button-outline:hover {
118
+ background-color: transparent;
119
+ border-color: #606c76;
120
+ color: #606c76;
121
+ }
122
+
123
+ .button.button-outline[disabled]:focus, .button.button-outline[disabled]:hover,
124
+ button.button-outline[disabled]:focus,
125
+ button.button-outline[disabled]:hover,
126
+ input[type='button'].button-outline[disabled]:focus,
127
+ input[type='button'].button-outline[disabled]:hover,
128
+ input[type='reset'].button-outline[disabled]:focus,
129
+ input[type='reset'].button-outline[disabled]:hover,
130
+ input[type='submit'].button-outline[disabled]:focus,
131
+ input[type='submit'].button-outline[disabled]:hover {
132
+ border-color: inherit;
133
+ color: #9b4dca;
134
+ }
135
+
136
+ .button.button-clear,
137
+ button.button-clear,
138
+ input[type='button'].button-clear,
139
+ input[type='reset'].button-clear,
140
+ input[type='submit'].button-clear {
141
+ background-color: transparent;
142
+ border-color: transparent;
143
+ color: #9b4dca;
144
+ }
145
+
146
+ .button.button-clear:focus, .button.button-clear:hover,
147
+ button.button-clear:focus,
148
+ button.button-clear:hover,
149
+ input[type='button'].button-clear:focus,
150
+ input[type='button'].button-clear:hover,
151
+ input[type='reset'].button-clear:focus,
152
+ input[type='reset'].button-clear:hover,
153
+ input[type='submit'].button-clear:focus,
154
+ input[type='submit'].button-clear:hover {
155
+ background-color: transparent;
156
+ border-color: transparent;
157
+ color: #606c76;
158
+ }
159
+
160
+ .button.button-clear[disabled]:focus, .button.button-clear[disabled]:hover,
161
+ button.button-clear[disabled]:focus,
162
+ button.button-clear[disabled]:hover,
163
+ input[type='button'].button-clear[disabled]:focus,
164
+ input[type='button'].button-clear[disabled]:hover,
165
+ input[type='reset'].button-clear[disabled]:focus,
166
+ input[type='reset'].button-clear[disabled]:hover,
167
+ input[type='submit'].button-clear[disabled]:focus,
168
+ input[type='submit'].button-clear[disabled]:hover {
169
+ color: #9b4dca;
170
+ }
171
+
172
+ code {
173
+ background: #f4f5f6;
174
+ border-radius: .4rem;
175
+ font-size: 86%;
176
+ margin: 0 .2rem;
177
+ padding: .2rem .5rem;
178
+ white-space: nowrap;
179
+ }
180
+
181
+ pre {
182
+ background: #f4f5f6;
183
+ border-left: 0.3rem solid #9b4dca;
184
+ overflow-y: hidden;
185
+ }
186
+
187
+ pre > code {
188
+ border-radius: 0;
189
+ display: block;
190
+ padding: 1rem 1.5rem;
191
+ white-space: pre;
192
+ }
193
+
194
+ hr {
195
+ border: 0;
196
+ border-top: 0.1rem solid #f4f5f6;
197
+ margin: 3.0rem 0;
198
+ }
199
+
200
+ input[type='email'],
201
+ input[type='number'],
202
+ input[type='password'],
203
+ input[type='search'],
204
+ input[type='tel'],
205
+ input[type='text'],
206
+ input[type='url'],
207
+ textarea,
208
+ select {
209
+ -webkit-appearance: none;
210
+ -moz-appearance: none;
211
+ appearance: none;
212
+ background-color: transparent;
213
+ border: 0.1rem solid #d1d1d1;
214
+ border-radius: .4rem;
215
+ box-shadow: none;
216
+ box-sizing: inherit;
217
+ height: 3.8rem;
218
+ padding: .6rem 1.0rem;
219
+ width: 100%;
220
+ }
221
+
222
+ input[type='email']:focus,
223
+ input[type='number']:focus,
224
+ input[type='password']:focus,
225
+ input[type='search']:focus,
226
+ input[type='tel']:focus,
227
+ input[type='text']:focus,
228
+ input[type='url']:focus,
229
+ textarea:focus,
230
+ select:focus {
231
+ border-color: #9b4dca;
232
+ outline: 0;
233
+ }
234
+
235
+ select {
236
+ background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat;
237
+ padding-right: 3.0rem;
238
+ }
239
+
240
+ select:focus {
241
+ background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#9b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>');
242
+ }
243
+
244
+ textarea {
245
+ min-height: 6.5rem;
246
+ }
247
+
248
+ label,
249
+ legend {
250
+ display: block;
251
+ font-size: 1.6rem;
252
+ font-weight: 700;
253
+ margin-bottom: .5rem;
254
+ }
255
+
256
+ fieldset {
257
+ border-width: 0;
258
+ padding: 0;
259
+ }
260
+
261
+ input[type='checkbox'],
262
+ input[type='radio'] {
263
+ display: inline;
264
+ }
265
+
266
+ .label-inline {
267
+ display: inline-block;
268
+ font-weight: normal;
269
+ margin-left: .5rem;
270
+ }
271
+
272
+ .container {
273
+ margin: 0 auto;
274
+ max-width: 112.0rem;
275
+ padding: 0 2.0rem;
276
+ position: relative;
277
+ width: 100%;
278
+ }
279
+
280
+ .row {
281
+ display: flex;
282
+ flex-direction: column;
283
+ padding: 0;
284
+ width: 100%;
285
+ }
286
+
287
+ .row.row-no-padding {
288
+ padding: 0;
289
+ }
290
+
291
+ .row.row-no-padding > .column {
292
+ padding: 0;
293
+ }
294
+
295
+ .row.row-wrap {
296
+ flex-wrap: wrap;
297
+ }
298
+
299
+ .row.row-top {
300
+ align-items: flex-start;
301
+ }
302
+
303
+ .row.row-bottom {
304
+ align-items: flex-end;
305
+ }
306
+
307
+ .row.row-center {
308
+ align-items: center;
309
+ }
310
+
311
+ .row.row-stretch {
312
+ align-items: stretch;
313
+ }
314
+
315
+ .row.row-baseline {
316
+ align-items: baseline;
317
+ }
318
+
319
+ .row .column {
320
+ display: block;
321
+ flex: 1 1 auto;
322
+ margin-left: 0;
323
+ max-width: 100%;
324
+ width: 100%;
325
+ }
326
+
327
+ .row .column.column-offset-10 {
328
+ margin-left: 10%;
329
+ }
330
+
331
+ .row .column.column-offset-20 {
332
+ margin-left: 20%;
333
+ }
334
+
335
+ .row .column.column-offset-25 {
336
+ margin-left: 25%;
337
+ }
338
+
339
+ .row .column.column-offset-33, .row .column.column-offset-34 {
340
+ margin-left: 33.3333%;
341
+ }
342
+
343
+ .row .column.column-offset-50 {
344
+ margin-left: 50%;
345
+ }
346
+
347
+ .row .column.column-offset-66, .row .column.column-offset-67 {
348
+ margin-left: 66.6666%;
349
+ }
350
+
351
+ .row .column.column-offset-75 {
352
+ margin-left: 75%;
353
+ }
354
+
355
+ .row .column.column-offset-80 {
356
+ margin-left: 80%;
357
+ }
358
+
359
+ .row .column.column-offset-90 {
360
+ margin-left: 90%;
361
+ }
362
+
363
+ .row .column.column-10 {
364
+ flex: 0 0 10%;
365
+ max-width: 10%;
366
+ }
367
+
368
+ .row .column.column-20 {
369
+ flex: 0 0 20%;
370
+ max-width: 20%;
371
+ }
372
+
373
+ .row .column.column-25 {
374
+ flex: 0 0 25%;
375
+ max-width: 25%;
376
+ }
377
+
378
+ .row .column.column-33, .row .column.column-34 {
379
+ flex: 0 0 33.3333%;
380
+ max-width: 33.3333%;
381
+ }
382
+
383
+ .row .column.column-40 {
384
+ flex: 0 0 40%;
385
+ max-width: 40%;
386
+ }
387
+
388
+ .row .column.column-50 {
389
+ flex: 0 0 50%;
390
+ max-width: 50%;
391
+ }
392
+
393
+ .row .column.column-60 {
394
+ flex: 0 0 60%;
395
+ max-width: 60%;
396
+ }
397
+
398
+ .row .column.column-66, .row .column.column-67 {
399
+ flex: 0 0 66.6666%;
400
+ max-width: 66.6666%;
401
+ }
402
+
403
+ .row .column.column-75 {
404
+ flex: 0 0 75%;
405
+ max-width: 75%;
406
+ }
407
+
408
+ .row .column.column-80 {
409
+ flex: 0 0 80%;
410
+ max-width: 80%;
411
+ }
412
+
413
+ .row .column.column-90 {
414
+ flex: 0 0 90%;
415
+ max-width: 90%;
416
+ }
417
+
418
+ .row .column .column-top {
419
+ align-self: flex-start;
420
+ }
421
+
422
+ .row .column .column-bottom {
423
+ align-self: flex-end;
424
+ }
425
+
426
+ .row .column .column-center {
427
+ -ms-grid-row-align: center;
428
+ align-self: center;
429
+ }
430
+
431
+ @media (min-width: 40rem) {
432
+ .row {
433
+ flex-direction: row;
434
+ margin-left: -1.0rem;
435
+ width: calc(100% + 2.0rem);
436
+ }
437
+ .row .column {
438
+ margin-bottom: inherit;
439
+ padding: 0 1.0rem;
440
+ }
441
+ }
442
+
443
+ a {
444
+ color: #9b4dca;
445
+ text-decoration: none;
446
+ }
447
+
448
+ a:focus, a:hover {
449
+ color: #606c76;
450
+ }
451
+
452
+ dl,
453
+ ol,
454
+ ul {
455
+ list-style: none;
456
+ margin-top: 0;
457
+ padding-left: 0;
458
+ }
459
+
460
+ dl dl,
461
+ dl ol,
462
+ dl ul,
463
+ ol dl,
464
+ ol ol,
465
+ ol ul,
466
+ ul dl,
467
+ ul ol,
468
+ ul ul {
469
+ font-size: 90%;
470
+ margin: 1.5rem 0 1.5rem 3.0rem;
471
+ }
472
+
473
+ ol {
474
+ list-style: decimal inside;
475
+ }
476
+
477
+ ul {
478
+ list-style: circle inside;
479
+ }
480
+
481
+ .button,
482
+ button,
483
+ dd,
484
+ dt,
485
+ li {
486
+ margin-bottom: 1.0rem;
487
+ }
488
+
489
+ fieldset,
490
+ input,
491
+ select,
492
+ textarea {
493
+ margin-bottom: 1.5rem;
494
+ }
495
+
496
+ blockquote,
497
+ dl,
498
+ figure,
499
+ form,
500
+ ol,
501
+ p,
502
+ pre,
503
+ table,
504
+ ul {
505
+ margin-bottom: 2.5rem;
506
+ }
507
+
508
+ table {
509
+ border-spacing: 0;
510
+ width: 100%;
511
+ }
512
+
513
+ td,
514
+ th {
515
+ border-bottom: 0.1rem solid #e1e1e1;
516
+ padding: 1.2rem 1.5rem;
517
+ text-align: left;
518
+ }
519
+
520
+ td:first-child,
521
+ th:first-child {
522
+ padding-left: 0;
523
+ }
524
+
525
+ td:last-child,
526
+ th:last-child {
527
+ padding-right: 0;
528
+ }
529
+
530
+ b,
531
+ strong {
532
+ font-weight: bold;
533
+ }
534
+
535
+ p {
536
+ margin-top: 0;
537
+ }
538
+
539
+ h1,
540
+ h2,
541
+ h3,
542
+ h4,
543
+ h5,
544
+ h6 {
545
+ font-weight: 300;
546
+ letter-spacing: -.1rem;
547
+ margin-bottom: 2.0rem;
548
+ margin-top: 0;
549
+ }
550
+
551
+ h1 {
552
+ font-size: 4.6rem;
553
+ line-height: 1.2;
554
+ }
555
+
556
+ h2 {
557
+ font-size: 3.6rem;
558
+ line-height: 1.25;
559
+ }
560
+
561
+ h3 {
562
+ font-size: 2.8rem;
563
+ line-height: 1.3;
564
+ }
565
+
566
+ h4 {
567
+ font-size: 2.2rem;
568
+ letter-spacing: -.08rem;
569
+ line-height: 1.35;
570
+ }
571
+
572
+ h5 {
573
+ font-size: 1.8rem;
574
+ letter-spacing: -.05rem;
575
+ line-height: 1.5;
576
+ }
577
+
578
+ h6 {
579
+ font-size: 1.6rem;
580
+ letter-spacing: 0;
581
+ line-height: 1.4;
582
+ }
583
+
584
+ img {
585
+ max-width: 100%;
586
+ }
587
+
588
+ .clearfix:after {
589
+ clear: both;
590
+ content: ' ';
591
+ display: table;
592
+ }
593
+
594
+ .float-left {
595
+ float: left;
596
+ }
597
+
598
+ .float-right {
599
+ float: right;
600
+ }
601
+
602
+ /*# sourceMappingURL=milligram.css.map */
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["milligram.css"],"names":[],"mappings":"AAAA;;;EAGE,oBAAoB;CACrB;;AAED;EACE,uBAAuB;EACvB,iBAAiB;CAClB;;AAED;EACE,eAAe;EACf,0EAA0E;EAC1E,iBAAiB;EACjB,iBAAiB;EACjB,sBAAsB;EACtB,iBAAiB;CAClB;;AAED;EACE,kCAAkC;EAClC,eAAe;EACf,gBAAgB;EAChB,qBAAqB;CACtB;;AAED;EACE,iBAAiB;CAClB;;AAED;;;;;EAKE,0BAA0B;EAC1B,6BAA6B;EAC7B,qBAAqB;EACrB,YAAY;EACZ,gBAAgB;EAChB,sBAAsB;EACtB,kBAAkB;EAClB,iBAAiB;EACjB,eAAe;EACf,sBAAsB;EACtB,oBAAoB;EACpB,kBAAkB;EAClB,mBAAmB;EACnB,sBAAsB;EACtB,0BAA0B;EAC1B,oBAAoB;CACrB;;AAED;;;;;;;;;EASE,0BAA0B;EAC1B,sBAAsB;EACtB,YAAY;EACZ,WAAW;CACZ;;AAED;;;;;EAKE,gBAAgB;EAChB,YAAY;CACb;;AAED;;;;;;;;;EASE,0BAA0B;EAC1B,sBAAsB;CACvB;;AAED;;;;;EAKE,8BAA8B;EAC9B,eAAe;CAChB;;AAED;;;;;;;;;EASE,8BAA8B;EAC9B,sBAAsB;EACtB,eAAe;CAChB;;AAED;;;;;;;;;EASE,sBAAsB;EACtB,eAAe;CAChB;;AAED;;;;;EAKE,8BAA8B;EAC9B,0BAA0B;EAC1B,eAAe;CAChB;;AAED;;;;;;;;;EASE,8BAA8B;EAC9B,0BAA0B;EAC1B,eAAe;CAChB;;AAED;;;;;;;;;EASE,eAAe;CAChB;;AAED;EACE,oBAAoB;EACpB,qBAAqB;EACrB,eAAe;EACf,gBAAgB;EAChB,qBAAqB;EACrB,oBAAoB;CACrB;;AAED;EACE,oBAAoB;EACpB,kCAAkC;EAClC,mBAAmB;CACpB;;AAED;EACE,iBAAiB;EACjB,eAAe;EACf,qBAAqB;EACrB,iBAAiB;CAClB;;AAED;EACE,UAAU;EACV,iCAAiC;EACjC,iBAAiB;CAClB;;AAED;;;;;;;;;EASE,yBAAiB;KAAjB,sBAAiB;UAAjB,iBAAiB;EACjB,8BAA8B;EAC9B,6BAA6B;EAC7B,qBAAqB;EACrB,iBAAiB;EACjB,oBAAoB;EACpB,eAAe;EACf,sBAAsB;EACtB,YAAY;CACb;;AAED;;;;;;;;;EASE,sBAAsB;EACtB,WAAW;CACZ;;AAED;EACE,oOAAoO;EACpO,sBAAsB;CACvB;;AAED;EACE,mNAAmN;CACpN;;AAED;EACE,mBAAmB;CACpB;;AAED;;EAEE,eAAe;EACf,kBAAkB;EAClB,iBAAiB;EACjB,qBAAqB;CACtB;;AAED;EACE,gBAAgB;EAChB,WAAW;CACZ;;AAED;;EAEE,gBAAgB;CACjB;;AAED;EACE,sBAAsB;EACtB,oBAAoB;EACpB,mBAAmB;CACpB;;AAED;EACE,eAAe;EACf,oBAAoB;EACpB,kBAAkB;EAClB,mBAAmB;EACnB,YAAY;CACb;;AAED;EACE,cAAc;EACd,uBAAuB;EACvB,WAAW;EACX,YAAY;CACb;;AAED;EACE,WAAW;CACZ;;AAED;EACE,WAAW;CACZ;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,wBAAwB;CACzB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,oBAAoB;CACrB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,eAAe;EACf,eAAe;EACf,eAAe;EACf,gBAAgB;EAChB,YAAY;CACb;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,sBAAsB;CACvB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,iBAAiB;CAClB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,mBAAmB;EACnB,oBAAoB;CACrB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,mBAAmB;EACnB,oBAAoB;CACrB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,cAAc;EACd,eAAe;CAChB;;AAED;EACE,uBAAuB;CACxB;;AAED;EACE,qBAAqB;CACtB;;AAED;EACE,2BAAmB;MAAnB,mBAAmB;CACpB;;AAED;EACE;IACE,oBAAoB;IACpB,qBAAqB;IACrB,2BAA2B;GAC5B;EACD;IACE,uBAAuB;IACvB,kBAAkB;GACnB;CACF;;AAED;EACE,eAAe;EACf,sBAAsB;CACvB;;AAED;EACE,eAAe;CAChB;;AAED;;;EAGE,iBAAiB;EACjB,cAAc;EACd,gBAAgB;CACjB;;AAED;;;;;;;;;EASE,eAAe;EACf,+BAA+B;CAChC;;AAED;EACE,2BAA2B;CAC5B;;AAED;EACE,0BAA0B;CAC3B;;AAED;;;;;EAKE,sBAAsB;CACvB;;AAED;;;;EAIE,sBAAsB;CACvB;;AAED;;;;;;;;;EASE,sBAAsB;CACvB;;AAED;EACE,kBAAkB;EAClB,YAAY;CACb;;AAED;;EAEE,oCAAoC;EACpC,uBAAuB;EACvB,iBAAiB;CAClB;;AAED;;EAEE,gBAAgB;CACjB;;AAED;;EAEE,iBAAiB;CAClB;;AAED;;EAEE,kBAAkB;CACnB;;AAED;EACE,cAAc;CACf;;AAED;;;;;;EAME,iBAAiB;EACjB,uBAAuB;EACvB,sBAAsB;EACtB,cAAc;CACf;;AAED;EACE,kBAAkB;EAClB,iBAAiB;CAClB;;AAED;EACE,kBAAkB;EAClB,kBAAkB;CACnB;;AAED;EACE,kBAAkB;EAClB,iBAAiB;CAClB;;AAED;EACE,kBAAkB;EAClB,wBAAwB;EACxB,kBAAkB;CACnB;;AAED;EACE,kBAAkB;EAClB,wBAAwB;EACxB,iBAAiB;CAClB;;AAED;EACE,kBAAkB;EAClB,kBAAkB;EAClB,iBAAiB;CAClB;;AAED;EACE,gBAAgB;CACjB;;AAED;EACE,YAAY;EACZ,aAAa;EACb,eAAe;CAChB;;AAED;EACE,YAAY;CACb;;AAED;EACE,aAAa;CACd","file":"milligram.css","sourcesContent":["*,\n*:after,\n*:before {\n box-sizing: inherit;\n}\n\nhtml {\n box-sizing: border-box;\n font-size: 62.5%;\n}\n\nbody {\n color: #606c76;\n font-family: 'Roboto', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;\n font-size: 1.6em;\n font-weight: 300;\n letter-spacing: .01em;\n line-height: 1.6;\n}\n\nblockquote {\n border-left: 0.3rem solid #d1d1d1;\n margin-left: 0;\n margin-right: 0;\n padding: 1rem 1.5rem;\n}\n\nblockquote *:last-child {\n margin-bottom: 0;\n}\n\n.button,\nbutton,\ninput[type='button'],\ninput[type='reset'],\ninput[type='submit'] {\n background-color: #9b4dca;\n border: 0.1rem solid #9b4dca;\n border-radius: .4rem;\n color: #fff;\n cursor: pointer;\n display: inline-block;\n font-size: 1.1rem;\n font-weight: 700;\n height: 3.8rem;\n letter-spacing: .1rem;\n line-height: 3.8rem;\n padding: 0 3.0rem;\n text-align: center;\n text-decoration: none;\n text-transform: uppercase;\n white-space: nowrap;\n}\n\n.button:focus, .button:hover,\nbutton:focus,\nbutton:hover,\ninput[type='button']:focus,\ninput[type='button']:hover,\ninput[type='reset']:focus,\ninput[type='reset']:hover,\ninput[type='submit']:focus,\ninput[type='submit']:hover {\n background-color: #606c76;\n border-color: #606c76;\n color: #fff;\n outline: 0;\n}\n\n.button[disabled],\nbutton[disabled],\ninput[type='button'][disabled],\ninput[type='reset'][disabled],\ninput[type='submit'][disabled] {\n cursor: default;\n opacity: .5;\n}\n\n.button[disabled]:focus, .button[disabled]:hover,\nbutton[disabled]:focus,\nbutton[disabled]:hover,\ninput[type='button'][disabled]:focus,\ninput[type='button'][disabled]:hover,\ninput[type='reset'][disabled]:focus,\ninput[type='reset'][disabled]:hover,\ninput[type='submit'][disabled]:focus,\ninput[type='submit'][disabled]:hover {\n background-color: #9b4dca;\n border-color: #9b4dca;\n}\n\n.button.button-outline,\nbutton.button-outline,\ninput[type='button'].button-outline,\ninput[type='reset'].button-outline,\ninput[type='submit'].button-outline {\n background-color: transparent;\n color: #9b4dca;\n}\n\n.button.button-outline:focus, .button.button-outline:hover,\nbutton.button-outline:focus,\nbutton.button-outline:hover,\ninput[type='button'].button-outline:focus,\ninput[type='button'].button-outline:hover,\ninput[type='reset'].button-outline:focus,\ninput[type='reset'].button-outline:hover,\ninput[type='submit'].button-outline:focus,\ninput[type='submit'].button-outline:hover {\n background-color: transparent;\n border-color: #606c76;\n color: #606c76;\n}\n\n.button.button-outline[disabled]:focus, .button.button-outline[disabled]:hover,\nbutton.button-outline[disabled]:focus,\nbutton.button-outline[disabled]:hover,\ninput[type='button'].button-outline[disabled]:focus,\ninput[type='button'].button-outline[disabled]:hover,\ninput[type='reset'].button-outline[disabled]:focus,\ninput[type='reset'].button-outline[disabled]:hover,\ninput[type='submit'].button-outline[disabled]:focus,\ninput[type='submit'].button-outline[disabled]:hover {\n border-color: inherit;\n color: #9b4dca;\n}\n\n.button.button-clear,\nbutton.button-clear,\ninput[type='button'].button-clear,\ninput[type='reset'].button-clear,\ninput[type='submit'].button-clear {\n background-color: transparent;\n border-color: transparent;\n color: #9b4dca;\n}\n\n.button.button-clear:focus, .button.button-clear:hover,\nbutton.button-clear:focus,\nbutton.button-clear:hover,\ninput[type='button'].button-clear:focus,\ninput[type='button'].button-clear:hover,\ninput[type='reset'].button-clear:focus,\ninput[type='reset'].button-clear:hover,\ninput[type='submit'].button-clear:focus,\ninput[type='submit'].button-clear:hover {\n background-color: transparent;\n border-color: transparent;\n color: #606c76;\n}\n\n.button.button-clear[disabled]:focus, .button.button-clear[disabled]:hover,\nbutton.button-clear[disabled]:focus,\nbutton.button-clear[disabled]:hover,\ninput[type='button'].button-clear[disabled]:focus,\ninput[type='button'].button-clear[disabled]:hover,\ninput[type='reset'].button-clear[disabled]:focus,\ninput[type='reset'].button-clear[disabled]:hover,\ninput[type='submit'].button-clear[disabled]:focus,\ninput[type='submit'].button-clear[disabled]:hover {\n color: #9b4dca;\n}\n\ncode {\n background: #f4f5f6;\n border-radius: .4rem;\n font-size: 86%;\n margin: 0 .2rem;\n padding: .2rem .5rem;\n white-space: nowrap;\n}\n\npre {\n background: #f4f5f6;\n border-left: 0.3rem solid #9b4dca;\n overflow-y: hidden;\n}\n\npre > code {\n border-radius: 0;\n display: block;\n padding: 1rem 1.5rem;\n white-space: pre;\n}\n\nhr {\n border: 0;\n border-top: 0.1rem solid #f4f5f6;\n margin: 3.0rem 0;\n}\n\ninput[type='email'],\ninput[type='number'],\ninput[type='password'],\ninput[type='search'],\ninput[type='tel'],\ninput[type='text'],\ninput[type='url'],\ntextarea,\nselect {\n appearance: none;\n background-color: transparent;\n border: 0.1rem solid #d1d1d1;\n border-radius: .4rem;\n box-shadow: none;\n box-sizing: inherit;\n height: 3.8rem;\n padding: .6rem 1.0rem;\n width: 100%;\n}\n\ninput[type='email']:focus,\ninput[type='number']:focus,\ninput[type='password']:focus,\ninput[type='search']:focus,\ninput[type='tel']:focus,\ninput[type='text']:focus,\ninput[type='url']:focus,\ntextarea:focus,\nselect:focus {\n border-color: #9b4dca;\n outline: 0;\n}\n\nselect {\n background: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"14\" viewBox=\"0 0 29 14\" width=\"29\"><path fill=\"#d1d1d1\" d=\"M9.37727 3.625l5.08154 6.93523L19.54036 3.625\"/></svg>') center right no-repeat;\n padding-right: 3.0rem;\n}\n\nselect:focus {\n background-image: url('data:image/svg+xml;utf8,<svg xmlns=\"http://www.w3.org/2000/svg\" height=\"14\" viewBox=\"0 0 29 14\" width=\"29\"><path fill=\"#9b4dca\" d=\"M9.37727 3.625l5.08154 6.93523L19.54036 3.625\"/></svg>');\n}\n\ntextarea {\n min-height: 6.5rem;\n}\n\nlabel,\nlegend {\n display: block;\n font-size: 1.6rem;\n font-weight: 700;\n margin-bottom: .5rem;\n}\n\nfieldset {\n border-width: 0;\n padding: 0;\n}\n\ninput[type='checkbox'],\ninput[type='radio'] {\n display: inline;\n}\n\n.label-inline {\n display: inline-block;\n font-weight: normal;\n margin-left: .5rem;\n}\n\n.container {\n margin: 0 auto;\n max-width: 112.0rem;\n padding: 0 2.0rem;\n position: relative;\n width: 100%;\n}\n\n.row {\n display: flex;\n flex-direction: column;\n padding: 0;\n width: 100%;\n}\n\n.row.row-no-padding {\n padding: 0;\n}\n\n.row.row-no-padding > .column {\n padding: 0;\n}\n\n.row.row-wrap {\n flex-wrap: wrap;\n}\n\n.row.row-top {\n align-items: flex-start;\n}\n\n.row.row-bottom {\n align-items: flex-end;\n}\n\n.row.row-center {\n align-items: center;\n}\n\n.row.row-stretch {\n align-items: stretch;\n}\n\n.row.row-baseline {\n align-items: baseline;\n}\n\n.row .column {\n display: block;\n flex: 1 1 auto;\n margin-left: 0;\n max-width: 100%;\n width: 100%;\n}\n\n.row .column.column-offset-10 {\n margin-left: 10%;\n}\n\n.row .column.column-offset-20 {\n margin-left: 20%;\n}\n\n.row .column.column-offset-25 {\n margin-left: 25%;\n}\n\n.row .column.column-offset-33, .row .column.column-offset-34 {\n margin-left: 33.3333%;\n}\n\n.row .column.column-offset-50 {\n margin-left: 50%;\n}\n\n.row .column.column-offset-66, .row .column.column-offset-67 {\n margin-left: 66.6666%;\n}\n\n.row .column.column-offset-75 {\n margin-left: 75%;\n}\n\n.row .column.column-offset-80 {\n margin-left: 80%;\n}\n\n.row .column.column-offset-90 {\n margin-left: 90%;\n}\n\n.row .column.column-10 {\n flex: 0 0 10%;\n max-width: 10%;\n}\n\n.row .column.column-20 {\n flex: 0 0 20%;\n max-width: 20%;\n}\n\n.row .column.column-25 {\n flex: 0 0 25%;\n max-width: 25%;\n}\n\n.row .column.column-33, .row .column.column-34 {\n flex: 0 0 33.3333%;\n max-width: 33.3333%;\n}\n\n.row .column.column-40 {\n flex: 0 0 40%;\n max-width: 40%;\n}\n\n.row .column.column-50 {\n flex: 0 0 50%;\n max-width: 50%;\n}\n\n.row .column.column-60 {\n flex: 0 0 60%;\n max-width: 60%;\n}\n\n.row .column.column-66, .row .column.column-67 {\n flex: 0 0 66.6666%;\n max-width: 66.6666%;\n}\n\n.row .column.column-75 {\n flex: 0 0 75%;\n max-width: 75%;\n}\n\n.row .column.column-80 {\n flex: 0 0 80%;\n max-width: 80%;\n}\n\n.row .column.column-90 {\n flex: 0 0 90%;\n max-width: 90%;\n}\n\n.row .column .column-top {\n align-self: flex-start;\n}\n\n.row .column .column-bottom {\n align-self: flex-end;\n}\n\n.row .column .column-center {\n align-self: center;\n}\n\n@media (min-width: 40rem) {\n .row {\n flex-direction: row;\n margin-left: -1.0rem;\n width: calc(100% + 2.0rem);\n }\n .row .column {\n margin-bottom: inherit;\n padding: 0 1.0rem;\n }\n}\n\na {\n color: #9b4dca;\n text-decoration: none;\n}\n\na:focus, a:hover {\n color: #606c76;\n}\n\ndl,\nol,\nul {\n list-style: none;\n margin-top: 0;\n padding-left: 0;\n}\n\ndl dl,\ndl ol,\ndl ul,\nol dl,\nol ol,\nol ul,\nul dl,\nul ol,\nul ul {\n font-size: 90%;\n margin: 1.5rem 0 1.5rem 3.0rem;\n}\n\nol {\n list-style: decimal inside;\n}\n\nul {\n list-style: circle inside;\n}\n\n.button,\nbutton,\ndd,\ndt,\nli {\n margin-bottom: 1.0rem;\n}\n\nfieldset,\ninput,\nselect,\ntextarea {\n margin-bottom: 1.5rem;\n}\n\nblockquote,\ndl,\nfigure,\nform,\nol,\np,\npre,\ntable,\nul {\n margin-bottom: 2.5rem;\n}\n\ntable {\n border-spacing: 0;\n width: 100%;\n}\n\ntd,\nth {\n border-bottom: 0.1rem solid #e1e1e1;\n padding: 1.2rem 1.5rem;\n text-align: left;\n}\n\ntd:first-child,\nth:first-child {\n padding-left: 0;\n}\n\ntd:last-child,\nth:last-child {\n padding-right: 0;\n}\n\nb,\nstrong {\n font-weight: bold;\n}\n\np {\n margin-top: 0;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-weight: 300;\n letter-spacing: -.1rem;\n margin-bottom: 2.0rem;\n margin-top: 0;\n}\n\nh1 {\n font-size: 4.6rem;\n line-height: 1.2;\n}\n\nh2 {\n font-size: 3.6rem;\n line-height: 1.25;\n}\n\nh3 {\n font-size: 2.8rem;\n line-height: 1.3;\n}\n\nh4 {\n font-size: 2.2rem;\n letter-spacing: -.08rem;\n line-height: 1.35;\n}\n\nh5 {\n font-size: 1.8rem;\n letter-spacing: -.05rem;\n line-height: 1.5;\n}\n\nh6 {\n font-size: 1.6rem;\n letter-spacing: 0;\n line-height: 1.4;\n}\n\nimg {\n max-width: 100%;\n}\n\n.clearfix:after {\n clear: both;\n content: ' ';\n display: table;\n}\n\n.float-left {\n float: left;\n}\n\n.float-right {\n float: right;\n}\n"]}
metadata ADDED
@@ -0,0 +1,104 @@
1
+ --- !ruby/object:Gem::Specification
2
+ name: milligram-css-rails
3
+ version: !ruby/object:Gem::Version
4
+ version: 0.1.3
5
+ platform: ruby
6
+ authors:
7
+ - Toby
8
+ autorequire:
9
+ bindir: exe
10
+ cert_chain: []
11
+ date: 2017-05-24 00:00:00.000000000 Z
12
+ dependencies:
13
+ - !ruby/object:Gem::Dependency
14
+ name: bundler
15
+ requirement: !ruby/object:Gem::Requirement
16
+ requirements:
17
+ - - "~>"
18
+ - !ruby/object:Gem::Version
19
+ version: '1.13'
20
+ type: :development
21
+ prerelease: false
22
+ version_requirements: !ruby/object:Gem::Requirement
23
+ requirements:
24
+ - - "~>"
25
+ - !ruby/object:Gem::Version
26
+ version: '1.13'
27
+ - !ruby/object:Gem::Dependency
28
+ name: rake
29
+ requirement: !ruby/object:Gem::Requirement
30
+ requirements:
31
+ - - "~>"
32
+ - !ruby/object:Gem::Version
33
+ version: '10.0'
34
+ type: :development
35
+ prerelease: false
36
+ version_requirements: !ruby/object:Gem::Requirement
37
+ requirements:
38
+ - - "~>"
39
+ - !ruby/object:Gem::Version
40
+ version: '10.0'
41
+ - !ruby/object:Gem::Dependency
42
+ name: rspec
43
+ requirement: !ruby/object:Gem::Requirement
44
+ requirements:
45
+ - - "~>"
46
+ - !ruby/object:Gem::Version
47
+ version: '3.0'
48
+ type: :development
49
+ prerelease: false
50
+ version_requirements: !ruby/object:Gem::Requirement
51
+ requirements:
52
+ - - "~>"
53
+ - !ruby/object:Gem::Version
54
+ version: '3.0'
55
+ description: No SASS needed for the CSS version of milligram. Add to rails app, require
56
+ in application.css, and you're done.
57
+ email:
58
+ - ''
59
+ executables: []
60
+ extensions: []
61
+ extra_rdoc_files: []
62
+ files:
63
+ - ".DS_Store"
64
+ - ".gitignore"
65
+ - ".keep"
66
+ - ".rspec"
67
+ - ".travis.yml"
68
+ - Gemfile
69
+ - LICENSE.txt
70
+ - README.md
71
+ - Rakefile
72
+ - bin/console
73
+ - bin/setup
74
+ - lib/milligram/css/rails.rb
75
+ - lib/milligram/css/rails/version.rb
76
+ - milligram-css-rails.gemspec
77
+ - vendor/assets/.DS_Store
78
+ - vendor/assets/stylesheets/milligram.css
79
+ - vendor/assets/stylesheets/milligram.css.map
80
+ homepage: https://github.com/tobyond/milligram-css-rails
81
+ licenses:
82
+ - MIT
83
+ metadata: {}
84
+ post_install_message:
85
+ rdoc_options: []
86
+ require_paths:
87
+ - lib
88
+ required_ruby_version: !ruby/object:Gem::Requirement
89
+ requirements:
90
+ - - ">="
91
+ - !ruby/object:Gem::Version
92
+ version: '0'
93
+ required_rubygems_version: !ruby/object:Gem::Requirement
94
+ requirements:
95
+ - - ">="
96
+ - !ruby/object:Gem::Version
97
+ version: '0'
98
+ requirements: []
99
+ rubyforge_project:
100
+ rubygems_version: 2.5.1
101
+ signing_key:
102
+ specification_version: 4
103
+ summary: CSS version of the milligram CSS library
104
+ test_files: []