https://github.com/bentatum/sass-space
A set of css class names for quick and simple spacing.
https://github.com/bentatum/sass-space
Last synced: about 2 months ago
JSON representation
A set of css class names for quick and simple spacing.
- Host: GitHub
- URL: https://github.com/bentatum/sass-space
- Owner: bentatum
- Created: 2016-02-10T15:32:43.000Z (over 9 years ago)
- Default Branch: master
- Last Pushed: 2016-04-25T14:08:55.000Z (about 9 years ago)
- Last Synced: 2025-02-07T06:43:42.749Z (4 months ago)
- Language: CSS
- Homepage:
- Size: 4.88 KB
- Stars: 0
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# sass-space
A set of css class names for quick and simple spacing using css classes.
## Install
`npm i sass-space`
## Setup
```scss
// Define your spacing constants before importing sass-space
$spacing-xxsmall: 0.1rem;
$spacing-xsmall: 0.3rem;
$spacing-small: 0.5rem;
$spacing-medium: 1rem;
$spacing-large: 2rem;
$spacing-xlarge: 4rem;
@import "~/sass-space/index";
```
## Usage
Here are all the class names sass-space gives you.
Margin:
mtxxs, mtxs, mts, mtm, mtl, mtxl, mtxxl,
mrxxs, mrxs, mrs, mrm, mrl, mrxl, mrxxl,
mbxxs, mbxs, mbs, mbm, mbl, mbxl, mbxxl,
mlxxs, mlxs, mls, mlm, mll, mlxl, mlxxl
Padding:
ptxxs, ptxs, pts, ptm, ptl, ptxl, ptxxl,
prxxs, prxs, prs, prm, prl, prxl, prxxl,
pbxxs, pbxs, pbs, pbm, pbl, pbxl, pbxxl,
plxxs, plxs, pls, plm, pll, plxl, plxxl