Esmaeil Bahrani Fard esmaeilbahrani
esmaeilbahrani
/ spacing.scss
Last active
October 26, 2023 06:59
Efficiently manage margin and padding in CSS with this dynamic SCSS spacing module. Customizable spacing values and flexible side options make it easy to achieve consistent spacing throughout your web projects. Boost code reusability and streamline development with generated CSS classes, while maintaining scalability for future design needs. Imp…
This file contains 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
| $spaces: (0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 30, 40, 50, 100); | |
| $sides: ( | |
| "": "all", | |
| "t": "top", | |
| "b": "bottom", | |
| "l": "left", | |
| "r": "right", | |
| "tl": "top-left", | |
| "tr": "top-right", | |
| "bl": "bottom-left", |
This file contains 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
| // Standard Breakpoints | |
| $breakpoints: ( | |
| xxs: 480px, | |
| xs: 768px, | |
| sm: 991px, | |
| md: 1280px, | |
| lg: 1920px, | |
| ); | |
| // Function for handling breakpoints |