Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dnomak/flexiblegs-scss-plus
Flexible Grid System Scss Plus
https://github.com/dnomak/flexiblegs-scss-plus
Last synced: 3 months ago
JSON representation
Flexible Grid System Scss Plus
- Host: GitHub
- URL: https://github.com/dnomak/flexiblegs-scss-plus
- Owner: dnomak
- License: mit
- Archived: true
- Created: 2014-06-27T17:22:12.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2021-11-03T08:07:53.000Z (about 3 years ago)
- Last Synced: 2024-04-15T00:17:27.277Z (7 months ago)
- Language: SCSS
- Homepage: https://dnomak.com/flexiblegs/install/scss-plus/
- Size: 429 KB
- Stars: 1,349
- Watchers: 80
- Forks: 131
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
- starred-awesome - flexiblegs-scss-plus - Flexible Grid System Scss Plus (CSS)
README
# [flexiblegs-scss-plus](https://dnomak.com/flexiblegs/)
Flexible Grid System Scss Plus
## Install
### [Settings download](https://raw.githubusercontent.com/flexiblegs/flexiblegs-scss-plus/master/flexiblegs-settings.scss)
```scss
$flexiblegs-method: (
"css"
// "bem"
);
$flexiblegs-breakpoint: (
"xl" : "",
"lg" : "(max-width: 1024px)",
"md" : "(max-width: 768px)",
"sm" : "(max-width: 667px)"
);
$wrap-col: (
"auto", 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
);
$wrap-prop: (
"table",
"flexbox",
"normal",
"left",
"center",
"right",
"top",
"middle",
"bottom",
"stretch",
"between",
"around",
"baseline",
"reverse",
"not-reverse"
);
$col-row: (
1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12
);
$col-width: ();
$col-prop: (
"hidden",
"not-hidden",
"first",
"not-first",
"last",
"not-last"
);
$wrap-gutter: (
0, 8, 16, 24, 40
);
$wrap-outside: (
0, 8, 16, 24, 40
);
@import "node_modules/flexiblegs-scss/flexiblegs-scss";
@import "node_modules/flexiblegs-scss-plus/flexiblegs-scss-plus";
```
### [npm](https://www.npmjs.com/package/flexiblegs-scss-plus)
```bash
$ npm install --save flexiblegs-scss flexiblegs-scss-plus
```
## Build
```bash
$ git clone [email protected]:flexiblegs/flexiblegs-scss-plus.git
$ cd flexiblegs-scss-plus
$ npm install
$ npm run build
```
## License
Flexible Grid System is licensed under the [MIT](LICENSE) license.