You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardexpand all lines: README.md
+22-8
Original file line number
Diff line number
Diff line change
@@ -14,12 +14,21 @@ what css is causing me problems.
14
14
15
15
# Getting started
16
16
17
-
If you like sass like me, you can just drop this partial into your includes. If you want to turn off
18
-
outlines, just set the variable
17
+
If you like pre-processing your css like I do, you can drop any of the Sass, Less, or Stylus partials into your includes.
18
+
Each version of Pesticide sets a debug variable at the top of the partial, which you can set to false if you want to turn off
19
+
outlines:
19
20
```
20
-
$pesticide-debug
21
+
// sass
22
+
$pesticide-debug: false;
21
23
```
22
-
at the top of pesticide.scss to false (or anything that isn't true).
24
+
```
25
+
// less
26
+
@pesticide-debug: false;
27
+
````
28
+
```
29
+
// stylus
30
+
pesticide-debug = false
31
+
````
23
32
24
33
If you like to use vanilla css, you can either keep it commented out at the bottom of your css file,
25
34
or include it as an extra request in the head of your html file like so...
@@ -33,21 +42,26 @@ Make sure not to send it to production though because that wouldn't be the best.
33
42
# Development
34
43
35
44
If you want to tweak the source code you might find it useful to use some of the available gulp tasks
36
-
included with the project. To set up automation with gulp just press the following keys
45
+
included with the project. To set up automation with gulp just press the following keys:
37
46
```
38
47
cd pesticide
39
48
npm install -g gulp
40
49
npm install
41
-
gulp
42
50
```
43
-
51
+
Because Pesticide comes in Sass, Less, and Stylus flavors, you can adjust gulp to run with your pre-processor of choice. To do so, simply change the `preProcessor` variable at the top of the gulpfile to either sass, less or stylus as a string value. For example:
52
+
```
53
+
preProcessor = 'sass';
54
+
```
55
+
Then run `gulp`.
44
56
That will set up:
45
57
46
58
* Livereload
47
-
*Sass compilation
59
+
* Stylesheet compilation
48
60
* Csslint
49
61
* CSS minification
50
62
63
+
*It's important to note that Sass is the default pre-processor set in the gulpfile, so if you plan to use Less or Stylus, you should change the `preProcessor` value before running `gulp`.*
64
+
51
65
# Chrome Extension
52
66
53
67
The source for the Pesticide Chrome extension is included beginning from v0.2. The extension is [available in the Chrome Webstore here.](https://chrome.google.com/webstore/detail/bblbgcheenepgnnajgfpiicnbbdmmooh).
0 commit comments