illusion 0.5.3 → 1.1.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.
- checksums.yaml +4 -4
- data/sass/illusion/_normalize.scss +227 -0
- data/sass/illusion/_reset.scss +39 -218
- metadata +3 -2
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA1:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: 8ca138b02ca7756fbb471713a4aab7b9b5a8aeb3
|
|
4
|
+
data.tar.gz: 82be92c2dc1c91eeb4709e966155812405afa989
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: 87e54e2bcb7cdf7aeb02268aa4b48df121edebe2ecea6fa12d5b3a48f7dc18c226dd8e40958ccaeb57691ae31c85b674be103e9d6ce26d419c1b07dfc4ea7d49
|
|
7
|
+
data.tar.gz: 9779c526baf7daab793832190bebe91afef488a27839d712704efca88f1292cd68dbb95290226dc95b9da40fa1020d72c1363b9fea60079cdfbf80282ec00182
|
|
@@ -0,0 +1,227 @@
|
|
|
1
|
+
//
|
|
2
|
+
// Reset CSS
|
|
3
|
+
// Adapted from http://github.com/necolas/normalize.css
|
|
4
|
+
// --------------------------------------------------
|
|
5
|
+
|
|
6
|
+
// Display in IE6-9 and FF3
|
|
7
|
+
// -------------------------
|
|
8
|
+
|
|
9
|
+
article,
|
|
10
|
+
aside,
|
|
11
|
+
details,
|
|
12
|
+
figcaption,
|
|
13
|
+
figure,
|
|
14
|
+
footer,
|
|
15
|
+
header,
|
|
16
|
+
hgroup,
|
|
17
|
+
nav,
|
|
18
|
+
section {
|
|
19
|
+
display: block;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
// Display block in IE6-9 and FF3
|
|
23
|
+
// -------------------------
|
|
24
|
+
|
|
25
|
+
audio,
|
|
26
|
+
canvas,
|
|
27
|
+
video {
|
|
28
|
+
display: inline-block;
|
|
29
|
+
*display: inline;
|
|
30
|
+
*zoom: 1;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
// Prevents modern browsers from displaying 'audio' without controls
|
|
34
|
+
// -------------------------
|
|
35
|
+
|
|
36
|
+
audio:not([controls]) {
|
|
37
|
+
display: none;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
// Base settings
|
|
41
|
+
// -------------------------
|
|
42
|
+
|
|
43
|
+
html {
|
|
44
|
+
font-size: 100%;
|
|
45
|
+
-webkit-text-size-adjust: 100%;
|
|
46
|
+
-ms-text-size-adjust: 100%;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
// Focus states
|
|
50
|
+
a:focus {
|
|
51
|
+
@include tab-focus();
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
// Hover & Active
|
|
55
|
+
a:hover,
|
|
56
|
+
a:active {
|
|
57
|
+
outline: 0;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
// Prevents sub and sup affecting line-height in all browsers
|
|
61
|
+
// -------------------------
|
|
62
|
+
|
|
63
|
+
sub,
|
|
64
|
+
sup {
|
|
65
|
+
position: relative;
|
|
66
|
+
font-size: 75%;
|
|
67
|
+
line-height: 0;
|
|
68
|
+
vertical-align: baseline;
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
sup {
|
|
72
|
+
top: -0.5em;
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
sub {
|
|
76
|
+
bottom: -0.25em;
|
|
77
|
+
}
|
|
78
|
+
|
|
79
|
+
// Img border in a's and image quality
|
|
80
|
+
// -------------------------
|
|
81
|
+
|
|
82
|
+
img {
|
|
83
|
+
/* Responsive images (ensure images don't scale beyond their parents) */
|
|
84
|
+
max-width: 100%; /* Part 1: Set a maxium relative to the parent */
|
|
85
|
+
width: auto\9; /* IE7-8 need help adjusting responsive images */
|
|
86
|
+
height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
|
|
87
|
+
|
|
88
|
+
vertical-align: middle;
|
|
89
|
+
border: 0;
|
|
90
|
+
-ms-interpolation-mode: bicubic;
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
// Prevent max-width from affecting Google Maps
|
|
94
|
+
#map_canvas img,
|
|
95
|
+
.google-maps img {
|
|
96
|
+
max-width: none;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
// Forms
|
|
100
|
+
// -------------------------
|
|
101
|
+
|
|
102
|
+
// Font size in all browsers, margin changes, misc consistency
|
|
103
|
+
button,
|
|
104
|
+
input,
|
|
105
|
+
select,
|
|
106
|
+
textarea {
|
|
107
|
+
margin: 0;
|
|
108
|
+
font-size: 100%;
|
|
109
|
+
vertical-align: middle;
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
button,
|
|
113
|
+
input {
|
|
114
|
+
*overflow: visible; // Inner spacing ie IE6/7
|
|
115
|
+
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
button::-moz-focus-inner,
|
|
119
|
+
input::-moz-focus-inner {
|
|
120
|
+
// Inner padding and border oddities in FF3/4
|
|
121
|
+
padding: 0;
|
|
122
|
+
border: 0;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
button,
|
|
126
|
+
html input[type="button"], // Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls.
|
|
127
|
+
input[type="reset"],
|
|
128
|
+
input[type="submit"] {
|
|
129
|
+
-webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
|
|
130
|
+
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
|
131
|
+
}
|
|
132
|
+
|
|
133
|
+
label,
|
|
134
|
+
select,
|
|
135
|
+
button,
|
|
136
|
+
input[type="button"],
|
|
137
|
+
input[type="reset"],
|
|
138
|
+
input[type="submit"],
|
|
139
|
+
input[type="radio"],
|
|
140
|
+
input[type="checkbox"] {
|
|
141
|
+
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
|
142
|
+
}
|
|
143
|
+
|
|
144
|
+
input[type="search"] {
|
|
145
|
+
// Appearance in Safari/Chrome
|
|
146
|
+
@include box-sizing(content-box);
|
|
147
|
+
-webkit-appearance: textfield;
|
|
148
|
+
}
|
|
149
|
+
|
|
150
|
+
input[type="search"]::-webkit-search-decoration,
|
|
151
|
+
input[type="search"]::-webkit-search-cancel-button {
|
|
152
|
+
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
|
|
153
|
+
}
|
|
154
|
+
|
|
155
|
+
textarea {
|
|
156
|
+
overflow: auto; // Remove vertical scrollbar in IE6-9
|
|
157
|
+
vertical-align: top; // Readability and alignment cross-browser
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
// Printing
|
|
161
|
+
// -------------------------
|
|
162
|
+
// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
|
|
163
|
+
|
|
164
|
+
@media print {
|
|
165
|
+
|
|
166
|
+
* {
|
|
167
|
+
text-shadow: none !important;
|
|
168
|
+
color: #000 !important; // Black prints faster: h5bp.com/s
|
|
169
|
+
background: transparent !important;
|
|
170
|
+
box-shadow: none !important;
|
|
171
|
+
}
|
|
172
|
+
|
|
173
|
+
a,
|
|
174
|
+
a:visited {
|
|
175
|
+
text-decoration: underline;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
a[href]:after {
|
|
179
|
+
content: " (" attr(href) ")";
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
abbr[title]:after {
|
|
183
|
+
content: " (" attr(title) ")";
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
// Don't show links for images, or javascript/internal links
|
|
187
|
+
.ir a:after,
|
|
188
|
+
a[href^="javascript:"]:after,
|
|
189
|
+
a[href^="#"]:after {
|
|
190
|
+
content: "";
|
|
191
|
+
}
|
|
192
|
+
|
|
193
|
+
pre,
|
|
194
|
+
blockquote {
|
|
195
|
+
border: 1px solid #999;
|
|
196
|
+
page-break-inside: avoid;
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
thead {
|
|
200
|
+
display: table-header-group; // h5bp.com/t
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
tr,
|
|
204
|
+
img {
|
|
205
|
+
page-break-inside: avoid;
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
img {
|
|
209
|
+
max-width: 100% !important;
|
|
210
|
+
}
|
|
211
|
+
|
|
212
|
+
@page {
|
|
213
|
+
margin: 0.5cm;
|
|
214
|
+
}
|
|
215
|
+
|
|
216
|
+
p,
|
|
217
|
+
h2,
|
|
218
|
+
h3 {
|
|
219
|
+
orphans: 3;
|
|
220
|
+
widows: 3;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
h2,
|
|
224
|
+
h3 {
|
|
225
|
+
page-break-after: avoid;
|
|
226
|
+
}
|
|
227
|
+
}
|
data/sass/illusion/_reset.scss
CHANGED
|
@@ -1,227 +1,48 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
hgroup,
|
|
17
|
-
nav,
|
|
18
|
-
|
|
19
|
-
display: block;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
// Display block in IE6-9 and FF3
|
|
23
|
-
// -------------------------
|
|
24
|
-
|
|
25
|
-
audio,
|
|
26
|
-
canvas,
|
|
27
|
-
video {
|
|
28
|
-
display: inline-block;
|
|
29
|
-
*display: inline;
|
|
30
|
-
*zoom: 1;
|
|
31
|
-
}
|
|
32
|
-
|
|
33
|
-
// Prevents modern browsers from displaying 'audio' without controls
|
|
34
|
-
// -------------------------
|
|
35
|
-
|
|
36
|
-
audio:not([controls]) {
|
|
37
|
-
display: none;
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
// Base settings
|
|
41
|
-
// -------------------------
|
|
42
|
-
|
|
43
|
-
html {
|
|
44
|
-
font-size: 100%;
|
|
45
|
-
-webkit-text-size-adjust: 100%;
|
|
46
|
-
-ms-text-size-adjust: 100%;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
// Focus states
|
|
50
|
-
a:focus {
|
|
51
|
-
@include tab-focus();
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
// Hover & Active
|
|
55
|
-
a:hover,
|
|
56
|
-
a:active {
|
|
57
|
-
outline: 0;
|
|
58
|
-
}
|
|
59
|
-
|
|
60
|
-
// Prevents sub and sup affecting line-height in all browsers
|
|
61
|
-
// -------------------------
|
|
62
|
-
|
|
63
|
-
sub,
|
|
64
|
-
sup {
|
|
65
|
-
position: relative;
|
|
66
|
-
font-size: 75%;
|
|
67
|
-
line-height: 0;
|
|
68
|
-
vertical-align: baseline;
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
sup {
|
|
72
|
-
top: -0.5em;
|
|
73
|
-
}
|
|
74
|
-
|
|
75
|
-
sub {
|
|
76
|
-
bottom: -0.25em;
|
|
77
|
-
}
|
|
78
|
-
|
|
79
|
-
// Img border in a's and image quality
|
|
80
|
-
// -------------------------
|
|
81
|
-
|
|
82
|
-
img {
|
|
83
|
-
/* Responsive images (ensure images don't scale beyond their parents) */
|
|
84
|
-
max-width: 100%; /* Part 1: Set a maxium relative to the parent */
|
|
85
|
-
width: auto\9; /* IE7-8 need help adjusting responsive images */
|
|
86
|
-
height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */
|
|
87
|
-
|
|
88
|
-
vertical-align: middle;
|
|
89
|
-
border: 0;
|
|
90
|
-
-ms-interpolation-mode: bicubic;
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
// Prevent max-width from affecting Google Maps
|
|
94
|
-
#map_canvas img,
|
|
95
|
-
.google-maps img {
|
|
96
|
-
max-width: none;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
// Forms
|
|
100
|
-
// -------------------------
|
|
101
|
-
|
|
102
|
-
// Font size in all browsers, margin changes, misc consistency
|
|
103
|
-
button,
|
|
104
|
-
input,
|
|
105
|
-
select,
|
|
106
|
-
textarea {
|
|
1
|
+
/* http://meyerweb.com/eric/tools/css/reset/
|
|
2
|
+
v2.0 | 20110126
|
|
3
|
+
License: none (public domain)
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
html, body, div, span, applet, object, iframe,
|
|
7
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
8
|
+
a, abbr, acronym, address, big, cite, code,
|
|
9
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
10
|
+
small, strike, strong, sub, sup, tt, var,
|
|
11
|
+
b, u, i, center,
|
|
12
|
+
dl, dt, dd, ol, ul, li,
|
|
13
|
+
fieldset, form, label, legend,
|
|
14
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
15
|
+
article, aside, canvas, details, embed,
|
|
16
|
+
figure, figcaption, footer, header, hgroup,
|
|
17
|
+
menu, nav, output, ruby, section, summary,
|
|
18
|
+
time, mark, audio, video {
|
|
107
19
|
margin: 0;
|
|
108
|
-
font-size: 100%;
|
|
109
|
-
vertical-align: middle;
|
|
110
|
-
}
|
|
111
|
-
|
|
112
|
-
button,
|
|
113
|
-
input {
|
|
114
|
-
*overflow: visible; // Inner spacing ie IE6/7
|
|
115
|
-
line-height: normal; // FF3/4 have !important on line-height in UA stylesheet
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
button::-moz-focus-inner,
|
|
119
|
-
input::-moz-focus-inner {
|
|
120
|
-
// Inner padding and border oddities in FF3/4
|
|
121
20
|
padding: 0;
|
|
122
21
|
border: 0;
|
|
22
|
+
font-size: 100%;
|
|
23
|
+
font: inherit;
|
|
24
|
+
vertical-align: baseline;
|
|
123
25
|
}
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
input[type="submit"] {
|
|
129
|
-
-webkit-appearance: button; // Corrects inability to style clickable `input` types in iOS.
|
|
130
|
-
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
|
26
|
+
/* HTML5 display-role reset for older browsers */
|
|
27
|
+
article, aside, details, figcaption, figure,
|
|
28
|
+
footer, header, hgroup, menu, nav, section {
|
|
29
|
+
display: block;
|
|
131
30
|
}
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
select,
|
|
135
|
-
button,
|
|
136
|
-
input[type="button"],
|
|
137
|
-
input[type="reset"],
|
|
138
|
-
input[type="submit"],
|
|
139
|
-
input[type="radio"],
|
|
140
|
-
input[type="checkbox"] {
|
|
141
|
-
cursor: pointer; // Improves usability and consistency of cursor style between image-type `input` and others.
|
|
31
|
+
body {
|
|
32
|
+
line-height: 1;
|
|
142
33
|
}
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
// Appearance in Safari/Chrome
|
|
146
|
-
@include box-sizing(content-box);
|
|
147
|
-
-webkit-appearance: textfield;
|
|
34
|
+
ol, ul {
|
|
35
|
+
list-style: none;
|
|
148
36
|
}
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
input[type="search"]::-webkit-search-cancel-button {
|
|
152
|
-
-webkit-appearance: none; // Inner-padding issues in Chrome OSX, Safari 5
|
|
37
|
+
blockquote, q {
|
|
38
|
+
quotes: none;
|
|
153
39
|
}
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
}
|
|
159
|
-
|
|
160
|
-
// Printing
|
|
161
|
-
// -------------------------
|
|
162
|
-
// Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
|
|
163
|
-
|
|
164
|
-
@media print {
|
|
165
|
-
|
|
166
|
-
* {
|
|
167
|
-
text-shadow: none !important;
|
|
168
|
-
color: #000 !important; // Black prints faster: h5bp.com/s
|
|
169
|
-
background: transparent !important;
|
|
170
|
-
box-shadow: none !important;
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
a,
|
|
174
|
-
a:visited {
|
|
175
|
-
text-decoration: underline;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
|
-
a[href]:after {
|
|
179
|
-
content: " (" attr(href) ")";
|
|
180
|
-
}
|
|
181
|
-
|
|
182
|
-
abbr[title]:after {
|
|
183
|
-
content: " (" attr(title) ")";
|
|
184
|
-
}
|
|
185
|
-
|
|
186
|
-
// Don't show links for images, or javascript/internal links
|
|
187
|
-
.ir a:after,
|
|
188
|
-
a[href^="javascript:"]:after,
|
|
189
|
-
a[href^="#"]:after {
|
|
190
|
-
content: "";
|
|
191
|
-
}
|
|
192
|
-
|
|
193
|
-
pre,
|
|
194
|
-
blockquote {
|
|
195
|
-
border: 1px solid #999;
|
|
196
|
-
page-break-inside: avoid;
|
|
197
|
-
}
|
|
198
|
-
|
|
199
|
-
thead {
|
|
200
|
-
display: table-header-group; // h5bp.com/t
|
|
201
|
-
}
|
|
202
|
-
|
|
203
|
-
tr,
|
|
204
|
-
img {
|
|
205
|
-
page-break-inside: avoid;
|
|
206
|
-
}
|
|
207
|
-
|
|
208
|
-
img {
|
|
209
|
-
max-width: 100% !important;
|
|
210
|
-
}
|
|
211
|
-
|
|
212
|
-
@page {
|
|
213
|
-
margin: 0.5cm;
|
|
214
|
-
}
|
|
215
|
-
|
|
216
|
-
p,
|
|
217
|
-
h2,
|
|
218
|
-
h3 {
|
|
219
|
-
orphans: 3;
|
|
220
|
-
widows: 3;
|
|
221
|
-
}
|
|
222
|
-
|
|
223
|
-
h2,
|
|
224
|
-
h3 {
|
|
225
|
-
page-break-after: avoid;
|
|
226
|
-
}
|
|
40
|
+
blockquote:before, blockquote:after,
|
|
41
|
+
q:before, q:after {
|
|
42
|
+
content: '';
|
|
43
|
+
content: none;
|
|
227
44
|
}
|
|
45
|
+
table {
|
|
46
|
+
border-collapse: collapse;
|
|
47
|
+
border-spacing: 0;
|
|
48
|
+
}
|
metadata
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
--- !ruby/object:Gem::Specification
|
|
2
2
|
name: illusion
|
|
3
3
|
version: !ruby/object:Gem::Version
|
|
4
|
-
version:
|
|
4
|
+
version: 1.1.0
|
|
5
5
|
platform: ruby
|
|
6
6
|
authors:
|
|
7
7
|
- Tom Janssens
|
|
8
8
|
autorequire:
|
|
9
9
|
bindir: bin
|
|
10
10
|
cert_chain: []
|
|
11
|
-
date: 2014-
|
|
11
|
+
date: 2014-08-28 00:00:00.000000000 Z
|
|
12
12
|
dependencies:
|
|
13
13
|
- !ruby/object:Gem::Dependency
|
|
14
14
|
name: shoulda
|
|
@@ -94,6 +94,7 @@ files:
|
|
|
94
94
|
- sass/_illusion.scss
|
|
95
95
|
- sass/illusion/_basics.scss
|
|
96
96
|
- sass/illusion/_ie.scss
|
|
97
|
+
- sass/illusion/_normalize.scss
|
|
97
98
|
- sass/illusion/_reset.scss
|
|
98
99
|
homepage: http://github.com/timble/illusion
|
|
99
100
|
licenses:
|