Skip to content

Commit 131dece

Browse files
committedApr 2, 2016
Fixed #5, change tab to space
1 parent 5406d19 commit 131dece

File tree

1 file changed

+35
-35
lines changed

1 file changed

+35
-35
lines changed
 

‎README.md

+35-35
Original file line numberDiff line numberDiff line change
@@ -9,44 +9,44 @@ Used in conjunction with the plugin [postcss-each], [postcss-conditionals], [pos
99
```css
1010
/* input.css */
1111
:root {
12-
--array: foo, bar, baz;
13-
--from: 1;
14-
--to: 3;
15-
--icon-exclude: 2;
16-
--color-danger: red;
12+
--array: foo, bar, baz;
13+
--from: 1;
14+
--to: 3;
15+
--icon-exclude: 2;
16+
--color-danger: red;
1717
}
1818

1919
@each $val in var(--array) {
20-
@import "$val.css";
20+
@import "$val.css";
2121
}
2222
```
2323

2424
```css
2525
/* foo.css */
2626
html {
27-
background-color: var(--color-danger);
27+
background-color: var(--color-danger);
2828
}
2929
```
3030

3131
```css
3232
/* bar.css */
3333
.some-class {
34-
color: #fff;
35-
36-
@for $val from var(--from) to var(--to) {
37-
@if $val != var(--icon-exclude) {
38-
.icon-$val {
39-
background-position: 0 $(val)px;
40-
}
41-
}
42-
}
34+
color: #fff;
35+
36+
@for $val from var(--from) to var(--to) {
37+
@if $val != var(--icon-exclude) {
38+
.icon-$val {
39+
background-position: 0 $(val)px;
40+
}
41+
}
42+
}
4343
}
4444
```
4545

4646
```css
4747
/* baz.css */
4848
h1 {
49-
font-size: 24px;
49+
font-size: 24px;
5050
}
5151

5252
@import "biz.css";
@@ -55,29 +55,29 @@ h1 {
5555
```css
5656
/* biz.css */
5757
h2 {
58-
color: olive;
58+
color: olive;
5959
}
6060
```
6161

6262
```css
6363
/* Output example */
6464
html {
65-
background-color: red;
65+
background-color: red;
6666
}
6767
.some-class {
68-
color: #fff;
69-
.icon-1 {
70-
background-position: 0 1px;
71-
}
72-
.icon-3 {
73-
background-position: 0 3px;
74-
}
68+
color: #fff;
69+
.icon-1 {
70+
background-position: 0 1px;
71+
}
72+
.icon-3 {
73+
background-position: 0 3px;
74+
}
7575
}
7676
h1 {
77-
font-size: 24px;
77+
font-size: 24px;
7878
}
7979
h2 {
80-
color: olive;
80+
color: olive;
8181
}
8282

8383
```
@@ -111,10 +111,10 @@ var output = postcss()
111111
.use(atVariables({ /* options */ }))
112112
.use(atEach())
113113
.use(atImport({
114-
plugins: [
115-
require("postcss-at-rules-variables").default({ /* options */ }),
116-
require("postcss-import")
117-
]
114+
plugins: [
115+
require("postcss-at-rules-variables").default({ /* options */ }),
116+
require("postcss-import")
117+
]
118118
}))
119119
.use(atFor())
120120
.use(atIf())
@@ -136,6 +136,6 @@ Default: `['for', 'if', 'else', 'each']`
136136

137137
See [PostCSS](https://github.com/postcss/postcss) docs for examples for your environment.
138138

139-
[postcss-conditionals]: https://github.com/andyjansson/postcss-conditionals
140-
[postcss-each]: https://github.com/outpunk/postcss-each
141-
[postcss-for]: https://github.com/antyakushev/postcss-for
139+
[postcss-conditionals]: https://github.com/andyjansson/postcss-conditionals
140+
[postcss-each]: https://github.com/outpunk/postcss-each
141+
[postcss-for]: https://github.com/antyakushev/postcss-for

0 commit comments

Comments
 (0)
Please sign in to comment.