Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/zeroxme/spass

automated paddings and margins via Scss/Sass
https://github.com/zeroxme/spass

Last synced: about 1 month ago
JSON representation

automated paddings and margins via Scss/Sass

Host: GitHub
URL: https://github.com/zeroxme/spass
Owner: zeroxme
License: mit
Created: 2015-12-20T13:26:24.000Z (about 9 years ago)
Default Branch: master
Last Pushed: 2016-01-07T23:08:07.000Z (almost 9 years ago)
Last Synced: 2024-11-11T13:59:32.939Z (about 1 month ago)
Language: CSS
Homepage:
Size: 18.6 KB
Stars: 3
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

# Spass library
automated paddings and margins via Scss/Sass

![](https://raw.githubusercontent.com/zeroxme/spass/master/spass.png)

Advantages:
- Choose your base spacing that matches your design.
- Build your own list of paddings and margins.
- Extend the classes in your other Sass/Scss modules

Follow [@zerox_me](https://twitter.com/zerox_me) for updates.

## Installation:

- Bower

```bash
bower install spass
```

### Usage:

- Define your base spacing by overriding `$spass-base`.
- Define your spacing sequence by overriding `$spass-array`.
- include the mixin `spass-creator()`

## Spass array structure:
#### Property:
- margin
- padding

#### Class name
- Naming convention is up to you. The used one is `mt-sm` means margin top is small. `p-none` padding is 0

#### Spacing variable
- The value of the margin/padding assigned to the class

## Contribute
if you think that I missed something let me know so we can make it better together :)

reach me on twitter [@zerox_me](https://twitter.com/zerox_me) if you needed any help