sh3raf
/ smacss-vscode.json
Last active
November 20, 2018 15:37
SMACSS sorting rules made for PostCS. JSON file, ready to import it in VS Code settings.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| "postcssSorting.config": { | |
| "properties-order": [ | |
| "content", | |
| "quotes", | |
| "display", | |
| "visibility", | |
| "position", | |
| "z-index", | |
| "top", | |
| "right", |
sh3raf
/ _spacing.scss
Created
May 15, 2019 17:04
The perfect SASS file for generating spacing (margin and padding) helper classes.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* | |
| This .scss file will provide a full list of helper classes for margins and paddings for your HTML. | |
| My suggestion is to use in rems instead of pixels, but you can easily change the values in px. | |
| You can customize the $prefix variable to avoid issues with frameworks or decide to remove it at all, it's up to you. | |
| The "m" and "p" letters inside classes are for margin and padding respectively. Same logic is used for $sides keys ("t" for top, "l" for left and so on..). | |
| The generated classes follow the examples below: | |
| for MARGIN: |