Skip to content

Commit f38f059

Browse files
committed
Add syntax highlighting to readme
1 parent 92af3de commit f38f059

File tree

1 file changed

+8
-8
lines changed

1 file changed

+8
-8
lines changed

README.md

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -25,7 +25,7 @@ Add some PostCSS and it will show you the transformed/compiled CSS.
2525

2626
You can try any of these examples on the [code playground](https://madlittlemods.github.io/postcss-css-variables/playground/).
2727

28-
```
28+
```js
2929
var postcss = require('postcss');
3030
var cssvariables = require('postcss-css-variables');
3131

@@ -52,7 +52,7 @@ You can add rules that declare CSS variables nested inside at-rules. You can eve
5252

5353
The following CSS:
5454

55-
```
55+
```css
5656
:root {
5757
--width: 100px;
5858
}
@@ -70,7 +70,7 @@ The following CSS:
7070

7171
will be processed to:
7272

73-
```
73+
```css
7474
.box {
7575
width: 100px;
7676
}
@@ -87,7 +87,7 @@ will be processed to:
8787

8888
When using this feature, `postcss-css-variables` will output invalid CSS by itself(but you did input invalid CSS anyway). This feature is best paired with [`postcss-nested`](https://github.com/postcss/postcss-nested) in order to properly expand the rules.
8989

90-
```
90+
```js
9191
var postcss = require('postcss');
9292
var cssvariables = require('postcss-css-variables');
9393
var nestedcss = require('postcss-nested');
@@ -113,7 +113,7 @@ console.log(output);
113113

114114
The following CSS:
115115

116-
```
116+
```css
117117
.box-foo {
118118
--some-width: 150px;
119119
width: var(--some-width);
@@ -126,7 +126,7 @@ The following CSS:
126126

127127
will be processed to:
128128

129-
```
129+
```css
130130
.box-foo {
131131
width: 150px;
132132

@@ -140,7 +140,7 @@ will be processed to:
140140

141141
The following CSS:
142142

143-
```
143+
```css
144144
:root {
145145
--some-width: 150px;
146146
}
@@ -162,7 +162,7 @@ The following CSS:
162162

163163
will be processed to:
164164

165-
```
165+
```css
166166
.box-foo {
167167
width: 150px;
168168

0 commit comments

Comments
 (0)