compass-inuit 4.3.1 → 4.3.2
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.
data/README.md
CHANGED
@@ -1,6 +1,9 @@
|
|
1
|
-
# 
|
2
2
|
|
3
|
-
A powerful little Compass extension for inuit.css for _insanely serious_ developers
|
3
|
+
A powerful little Compass extension for inuit.css for _insanely serious_ developers.
|
4
|
+
|
5
|
+
## Contribe
|
6
|
+
Please fork this repository, then submit a pull request with your changes in a new topic branch.
|
4
7
|
|
5
8
|
## Installation
|
6
9
|
|
@@ -31,32 +31,33 @@ pre{
|
|
31
31
|
|
32
32
|
/**
|
33
33
|
* You can add line numbers to your code examples but be warned, it requires
|
34
|
-
* some pretty funky looking
|
34
|
+
* some pretty funky looking markup, e.g.:
|
35
35
|
*
|
36
|
-
<
|
37
|
-
<
|
38
|
-
|
39
|
-
|
40
|
-
|
41
|
-
|
42
|
-
|
43
|
-
|
44
|
-
|
45
|
-
|
46
|
-
|
47
|
-
|
48
|
-
</ol>
|
49
|
-
</pre>
|
36
|
+
<ol class=line-numbers>
|
37
|
+
<li><code>.nav{</code></li>
|
38
|
+
<li><code> list-style:none;</code></li>
|
39
|
+
<li><code> margin-left:0;</code></li>
|
40
|
+
<li><code>}</code></li>
|
41
|
+
<li><code> .nav > li,</code></li>
|
42
|
+
<li><code> .nav > li > a{</code></li>
|
43
|
+
<li><code> display:inline-block;</code></li>
|
44
|
+
<li><code> *display:inline-block;</code></li>
|
45
|
+
<li><code> zoom:1;</code></li>
|
46
|
+
<li><code> }</code></li>
|
47
|
+
</ol>
|
50
48
|
*
|
49
|
+
* 1. Make the list look like code.
|
50
|
+
* 2. Give the list flush numbers with a leading zero.
|
51
|
+
* 3. Make sure lines of code don’t wrap.
|
52
|
+
* 4. Give the code form by forcing the `code` to honour white-space.
|
51
53
|
*/
|
52
|
-
.
|
53
|
-
|
54
|
+
.line-numbers{
|
55
|
+
font-family:monospace, serif; /* [1] */
|
56
|
+
list-style:decimal-leading-zero inside; /* [2] */
|
57
|
+
white-space:nowrap; /* [3] */
|
58
|
+
overflow:auto; /* [3] */
|
59
|
+
margin-left:0;
|
54
60
|
}
|
55
|
-
.
|
56
|
-
|
57
|
-
margin-bottom:0;
|
58
|
-
margin-left:0;
|
61
|
+
.line-numbers code{
|
62
|
+
white-space:pre; /* [4] */
|
59
63
|
}
|
60
|
-
.numbered__numbers code{
|
61
|
-
white-space:pre;
|
62
|
-
}
|
@@ -244,6 +244,7 @@
|
|
244
244
|
*
|
245
245
|
* palm
|
246
246
|
* lap
|
247
|
+
* lap-and-up
|
247
248
|
* portable
|
248
249
|
* desk
|
249
250
|
*
|
@@ -270,6 +271,12 @@ $lap-end: $desk-start - 1px;
|
|
270
271
|
|
271
272
|
}
|
272
273
|
|
274
|
+
@if $media-query == lap-and-up{
|
275
|
+
|
276
|
+
@media only screen and (min-width:$lap-start) { @content; }
|
277
|
+
|
278
|
+
}
|
279
|
+
|
273
280
|
@if $media-query == portable{
|
274
281
|
|
275
282
|
@media only screen and (max-width:$lap-end) { @content; }
|
@@ -31,15 +31,18 @@
|
|
31
31
|
.stat{
|
32
32
|
float:left;
|
33
33
|
margin-left:$base-spacing-unit;
|
34
|
-
display:-
|
35
|
-
display
|
36
|
-
display:
|
37
|
-
|
34
|
+
display:-ms-flexbox;
|
35
|
+
display:-webkit-flex;
|
36
|
+
display: -moz-flex;
|
37
|
+
display: flex;
|
38
|
+
@include vendor(flex-direction, column);
|
38
39
|
}
|
39
40
|
.stat__title{
|
40
|
-
@include vendor(
|
41
|
+
@include vendor(order, 2);
|
42
|
+
-ms-flex-order:2;
|
41
43
|
}
|
42
44
|
.stat__value{
|
43
45
|
margin-left:0;
|
44
|
-
@include vendor(
|
46
|
+
@include vendor(order, 1);
|
47
|
+
-ms-flex-order:1;
|
45
48
|
}
|