@@ -137,23 +137,23 @@ For reference here is an anatomy of a rule set:
137
137
...
138
138
}
139
139
```
140
-
140
+
141
141
** Bad**
142
142
``` scss
143
143
.error , .success {
144
144
...
145
145
}
146
146
```
147
147
- Include a single space before the opening brace of a rule set.
148
-
148
+
149
149
** Good**
150
150
``` scss
151
151
.error ,
152
152
.success {
153
153
...
154
154
}
155
155
```
156
-
156
+
157
157
** Bad**
158
158
``` scss
159
159
.error ,
@@ -170,7 +170,7 @@ For reference here is an anatomy of a rule set:
170
170
...
171
171
}
172
172
```
173
-
173
+
174
174
** Bad**
175
175
``` scss
176
176
.error ,
@@ -186,7 +186,7 @@ For reference here is an anatomy of a rule set:
186
186
padding : 0 ;
187
187
}
188
188
```
189
-
189
+
190
190
** Bad **
191
191
```scss
192
192
p {margin : 0 ; padding : 0 ;}
@@ -200,7 +200,7 @@ For reference here is an anatomy of a rule set:
200
200
margin : 0 ;
201
201
}
202
202
```
203
-
203
+
204
204
** Bad **
205
205
```scss
206
206
.error {
@@ -222,7 +222,7 @@ For reference here is an anatomy of a rule set:
222
222
margin : 0 ;
223
223
}
224
224
```
225
-
225
+
226
226
** Bad **
227
227
```scss
228
228
.error {
@@ -240,12 +240,12 @@ For reference here is an anatomy of a rule set:
240
240
```scss
241
241
margin : 0 ;
242
242
```
243
- ** Bad **
243
+ ** Bad **
244
244
```scss
245
245
margin :0 ;
246
246
```
247
247
- Use lowercase and shorthand hex values .
248
-
248
+
249
249
** Good **
250
250
```scss
251
251
#aaa
@@ -269,12 +269,12 @@ For reference here is an anatomy of a rule set:
269
269
- `url ()` e .g . `background : url (" img/logo.png" );`.
270
270
- Attribute values in selectors e .g . `input [type = " checkbox" ]`.
271
271
- Where allowed , avoid specifying units for zero-values .
272
-
272
+
273
273
** Good **
274
274
```scss
275
275
margin : 0 ;
276
276
```
277
- ** Bad **
277
+ ** Bad **
278
278
```scss
279
279
margin : 0px ;
280
280
```
@@ -289,7 +289,7 @@ For reference here is an anatomy of a rule set:
289
289
color : rgba (0 ,0 ,0 ,0.1 );
290
290
```
291
291
- Include a space before `!important ` keyword .
292
-
292
+
293
293
** Good **
294
294
```scss
295
295
padding : 10px !important ;
@@ -299,7 +299,7 @@ For reference here is an anatomy of a rule set:
299
299
padding : 10px !important ;
300
300
```
301
301
- Property values ; `@extend `, `@include`, and `@import` directives; and variable declarations should always end with a semicolon .
302
-
302
+
303
303
** Good **
304
304
```scss
305
305
color : #fff ;
@@ -309,7 +309,7 @@ For reference here is an anatomy of a rule set:
309
309
color : #fff
310
310
```
311
311
- Parentheses should not be padded with spaces.
312
-
312
+
313
313
** Good**
314
314
```scss
315
315
@include box-shadow (0 2px 2px rgba (0 , 0 , 0 , .2 ));
@@ -338,15 +338,15 @@ For reference here is an anatomy of a rule set:
338
338
```scss
339
339
margin : 0.500em ;
340
340
```
341
- - `url `s should not contain protocols or domain names .
342
-
341
+ - `url `s should not contain protocols or domain names .
342
+
343
343
** Good **
344
344
```scss
345
- background : url (' assets/image.png' );
345
+ background : url (" assets/image.png" );
346
346
```
347
347
** Bad **
348
348
```scss
349
- background : url (' https://example.com/assets/image.png' );
349
+ background : url (" https://example.com/assets/image.png" );
350
350
```
351
351
352
352
### Declaration order
0 commit comments