charcoalcore 0.0.1.3 → 0.0.1.4
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.
|
@@ -0,0 +1,290 @@
|
|
|
1
|
+
@media -sass-debug-info{filename{font-family:file\:\/\/\/Library\/Ruby\/Gems\/1\.8\/gems\/compass-0\.12\.2\/frameworks\/compass\/stylesheets\/compass\/reset\/_utilities\.scss}line{font-family:\0000317}}
|
|
2
|
+
html, body, div, span, applet, object, iframe,
|
|
3
|
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
4
|
+
a, abbr, acronym, address, big, cite, code,
|
|
5
|
+
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
6
|
+
small, strike, strong, sub, sup, tt, var,
|
|
7
|
+
b, u, i, center,
|
|
8
|
+
dl, dt, dd, ol, ul, li,
|
|
9
|
+
fieldset, form, label, legend,
|
|
10
|
+
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
11
|
+
article, aside, canvas, details, embed,
|
|
12
|
+
figure, figcaption, footer, header, hgroup,
|
|
13
|
+
menu, nav, output, ruby, section, summary,
|
|
14
|
+
time, mark, audio, video {
|
|
15
|
+
margin: 0;
|
|
16
|
+
padding: 0;
|
|
17
|
+
border: 0;
|
|
18
|
+
font: inherit;
|
|
19
|
+
font-size: 100%;
|
|
20
|
+
vertical-align: baseline;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
@media -sass-debug-info{filename{font-family:file\:\/\/\/Library\/Ruby\/Gems\/1\.8\/gems\/compass-0\.12\.2\/frameworks\/compass\/stylesheets\/compass\/reset\/_utilities\.scss}line{font-family:\0000322}}
|
|
24
|
+
html {
|
|
25
|
+
line-height: 1;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
@media -sass-debug-info{filename{font-family:file\:\/\/\/Library\/Ruby\/Gems\/1\.8\/gems\/compass-0\.12\.2\/frameworks\/compass\/stylesheets\/compass\/reset\/_utilities\.scss}line{font-family:\0000324}}
|
|
29
|
+
ol, ul {
|
|
30
|
+
list-style: none;
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
@media -sass-debug-info{filename{font-family:file\:\/\/\/Library\/Ruby\/Gems\/1\.8\/gems\/compass-0\.12\.2\/frameworks\/compass\/stylesheets\/compass\/reset\/_utilities\.scss}line{font-family:\0000326}}
|
|
34
|
+
table {
|
|
35
|
+
border-collapse: collapse;
|
|
36
|
+
border-spacing: 0;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
@media -sass-debug-info{filename{font-family:file\:\/\/\/Library\/Ruby\/Gems\/1\.8\/gems\/compass-0\.12\.2\/frameworks\/compass\/stylesheets\/compass\/reset\/_utilities\.scss}line{font-family:\0000328}}
|
|
40
|
+
caption, th, td {
|
|
41
|
+
text-align: left;
|
|
42
|
+
font-weight: normal;
|
|
43
|
+
vertical-align: middle;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
@media -sass-debug-info{filename{font-family:file\:\/\/\/Library\/Ruby\/Gems\/1\.8\/gems\/compass-0\.12\.2\/frameworks\/compass\/stylesheets\/compass\/reset\/_utilities\.scss}line{font-family:\0000330}}
|
|
47
|
+
q, blockquote {
|
|
48
|
+
quotes: none;
|
|
49
|
+
}
|
|
50
|
+
@media -sass-debug-info{filename{font-family:file\:\/\/\/Library\/Ruby\/Gems\/1\.8\/gems\/compass-0\.12\.2\/frameworks\/compass\/stylesheets\/compass\/reset\/_utilities\.scss}line{font-family:\00003103}}
|
|
51
|
+
q:before, q:after, blockquote:before, blockquote:after {
|
|
52
|
+
content: "";
|
|
53
|
+
content: none;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
@media -sass-debug-info{filename{font-family:file\:\/\/\/Library\/Ruby\/Gems\/1\.8\/gems\/compass-0\.12\.2\/frameworks\/compass\/stylesheets\/compass\/reset\/_utilities\.scss}line{font-family:\0000332}}
|
|
57
|
+
a img {
|
|
58
|
+
border: none;
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
@media -sass-debug-info{filename{font-family:file\:\/\/\/Library\/Ruby\/Gems\/1\.8\/gems\/compass-0\.12\.2\/frameworks\/compass\/stylesheets\/compass\/reset\/_utilities\.scss}line{font-family:\00003116}}
|
|
62
|
+
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
|
|
63
|
+
display: block;
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* @tags: responsive grid || _resonsive-grid.scss || Skeleton 960 | Skeleton 1200 | Responsify
|
|
68
|
+
*/
|
|
69
|
+
/*
|
|
70
|
+
* Skeleton V1.1
|
|
71
|
+
* Copyright 2011, Dave Gamache
|
|
72
|
+
* www.getskeleton.com
|
|
73
|
+
* Free to use under the MIT license.
|
|
74
|
+
* http://www.opensource.org/licenses/mit-license.php
|
|
75
|
+
* 8/17/2011
|
|
76
|
+
*/
|
|
77
|
+
/**
|
|
78
|
+
* @tags: getskeleton variable
|
|
79
|
+
* @extend: swap between 960 or 1200
|
|
80
|
+
* @format: $layout: 960;
|
|
81
|
+
*/
|
|
82
|
+
/**
|
|
83
|
+
* @tags: fixed grid
|
|
84
|
+
*/
|
|
85
|
+
/*****************/
|
|
86
|
+
/**
|
|
87
|
+
* @tags: enable or disable responsive grid
|
|
88
|
+
*/
|
|
89
|
+
/*****************/
|
|
90
|
+
/*****************/
|
|
91
|
+
/**
|
|
92
|
+
* @tags: core mixins library
|
|
93
|
+
*/
|
|
94
|
+
/*****************/
|
|
95
|
+
/**
|
|
96
|
+
* @file _core.functions.scss
|
|
97
|
+
*
|
|
98
|
+
* @copyright (c) Locomotive 2013
|
|
99
|
+
* @author Nicolas Poliquin <nic@locomotive.ca>
|
|
100
|
+
* @version @Wed Mar 6 11:45:56 EST 2013
|
|
101
|
+
* @since Version 2013-01-07
|
|
102
|
+
* @license (c) Locomotive 2013
|
|
103
|
+
*/
|
|
104
|
+
/*****************/
|
|
105
|
+
/* =========
|
|
106
|
+
MIXIN
|
|
107
|
+
=========
|
|
108
|
+
*/
|
|
109
|
+
/**
|
|
110
|
+
* @tags: media queries
|
|
111
|
+
* @mixin: @include media-querie(value) { attribut }
|
|
112
|
+
* @usage:
|
|
113
|
+
* .selector @include media-querie(320px) { width: 60%; }; }
|
|
114
|
+
*/
|
|
115
|
+
/**
|
|
116
|
+
* @tags: position
|
|
117
|
+
* @mixin: @include position();
|
|
118
|
+
* @usage:
|
|
119
|
+
* .selector { @include position(absolute, 0, 0, 0, 0); }
|
|
120
|
+
*/
|
|
121
|
+
/**
|
|
122
|
+
* @tags: custom size
|
|
123
|
+
* @mixin: @include size();
|
|
124
|
+
* @usage:
|
|
125
|
+
* .selector { @include size(104, 104); }
|
|
126
|
+
*/
|
|
127
|
+
/*****************/
|
|
128
|
+
/**
|
|
129
|
+
* @tags: backgroundimage
|
|
130
|
+
* @for: Load background image
|
|
131
|
+
* @mixin: @include backgroundimage();
|
|
132
|
+
* @usage:
|
|
133
|
+
* .selector { @include backgroundimage(bckg-btn-dwlmenu, png); }
|
|
134
|
+
*/
|
|
135
|
+
/*****************/
|
|
136
|
+
/**
|
|
137
|
+
* @tags: image height
|
|
138
|
+
* @for: Grab the height of the image in your CSS
|
|
139
|
+
* @library: Compass Image Helper || http://compass-style.org/reference/compass/helpers/urls/
|
|
140
|
+
* @mixin: @include image-height();
|
|
141
|
+
* @usage:
|
|
142
|
+
* .selector { @include image-height(img-name, png); }
|
|
143
|
+
*/
|
|
144
|
+
/*****************/
|
|
145
|
+
/**
|
|
146
|
+
* @tags: image width
|
|
147
|
+
* @for: Grab the width of the image in your CSS
|
|
148
|
+
* @library: Compass Image Helper || http://compass-style.org/reference/compass/helpers/urls/
|
|
149
|
+
* @mixin: @include image-width();
|
|
150
|
+
* @usage:
|
|
151
|
+
* .selector { @include image-width(img-name, png); }
|
|
152
|
+
*/
|
|
153
|
+
/*****************/
|
|
154
|
+
/**
|
|
155
|
+
* @tags: image size
|
|
156
|
+
* @for: Grab the height/width of the image in your CSS
|
|
157
|
+
* @library: Compass Image Helper || http://compass-style.org/reference/compass/helpers/urls/
|
|
158
|
+
* @mixin: @include image-size();
|
|
159
|
+
* @usage:
|
|
160
|
+
* .selector { @include image-size(img-name, png); }
|
|
161
|
+
*/
|
|
162
|
+
/*****************/
|
|
163
|
+
/**
|
|
164
|
+
* @tags: center element horizontally in absolute position
|
|
165
|
+
* @for: Grab the height/width of the image and add a value to the margin-left (half of the width)
|
|
166
|
+
* @library: Compass Image Helper || http://compass-style.org/reference/compass/helpers/urls/
|
|
167
|
+
* @mixin: @include center-absolute();
|
|
168
|
+
* @usage:
|
|
169
|
+
* .selector { @include center-absolute(img-name, png); }
|
|
170
|
+
*/
|
|
171
|
+
/*****************/
|
|
172
|
+
/**
|
|
173
|
+
* @tags: prefix
|
|
174
|
+
* @for: add prefix to your attribut
|
|
175
|
+
* @mixin: @include prefixer();
|
|
176
|
+
* @usage:
|
|
177
|
+
* .selector { @include prefixer(attribut, value, webkit ms moz o spec); } || @include prefixer(background-size, 100%, webkit ms moz o spec);
|
|
178
|
+
*/
|
|
179
|
+
/*****************/
|
|
180
|
+
/**
|
|
181
|
+
* @tags: prefix & suffix
|
|
182
|
+
* @for: add prefix to your attribut
|
|
183
|
+
* @mixin: @include prefix-suffix();
|
|
184
|
+
* @usage:
|
|
185
|
+
* .selector { @include prefix-suffix(attribut, value, webkit ms moz o spec); } || @include prefixer(background-size, 100%, webkit ms moz o spec);
|
|
186
|
+
*/
|
|
187
|
+
/*****************/
|
|
188
|
+
/**
|
|
189
|
+
* @tags: suffix
|
|
190
|
+
* @for: add suffix to your attribut
|
|
191
|
+
* @mixin: @include suffix();
|
|
192
|
+
* @usage:
|
|
193
|
+
* .selector { @include suffix(attribut, value, webkit ms moz o spec); } || @include suffix(background-size, 100%, webkit ms moz o spec);
|
|
194
|
+
*/
|
|
195
|
+
/*****************/
|
|
196
|
+
/**
|
|
197
|
+
* @tags: keyframes
|
|
198
|
+
* @for: add suffix to your keyframes animation
|
|
199
|
+
* @mixin: @include keyframe(animationName, webkit moz o ms spec);
|
|
200
|
+
* @usage:
|
|
201
|
+
* .selector { @include keyframes(block1-visible, webkit ms moz o spec) {
|
|
202
|
+
* from, 0% { }
|
|
203
|
+
* to { }
|
|
204
|
+
* }
|
|
205
|
+
*/
|
|
206
|
+
@-webkit-keyframes opacityValue {}
|
|
207
|
+
/*****************/
|
|
208
|
+
/**
|
|
209
|
+
* @tags: debug
|
|
210
|
+
* @for: add red border to element
|
|
211
|
+
* @mixin: @include debug();
|
|
212
|
+
* @usage:
|
|
213
|
+
* .selector { @include debug(); }
|
|
214
|
+
*/
|
|
215
|
+
/*****************/
|
|
216
|
+
/**
|
|
217
|
+
* @tags: css3 border radius
|
|
218
|
+
* @mixin: @include rounded();
|
|
219
|
+
* @usage:
|
|
220
|
+
* .selector { @include rounded(10px); }
|
|
221
|
+
*/
|
|
222
|
+
/*****************/
|
|
223
|
+
/**
|
|
224
|
+
* @tags: css3 basic transition
|
|
225
|
+
* @mixin: @include transition();
|
|
226
|
+
* @usage:
|
|
227
|
+
* .selector { @include transition(0.3s); }
|
|
228
|
+
*/
|
|
229
|
+
/*****************/
|
|
230
|
+
/**
|
|
231
|
+
* @tags: css3 basic animation
|
|
232
|
+
* @mixin: @include animation();
|
|
233
|
+
* @usage:
|
|
234
|
+
* .selector { @include animation(0.3s); }
|
|
235
|
+
*/
|
|
236
|
+
/*****************/
|
|
237
|
+
/**
|
|
238
|
+
* @tags: css3 custom transition
|
|
239
|
+
* @mixin: @include animation();
|
|
240
|
+
* @usage:
|
|
241
|
+
* .selector { @include custom-transition(0.3s); }
|
|
242
|
+
*/
|
|
243
|
+
/*****************/
|
|
244
|
+
/**
|
|
245
|
+
* @tags: css3 transition delay
|
|
246
|
+
* @mixin: @include delay();
|
|
247
|
+
* @usage:
|
|
248
|
+
* .selector { @include delay(0.3s); }
|
|
249
|
+
*/
|
|
250
|
+
/*****************/
|
|
251
|
+
/**
|
|
252
|
+
* @tags: include padding into the width & height of your element
|
|
253
|
+
* @mixin: @include borderbox();
|
|
254
|
+
* @usage:
|
|
255
|
+
* .selector { @include borderbox(); }
|
|
256
|
+
*/
|
|
257
|
+
/*****************/
|
|
258
|
+
/**
|
|
259
|
+
* @tags: background opacity
|
|
260
|
+
* @mixin: @include background-opacity();
|
|
261
|
+
* @usage:
|
|
262
|
+
* .selector { @include background-opacity(#fff); } || .selector { @include background-opacity(#fff, 0.8); }
|
|
263
|
+
*/
|
|
264
|
+
/*****************/
|
|
265
|
+
/* =========
|
|
266
|
+
FONT FACE
|
|
267
|
+
=========
|
|
268
|
+
*/
|
|
269
|
+
/**
|
|
270
|
+
* @tags: grab every font-face file
|
|
271
|
+
* @mixin: @include font-face();
|
|
272
|
+
* @usage:
|
|
273
|
+
* .selector { @include font-face(font-custom-name, '../dir/font-file-name'); } | @include font-face(avenir, '../fonts/avenir-next-lt-pro');
|
|
274
|
+
*/
|
|
275
|
+
/* =========
|
|
276
|
+
TRIANGLE
|
|
277
|
+
=========
|
|
278
|
+
*/
|
|
279
|
+
/**
|
|
280
|
+
* @tags: ie js breakpoint fix
|
|
281
|
+
* @format:
|
|
282
|
+
* .selector(@mixin ie-grid(width:60%;));
|
|
283
|
+
*/
|
|
284
|
+
/*****************/
|
|
285
|
+
/**
|
|
286
|
+
* @tags: css3 circle
|
|
287
|
+
* @extend: pager button
|
|
288
|
+
* @format:
|
|
289
|
+
* @include circle(width value, height value, background-color);
|
|
290
|
+
*/
|
|
@@ -1,2 +1,6 @@
|
|
|
1
1
|
// This is where you put the contents of the main stylesheet for the user's project.
|
|
2
|
-
// It should import your sass stylesheets and demonstrate how to use them.
|
|
2
|
+
// It should import your sass stylesheets and demonstrate how to use them.
|
|
3
|
+
|
|
4
|
+
$responsive: none;
|
|
5
|
+
|
|
6
|
+
@import "../../stylesheets/_charcoalcore";
|
metadata
CHANGED
|
@@ -6,8 +6,8 @@ version: !ruby/object:Gem::Version
|
|
|
6
6
|
- 0
|
|
7
7
|
- 0
|
|
8
8
|
- 1
|
|
9
|
-
-
|
|
10
|
-
version: 0.0.1.
|
|
9
|
+
- 4
|
|
10
|
+
version: 0.0.1.4
|
|
11
11
|
platform: ruby
|
|
12
12
|
authors:
|
|
13
13
|
- Responsiveness
|
|
@@ -46,6 +46,7 @@ files:
|
|
|
46
46
|
- stylesheets/charcoalcore/_core-functions.scss
|
|
47
47
|
- stylesheets/charcoalcore/_responsive-grid.scss
|
|
48
48
|
- templates/project/manifest.rb
|
|
49
|
+
- templates/project/screen.css
|
|
49
50
|
- templates/project/screen.scss
|
|
50
51
|
has_rdoc: true
|
|
51
52
|
homepage: http://www.polikin.ca/
|