charcoalcore 0.0.1.3 → 0.0.1.4

Sign up to get free protection for your applications and to get access to all the features.
@@ -81,6 +81,9 @@
81
81
  @include grid($layout);
82
82
  }@elseif $responsive == false {
83
83
  @include fixed-grid($layout);
84
+ }
85
+ @elseif $responsive == none {
86
+
84
87
  }
85
88
  @elseif $responsive == fluid {
86
89
  @include grid($layout);
@@ -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
- - 3
10
- version: 0.0.1.3
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/