Compile SCSS inside of HTML files.
Project description
# WatchMySASS
_(Okay fine, it's really SCSS... but that's not as catchy, is it?)_
WatchMySASS bridges the gap between SCSS and HTML `<style>` tags. Since SCSS doesn't know how to compile HTML files, WatchMySASS allows you to compile style tags by using the attributes `type="text/scss"` or `lang="scss"`.
***
# Useage
WatchMySASS can be called from anywhere in the command line and, just like SCSS, takes the files/paths to compile as an argument.
```
WatchMySASS index.html subdirectory/file.html
```
If no arguments are passed, WatchMySASS assumes the current working directory.
```
WatchMySASS
```
WatchMySASS also has a few options:
### --watch [-w]
Continuously watch directory(s)/file(s) for changes.
```
WatchMySASS frequently-updated.html --watch
```
### --uncompressed [-u]
By default, WatchMySASS minifies the CSS output. Passing the `-u` flag overrides this feature.
```
WatchMySASS uncompressed1.html uncompressed2.html --uncompressed
```
### --destructive [-d]
By default, WatchMySASS saves compiled HTML files as `<filename>-compiled.html`. Pass the `-u` flag to save changes directly to the original HTML file.
```
WatchMySASS destructive.html --destructive
```
***
### Notes:
- WatchMySASS recursively searches directories to compile. There is currently no option for a "shallow" search.
- The `-u` flag is tempermental and doesn't always work. If you need clean, readable CSS you can always beautify your code in your text editor after compilation, and re-save.
_(Okay fine, it's really SCSS... but that's not as catchy, is it?)_
WatchMySASS bridges the gap between SCSS and HTML `<style>` tags. Since SCSS doesn't know how to compile HTML files, WatchMySASS allows you to compile style tags by using the attributes `type="text/scss"` or `lang="scss"`.
***
# Useage
WatchMySASS can be called from anywhere in the command line and, just like SCSS, takes the files/paths to compile as an argument.
```
WatchMySASS index.html subdirectory/file.html
```
If no arguments are passed, WatchMySASS assumes the current working directory.
```
WatchMySASS
```
WatchMySASS also has a few options:
### --watch [-w]
Continuously watch directory(s)/file(s) for changes.
```
WatchMySASS frequently-updated.html --watch
```
### --uncompressed [-u]
By default, WatchMySASS minifies the CSS output. Passing the `-u` flag overrides this feature.
```
WatchMySASS uncompressed1.html uncompressed2.html --uncompressed
```
### --destructive [-d]
By default, WatchMySASS saves compiled HTML files as `<filename>-compiled.html`. Pass the `-u` flag to save changes directly to the original HTML file.
```
WatchMySASS destructive.html --destructive
```
***
### Notes:
- WatchMySASS recursively searches directories to compile. There is currently no option for a "shallow" search.
- The `-u` flag is tempermental and doesn't always work. If you need clean, readable CSS you can always beautify your code in your text editor after compilation, and re-save.
Project details
Download files
Download the file for your platform. If you're not sure which to choose, learn more about installing packages.
Source Distribution
WatchMySASS-0.1.0.tar.gz
(5.5 kB
view hashes)
Built Distribution
Close
Hashes for WatchMySASS-0.1.0-py2-none-any.whl
Algorithm | Hash digest | |
---|---|---|
SHA256 | c5c4cf8f9ec02ac20eee51fe1c1db7c67611b9a6efd836457075bc1cdcfb0d93 |
|
MD5 | ae15f7009c45e9c00b82597d94374aaf |
|
BLAKE2b-256 | 631e0ff0ac34a6e6583be52736d1f7de0bf2bc6b3018b8d8df9a5c6e1c2848ef |