diff --git a/README.md b/README.md index 928fe53b..231fd5d2 100644 --- a/README.md +++ b/README.md @@ -26,13 +26,13 @@ Displaying the sprites is a matter of adding an empty `` or `
` elemen Here are some examples: ```html - - - - - - - + + + + + + + ``` To clarify, the following classes can be used: @@ -52,14 +52,14 @@ The tag name used is also important: if a `` is used, the icon is displaye The item icons have been organized in a set of collections. To display an icon, first the collection name must be used, followed by the item itself. Some names are modified; for example, `oran-berry` is already in the `berry` collection, so it was renamed to just `oran`. Some HTML examples follow: ```html - - - - - - - - + + + + + + + + ``` There are many different icons that can be displayed. See the [icon overview page](#) for a complete overview. @@ -71,7 +71,9 @@ PokéSprite does not generate CSS—it only generates SCSS (which can't directly Once you have SASS installed, the CSS file can be compiled using the following terminal command (assuming that you're in the project's root directory): - sass --style compressed output/pokesprite.scss output/pokesprite.css +```bash +sass --style compressed output/pokesprite.scss output/pokesprite.css +``` The generated SCSS is currently not SassC compatible. This is planned for a later release.