middleman-inline-style 0.5.1 → 0.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (33) hide show
  1. checksums.yaml +4 -4
  2. data/.gitignore +20 -2
  3. data/Gemfile +1 -1
  4. data/LICENSE.txt +21 -0
  5. data/README.md +42 -0
  6. data/Rakefile +1 -8
  7. data/lib/middleman-inline-style.rb +3 -99
  8. data/lib/middleman-inline-style/middleman-extension.rb +1 -1
  9. data/lib/middleman-inline-style/rack-middleware.rb +3 -1
  10. data/lib/middleman-inline-style/version.rb +2 -2
  11. data/middleman-inline-style.gemspec +17 -23
  12. metadata +16 -106
  13. data/.rspec +0 -1
  14. data/Gemfile.lock +0 -55
  15. data/README.rdoc +0 -127
  16. data/example.rb +0 -5
  17. data/lib/middleman-inline-style/css_parser_wrapper.rb +0 -15
  18. data/lib/middleman-inline-style/csspool_wrapper.rb +0 -12
  19. data/lib/middleman-inline-style/mail-interceptor.rb +0 -37
  20. data/lib/middleman-inline-style/rule.rb +0 -18
  21. data/spec/css_inlining_spec.rb +0 -90
  22. data/spec/css_parsing_spec.rb +0 -146
  23. data/spec/fixtures/all.css +0 -3
  24. data/spec/fixtures/boletin.html +0 -261
  25. data/spec/fixtures/box-model.html +0 -37
  26. data/spec/fixtures/inline.html +0 -107
  27. data/spec/fixtures/none.css +0 -3
  28. data/spec/fixtures/print.css +0 -3
  29. data/spec/fixtures/selectors.html +0 -27
  30. data/spec/fixtures/style.css +0 -3
  31. data/spec/interceptor_spec.rb +0 -64
  32. data/spec/rack_middleware_spec.rb +0 -60
  33. data/spec/spec_helper.rb +0 -62
data/spec/fixtures/all.css DELETED
@@ -1,3 +0,0 @@
1
- #izq {
2
- border: none;
3
- }
data/spec/fixtures/boletin.html DELETED
@@ -1,261 +0,0 @@
1
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
-
3
- <html xmlns="http://www.w3.org/1999/xhtml">
4
- <head>
5
- <meta content="text/html; charset=utf-8" http-equiv="Content-type" />
6
- <title> Boletín CENART - November
7
- </title>
8
-
9
- <link href="/style.css?1248460539" rel="stylesheet" media="screen" type="text/css" />
10
-
11
- <link href="/print.css?1248460539" rel="stylesheet" media="print" type="text/css" />
12
- <link href="/all.css?1248460539" rel="stylesheet" media="all" type="text/css" />
13
- <link href="/none.css?1248460539" rel="stylesheet" type="text/css" />
14
-
15
-
16
-
17
- </head>
18
-
19
- <body>
20
- <style media="screen" type="text/css">
21
- * {
22
- margin: 0;
23
- padding: 0;
24
- }
25
-
26
- body {
27
- font: 13px "Lucida Grande", Lucida, Verdana, sans-serif;
28
- width: 680px;
29
- color: #373737;
30
- margin-left: auto;
31
- margin-right: auto;
32
- }
33
-
34
- p {
35
- margin: 10px 0;
36
- }
37
-
38
- .clearer {
39
- clear: both;
40
- }
41
-
42
- #banner {
43
- margin: 15px;
44
- text-align: right;
45
- color: #639b22;
46
- }
47
-
48
- #banner span {
49
- font-size: 20px;
50
- }
51
-
52
- #aviso {
53
- padding: 25px 0;
54
- text-align: center;
55
- color: blue;
56
- }
57
-
58
- dl.categoria dt {
59
- font-size: 20px;
60
- padding: 10px;
61
- background-color: #416517;
62
- border-bottom: 1px dashed #a6a6a6;
63
- color: #a0bf57;
64
- }
65
-
66
- dl.evento, div#direccion, div#contacto {
67
- padding: 30px 25px 20px 35px;
68
- }
69
-
70
- dl.evento {
71
- border-bottom: 1px dashed #a6a6a6;
72
- }
73
-
74
- dl.evento.non {
75
- background-color: #d9e3cf;
76
- }
77
-
78
- dl.evento.par {
79
- background-color: #cfdfe3;
80
- }
81
-
82
- dl.evento dt {
83
- padding: 0;
84
- font-size: 20px;
85
- background: none;
86
- font-weight: bold;
87
- border: none;
88
- }
89
-
90
- a, b {
91
- color: #185d6b;
92
- }
93
-
94
- a:hover {
95
- background-color: #8ae0ea;
96
- color: #126b5d;
97
- }
98
-
99
- dl.evento dd {
100
- text-align: justify;
101
- margin: 10px 0;
102
- }
103
-
104
- dd.poster {
105
- float: right;
106
- }
107
-
108
- dd.poster img {
109
- border: 1px solid #909090;
110
- margin: 0 0 25px 25px;
111
- }
112
-
113
- div#footer b {
114
- color: #5f792d;
115
- }
116
-
117
- div#contacto a {
118
- font-weight: bold;
119
- font-size: 1.2em;
120
- }
121
-
122
- #logos {
123
- width: 100%;
124
- margin-top: 40px;
125
- background-image: url('/images/boletines/Noviembre/logos_fondo.jpg');
126
- }
127
-
128
- #logos img:first-child {
129
- padding: 1px;
130
- }
131
-
132
- #izq {
133
- float: left;
134
- }
135
-
136
- #logos #der {
137
- float: right;
138
- }
139
-
140
-
141
- </style>
142
-
143
-
144
-
145
-
146
- <div id="header">
147
- <div id="aviso" style='color: green;'>Si usted no puede visualizar correctamente este boletín haga <a href="http://localhost:3000/boletines/noviembre-2009">click aquí</a></div>
148
- <div id="banner"><span id="cenart">CENART</span> Noviembre 2009</div>
149
- </div>
150
-
151
-
152
-
153
-
154
-
155
- <dl class="categoria" id="A">
156
- <dt>A</dt>
157
- <dd>
158
-
159
-
160
- <dl class="evento non">
161
- <dt><a href="">1</a></dt>
162
-
163
- <dd class="descripcion"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
164
- </dd>
165
- <dd class="fechas"><b>Fechas: </b>Fecha</dd>
166
- <dd class="locacion"><b>Lugar: </b>Lugar</dd>
167
- <dd class="precio"><b>Público: </b>Público</dd>
168
- <dd class="precio"><b>Precio: </b>Precio</dd>
169
- </dl>
170
-
171
-
172
- </dd>
173
- </dl>
174
-
175
-
176
-
177
-
178
-
179
-
180
-
181
-
182
-
183
- <dl class="categoria" id="B">
184
- <dt>B</dt>
185
- <dd>
186
-
187
-
188
- <dl class="evento par">
189
- <dt><a href="">1</a></dt>
190
-
191
- <dd class="descripcion"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
192
- </dd>
193
- <dd class="fechas"><b>Fechas: </b>Fecha</dd>
194
- <dd class="locacion"><b>Lugar: </b>Lugar</dd>
195
- <dd class="precio"><b>Público: </b>Público</dd>
196
- <dd class="precio"><b>Precio: </b>Precio</dd>
197
- </dl>
198
-
199
-
200
- </dd>
201
- </dl>
202
-
203
-
204
-
205
-
206
-
207
- <dl class="categoria" id="C">
208
- <dt>C</dt>
209
- <dd>
210
-
211
-
212
- <dl class="evento non">
213
- <dt><a href="">1</a></dt>
214
-
215
- <dd class="descripcion"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
216
- </dd>
217
- <dd class="fechas"><b>Fechas: </b>Fecha</dd>
218
- <dd class="locacion"><b>Lugar: </b>Lugar</dd>
219
- <dd class="precio"><b>Público: </b>Público</dd>
220
- <dd class="precio"><b>Precio: </b>Precio</dd>
221
- </dl>
222
-
223
-
224
- </dd>
225
- </dl>
226
-
227
-
228
-
229
-
230
-
231
-
232
-
233
-
234
-
235
-
236
-
237
- <div id="footer">
238
- <div id="direccion">
239
- <b>lorem</b><br/ >
240
- ipsum<br />
241
- dolor<br />
242
- sit<br />
243
- </div>
244
-
245
- <div id="contacto">
246
- contacto <br />
247
- <a href="mailto:mail@host.org">mail@host.org</a>
248
- </div>
249
- <div id="logos">
250
- <img src="A" id="izq" alt="A" />
251
- <img src="B" id="der" alt="B" />
252
- <div class="clearer">
253
- </div>
254
- </div>
255
-
256
-
257
-
258
- </div></body>
259
-
260
-
261
- </html>
data/spec/fixtures/box-model.html DELETED
@@ -1,37 +0,0 @@
1
- <!DOCTYPE html PUBliC "-//W3C//DTD html 4.01//EN">
2
- <html>
3
- <head>
4
- <title>Examples of margins, padding, and borders</title>
5
- <style type="text/css">
6
-
7
- ul {
8
- background: yellow;
9
- margin: 12px 12px 12px 12px;
10
- padding: 3px 3px 3px 3px;
11
- /* No borders set */
12
- }
13
- li.withborder {
14
- border-style: dashed;
15
- border-width: medium; /* sets border width on all sides */
16
- border-color: lime;
17
- }
18
- li {
19
- color: white; /* text color is white */
20
- background: blue; /* Content, padding will be blue */
21
- margin: 12px 12px 12px 12px;
22
- padding: 12px 0px 12px 12px; /* Note 0px padding right */
23
- list-style: none /* no glyphs before a list item */
24
- }
25
-
26
- #A #B {
27
- color: red;
28
- }
29
- </style>
30
- </head>
31
- <body>
32
- <ul>
33
- <li>First element of list</li>
34
- <li class="withborder">Second element of list is a bit longer to illustrate wrapping.</li>
35
- </ul>
36
- </body>
37
- </html>
data/spec/fixtures/inline.html DELETED
@@ -1,107 +0,0 @@
1
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
- <html xmlns="http://www.w3.org/1999/xhtml">
3
- <head>
4
- <meta content="text/html; charset=utf-8" http-equiv="Content-type">
5
- <title> Boletín CENART - November
6
- </title>
7
- <link href="/print.css?1248460539" rel="stylesheet" media="print" type="text/css">
8
- </head>
9
- <body style='margin: 0; padding: 0; font: 13px "Lucida Grande", Lucida, Verdana, sans-serif; width: 680px; color: #373737; margin-left: auto; margin-right: auto;'>
10
- <div id="header" style="margin: 0; padding: 0;">
11
- <div id="aviso" style="margin: 0; padding: 25px 0; text-align: center; color: green;">Si usted no puede visualizar correctamente este boletín haga <a href="http://localhost:3000/boletines/noviembre-2009" style="margin: 0; padding: 0; color: #185d6b;">click aquí</a>
12
- </div>
13
- <div id="banner" style="margin: 15px; padding: 0; text-align: right; color: #639b22;">
14
- <span id="cenart" style="margin: 0; padding: 0; font-size: 20px;">CENART</span> Noviembre 2009</div>
15
- </div>
16
-
17
-
18
-
19
-
20
-
21
- <dl class="categoria" id="A" style="margin: 0; padding: 0;">
22
- <dt style="margin: 0; padding: 10px; font-size: 20px; background-color: #416517; border-bottom: 1px dashed #a6a6a6; color: #a0bf57;">A</dt>
23
- <dd style="margin: 0; padding: 0;">
24
-
25
-
26
- <dl class="evento non" style="margin: 0; padding: 30px 25px 20px 35px; border-bottom: 1px dashed #a6a6a6; background-color: #d9e3cf;">
27
- <dt style="margin: 0; padding: 0; font-size: 20px; background-color: #416517; border-bottom: 1px dashed #a6a6a6; color: #a0bf57; background: none; font-weight: bold; border: none;"><a href="" style="margin: 0; padding: 0; color: #185d6b;">1</a></dt>
28
-
29
- <dd class="descripcion" style="margin: 10px 0; padding: 0; text-align: justify;">
30
- <p style="margin: 10px 0; padding: 0;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
31
- </dd>
32
- <dd class="fechas" style="margin: 10px 0; padding: 0; text-align: justify;">
33
- <b style="margin: 0; padding: 0; color: #185d6b;">Fechas: </b>Fecha</dd>
34
- <dd class="locacion" style="margin: 10px 0; padding: 0; text-align: justify;">
35
- <b style="margin: 0; padding: 0; color: #185d6b;">Lugar: </b>Lugar</dd>
36
- <dd class="precio" style="margin: 10px 0; padding: 0; text-align: justify;">
37
- <b style="margin: 0; padding: 0; color: #185d6b;">Público: </b>Público</dd>
38
- <dd class="precio" style="margin: 10px 0; padding: 0; text-align: justify;">
39
- <b style="margin: 0; padding: 0; color: #185d6b;">Precio: </b>Precio</dd>
40
- </dl>
41
- </dd>
42
- </dl>
43
- <dl class="categoria" id="B" style="margin: 0; padding: 0;">
44
- <dt style="margin: 0; padding: 10px; font-size: 20px; background-color: #416517; border-bottom: 1px dashed #a6a6a6; color: #a0bf57;">B</dt>
45
- <dd style="margin: 0; padding: 0;">
46
-
47
-
48
- <dl class="evento par" style="margin: 0; padding: 30px 25px 20px 35px; border-bottom: 1px dashed #a6a6a6; background-color: #cfdfe3;">
49
- <dt style="margin: 0; padding: 0; font-size: 20px; background-color: #416517; border-bottom: 1px dashed #a6a6a6; color: #a0bf57; background: none; font-weight: bold; border: none;"><a href="" style="margin: 0; padding: 0; color: #185d6b;">1</a></dt>
50
-
51
- <dd class="descripcion" style="margin: 10px 0; padding: 0; text-align: justify;">
52
- <p style="margin: 10px 0; padding: 0;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
53
- </dd>
54
- <dd class="fechas" style="margin: 10px 0; padding: 0; text-align: justify;">
55
- <b style="margin: 0; padding: 0; color: #185d6b;">Fechas: </b>Fecha</dd>
56
- <dd class="locacion" style="margin: 10px 0; padding: 0; text-align: justify;">
57
- <b style="margin: 0; padding: 0; color: #185d6b;">Lugar: </b>Lugar</dd>
58
- <dd class="precio" style="margin: 10px 0; padding: 0; text-align: justify;">
59
- <b style="margin: 0; padding: 0; color: #185d6b;">Público: </b>Público</dd>
60
- <dd class="precio" style="margin: 10px 0; padding: 0; text-align: justify;">
61
- <b style="margin: 0; padding: 0; color: #185d6b;">Precio: </b>Precio</dd>
62
- </dl>
63
- </dd>
64
- </dl>
65
- <dl class="categoria" id="C" style="margin: 0; padding: 0;">
66
- <dt style="margin: 0; padding: 10px; font-size: 20px; background-color: #416517; border-bottom: 1px dashed #a6a6a6; color: #a0bf57;">C</dt>
67
- <dd style="margin: 0; padding: 0;">
68
-
69
-
70
- <dl class="evento non" style="margin: 0; padding: 30px 25px 20px 35px; border-bottom: 1px dashed #a6a6a6; background-color: #d9e3cf;">
71
- <dt style="margin: 0; padding: 0; font-size: 20px; background-color: #416517; border-bottom: 1px dashed #a6a6a6; color: #a0bf57; background: none; font-weight: bold; border: none;"><a href="" style="margin: 0; padding: 0; color: #185d6b;">1</a></dt>
72
-
73
- <dd class="descripcion" style="margin: 10px 0; padding: 0; text-align: justify;">
74
- <p style="margin: 10px 0; padding: 0;">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
75
- </dd>
76
- <dd class="fechas" style="margin: 10px 0; padding: 0; text-align: justify;">
77
- <b style="margin: 0; padding: 0; color: #185d6b;">Fechas: </b>Fecha</dd>
78
- <dd class="locacion" style="margin: 10px 0; padding: 0; text-align: justify;">
79
- <b style="margin: 0; padding: 0; color: #185d6b;">Lugar: </b>Lugar</dd>
80
- <dd class="precio" style="margin: 10px 0; padding: 0; text-align: justify;">
81
- <b style="margin: 0; padding: 0; color: #185d6b;">Público: </b>Público</dd>
82
- <dd class="precio" style="margin: 10px 0; padding: 0; text-align: justify;">
83
- <b style="margin: 0; padding: 0; color: #185d6b;">Precio: </b>Precio</dd>
84
- </dl>
85
- </dd>
86
- </dl>
87
- <div id="footer" style="margin: 0; padding: 0;">
88
- <div id="direccion" style="margin: 0; padding: 30px 25px 20px 35px;">
89
- <b style="margin: 0; padding: 0; color: #5f792d;">lorem</b><br style="margin: 0; padding: 0;">
90
- ipsum<br style="margin: 0; padding: 0;">
91
- dolor<br style="margin: 0; padding: 0;">
92
- sit<br style="margin: 0; padding: 0;">
93
- </div>
94
-
95
- <div id="contacto" style="margin: 0; padding: 30px 25px 20px 35px;">
96
- contacto <br style="margin: 0; padding: 0;"><a href="mailto:mail@host.org" style="margin: 0; padding: 0; color: #185d6b; font-weight: bold; font-size: 1.2em;">mail@host.org</a>
97
- </div>
98
- <div id="logos" style="margin: 0; padding: 0; width: 100%; margin-top: 40px; background-image: url('/images/boletines/Noviembre/logos_fondo.jpg');">
99
- <img src="A" id="izq" alt="A" style="margin: 30px; padding: 1px; float: left; border: none; color: red;"><img src="B" id="der" alt="B" style="margin: 0; padding: 0; float: right;"><div class="clearer" style="margin: 0; padding: 0; clear: both;">
100
- </div>
101
- </div>
102
-
103
-
104
-
105
- </div>
106
- </body>
107
- </html>
data/spec/fixtures/none.css DELETED
@@ -1,3 +0,0 @@
1
- #izq {
2
- color: red;
3
- }
data/spec/fixtures/print.css DELETED
@@ -1,3 +0,0 @@
1
- #izq {
2
- display: none;
3
- }
data/spec/fixtures/selectors.html DELETED
@@ -1,27 +0,0 @@
1
- <!DOCTYPE html PUBliC "-//W3C//DTD html 4.01//EN">
2
- <html>
3
- <head>
4
- <title>Examples of margins, padding, and borders</title>
5
- <style type="text/css">
6
- #A #B {
7
- color: red;
8
- }
9
- .cA .cB {
10
- color: blue;
11
- }
12
-
13
- </style>
14
- </head>
15
- <body>
16
- <div id="A">
17
- A
18
- <div id="B">B</div>
19
- </div>
20
-
21
- <div class="cA">
22
- cA
23
- <div class="cB">cB</div>
24
- </div>
25
-
26
- </body>
27
- </html>