https://github.com/vitalk/classy-widths
Classy widths classes generator
https://github.com/vitalk/classy-widths
Last synced: 11 months ago
JSON representation
Classy widths classes generator
- Host: GitHub
- URL: https://github.com/vitalk/classy-widths
- Owner: vitalk
- Created: 2015-03-26T14:26:30.000Z (over 11 years ago)
- Default Branch: master
- Last Pushed: 2015-03-26T14:27:51.000Z (over 11 years ago)
- Last Synced: 2025-02-09T09:30:25.852Z (over 1 year ago)
- Language: CSS
- Size: 97.7 KB
- Stars: 0
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Classy Widths
Human-readable width classes for 12-column grid. These are used in conjunction
with other objects and abstractions.
## Installation
The recommended installation method is a [bower](http://bower.io).
```shell
bower install --save classy-widths
```
# Usage
Mixin `.classy-widths-setup(@namespace)` allows you to generate a series of
width classes (`.onecol`, `.twocol`, etc.) for sizing UI components.
Variable | Description
---|---
`@classy-widths-namespace` | Namespace uses for class names.
## Responsive widths classes
Use `classy-media-queries` package to create responsive widths classes:
```less
@import 'classy-media-queries/defaults.media-queries.less';
@import 'classy-widths/generic.widths.less';
@media @laptop {
.classy-widths-setup(lap-);
}
```
## License
Licensed under the [MIT license](http://mit-license.org/vitalk).