tachyons-coordinates
Advanced tools
Comparing version 1.1.0 to 2.0.0
{ | ||
"name": "tachyons-coordinates", | ||
"version": "1.1.0", | ||
"version": "2.0.0", | ||
"style": "tachyons-coordinates.css", | ||
"homepage": "http://github.com/mrmrs/tachyons-coordinates", | ||
"description": "Performance based css module.", | ||
"keywords": [ | ||
"oocss", | ||
"css", | ||
"rwd", | ||
"design", | ||
"tachyons", | ||
"css performance" | ||
], | ||
"keywords": [], | ||
"repository": { | ||
@@ -30,28 +23,7 @@ "type": "git", | ||
"devDependencies": { | ||
"bl": "^0.9.4", | ||
"gulp": "^3.8.11", | ||
"gulp-basswork": "^0.1.0", | ||
"gulp-minify-css": "^0.4.6", | ||
"gulp-rename": "^1.2.0", | ||
"gulp-size": "^1.2.1", | ||
"gulp-webserver": "^0.9.0", | ||
"readable-stream": "^1.0.33", | ||
"through2": "^0.6.3", | ||
"vinyl-transform": "^1.0.0", | ||
"autoprefixer": "^5.2.0", | ||
"cssnano": "^2.6.1", | ||
"immutable-css": "^0.1.0", | ||
"node-minify": "^1.2.0", | ||
"perfectionist": "^1.3.1", | ||
"pixrem": "^1.3.1", | ||
"postcss": "^4.1.16", | ||
"postcss-browser-reporter": "^0.3.0", | ||
"postcss-conditionals": "^1.3.0", | ||
"postcss-css-variables": "^0.4.0", | ||
"postcss-custom-media": "^4.1.0", | ||
"postcss-import": "^6.2.0" | ||
"tachyons-cli": "^0.3.1" | ||
}, | ||
"scripts": { | ||
"start": "node build.js" | ||
"start": "tachyons src/tachyons-coordinates.css > css/tachyons-coordinates.css && tachyons src/tachyons-coordinates.css --minify > css/tachyons-coordinates.min.css && tachyons src/tachyons-coordinates.css --generate-docs --package=../../package.json > readme.md" | ||
} | ||
} |
389
README.md
@@ -1,311 +0,154 @@ | ||
# TACHYONS-COORDINATES | ||
# tachyons-coordinates 1.1.0 | ||
http://tachyons.io | ||
Performance based css module. | ||
Work In Progress. Pull requests and open issues welcome. | ||
#### Stats | ||
## Install | ||
421 | 64 | 64 | ||
---|---|--- | ||
bytes | selectors | declarations | ||
## Installation | ||
#### With [npm](https://npmjs.com) | ||
``` | ||
npm install --save-dev tachyons-coordinates | ||
``` | ||
or download the css on github and include in your project. | ||
## The Code | ||
#### With Git | ||
``` | ||
/* | ||
git clone https://github.com/tachyons-css/tachyons-coordinates | ||
``` | ||
COORDINATES | ||
## Usage | ||
Use in combination with the position module. | ||
#### Using with [PostCSS](https://github.com/postcss/postcss) | ||
*/ | ||
Import the css module | ||
.top-0 { | ||
top: 0; | ||
} | ||
```css | ||
@import "tachyons-coordinates"; | ||
``` | ||
.left-0 { | ||
left: 0; | ||
} | ||
Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli) | ||
.right-0 { | ||
right: 0; | ||
} | ||
```sh | ||
$ npm i -g tachyons-cli | ||
$ tachyons-cli path/to/css-file.css > dist/t.css | ||
``` | ||
.bottom-0 { | ||
bottom: 0; | ||
} | ||
#### Using the CSS | ||
.top-1 { | ||
top: 1rem; | ||
} | ||
The built CSS is located in the `css` directory. It contains an unminified and minified version. | ||
You can either cut and paste that css or link to it directly in your html. | ||
.left-1 { | ||
left: 1rem; | ||
} | ||
```html | ||
<link rel="stylesheet" href="path/to/module/css/tachyons-coordinates"> | ||
``` | ||
.right-1 { | ||
right: 1rem; | ||
} | ||
#### Development | ||
.bottom-1 { | ||
bottom: 1rem; | ||
} | ||
The source CSS files can be found in the `src` directory. | ||
Running `$ npm start` will process the source CSS and place the built CSS in the `css` directory. | ||
.top-2 { | ||
top: 2rem; | ||
} | ||
## The CSS | ||
.left-2 { | ||
left: 2rem; | ||
} | ||
```css | ||
/* | ||
.right-2 { | ||
right: 2rem; | ||
} | ||
COORDINATES | ||
.bottom-2 { | ||
bottom: 2rem; | ||
} | ||
Use in combination with the position module. | ||
.top-4 { | ||
top: 4rem; | ||
} | ||
.left-4 { | ||
left: 4rem; | ||
} | ||
.right-4 { | ||
right: 4rem; | ||
} | ||
.bottom-4 { | ||
bottom: 4rem; | ||
} | ||
*/ | ||
.top-0 { top: 0; } | ||
.left-0 { left: 0; } | ||
.right-0 { right: 0; } | ||
.bottom-0 { bottom: 0; } | ||
.top-1 { top: 1rem; } | ||
.left-1 { left: 1rem; } | ||
.right-1 { right: 1rem; } | ||
.bottom-1 { bottom: 1rem; } | ||
.top-2 { top: 2rem; } | ||
.left-2 { left: 2rem; } | ||
.right-2 { right: 2rem; } | ||
.bottom-2 { bottom: 2rem; } | ||
.top-4 { top: 4rem; } | ||
.left-4 { left: 4rem; } | ||
.right-4 { right: 4rem; } | ||
.bottom-4 { bottom: 4rem; } | ||
@media screen and (min-width: 48em) { | ||
.top-0-ns { | ||
top: 0; | ||
} | ||
.left-0-ns { | ||
left: 0; | ||
} | ||
.right-0-ns { | ||
right: 0; | ||
} | ||
.bottom-0-ns { | ||
bottom: 0; | ||
} | ||
.top-1-ns { | ||
top: 1rem; | ||
} | ||
.left-1-ns { | ||
left: 1rem; | ||
} | ||
.right-1-ns { | ||
right: 1rem; | ||
} | ||
.bottom-1-ns { | ||
bottom: 1rem; | ||
} | ||
.top-2-ns { | ||
top: 2rem; | ||
} | ||
.left-2-ns { | ||
left: 2rem; | ||
} | ||
.right-2-ns { | ||
right: 2rem; | ||
} | ||
.bottom-2-ns { | ||
bottom: 2rem; | ||
} | ||
.top-4-ns { | ||
top: 4rem; | ||
} | ||
.left-4-ns { | ||
left: 4rem; | ||
} | ||
.right-4-ns { | ||
right: 4rem; | ||
} | ||
.bottom-4-ns { | ||
bottom: 4rem; | ||
} | ||
.top-0-ns { top: 0; } | ||
.left-0-ns { left: 0; } | ||
.right-0-ns { right: 0; } | ||
.bottom-0-ns { bottom: 0; } | ||
.top-1-ns { top: 1rem; } | ||
.left-1-ns { left: 1rem; } | ||
.right-1-ns { right: 1rem; } | ||
.bottom-1-ns { bottom: 1rem; } | ||
.top-2-ns { top: 2rem; } | ||
.left-2-ns { left: 2rem; } | ||
.right-2-ns { right: 2rem; } | ||
.bottom-2-ns { bottom: 2rem; } | ||
.top-4-ns { top: 4rem; } | ||
.left-4-ns { left: 4rem; } | ||
.right-4-ns { right: 4rem; } | ||
.bottom-4-ns { bottom: 4rem; } | ||
} | ||
@media screen and (min-width: 48em) and (max-width: 64em) { | ||
.top-0-m { | ||
top: 0; | ||
} | ||
.left-0-m { | ||
left: 0; | ||
} | ||
.right-0-m { | ||
right: 0; | ||
} | ||
.bottom-0-m { | ||
bottom: 0; | ||
} | ||
.top-1-m { | ||
top: 1rem; | ||
} | ||
.left-1-m { | ||
left: 1rem; | ||
} | ||
.right-1-m { | ||
right: 1rem; | ||
} | ||
.bottom-1-m { | ||
bottom: 1rem; | ||
} | ||
.top-2-m { | ||
top: 2rem; | ||
} | ||
.left-2-m { | ||
left: 2rem; | ||
} | ||
.right-2-m { | ||
right: 2rem; | ||
} | ||
.bottom-2-m { | ||
bottom: 2rem; | ||
} | ||
.top-4-m { | ||
top: 4rem; | ||
} | ||
.left-4-m { | ||
left: 4rem; | ||
} | ||
.right-4-m { | ||
right: 4rem; | ||
} | ||
.bottom-4-m { | ||
bottom: 4rem; | ||
} | ||
.top-0-m { top: 0; } | ||
.left-0-m { left: 0; } | ||
.right-0-m { right: 0; } | ||
.bottom-0-m { bottom: 0; } | ||
.top-1-m { top: 1rem; } | ||
.left-1-m { left: 1rem; } | ||
.right-1-m { right: 1rem; } | ||
.bottom-1-m { bottom: 1rem; } | ||
.top-2-m { top: 2rem; } | ||
.left-2-m { left: 2rem; } | ||
.right-2-m { right: 2rem; } | ||
.bottom-2-m { bottom: 2rem; } | ||
.top-4-m { top: 4rem; } | ||
.left-4-m { left: 4rem; } | ||
.right-4-m { right: 4rem; } | ||
.bottom-4-m { bottom: 4rem; } | ||
} | ||
@media screen and (min-width: 64em) { | ||
.top-0-l { | ||
top: 0; | ||
} | ||
.left-0-l { | ||
left: 0; | ||
} | ||
.right-0-l { | ||
right: 0; | ||
} | ||
.bottom-0-l { | ||
bottom: 0; | ||
} | ||
.top-1-l { | ||
top: 1rem; | ||
} | ||
.left-1-l { | ||
left: 1rem; | ||
} | ||
.right-1-l { | ||
right: 1rem; | ||
} | ||
.bottom-1-l { | ||
bottom: 1rem; | ||
} | ||
.top-2-l { | ||
top: 2rem; | ||
} | ||
.left-2-l { | ||
left: 2rem; | ||
} | ||
.right-2-l { | ||
right: 2rem; | ||
} | ||
.bottom-2-l { | ||
bottom: 2rem; | ||
} | ||
.top-4-l { | ||
top: 4rem; | ||
} | ||
.left-4-l { | ||
left: 4rem; | ||
} | ||
.right-4-l { | ||
right: 4rem; | ||
} | ||
.bottom-4-l { | ||
bottom: 4rem; | ||
} | ||
.top-0-l { top: 0; } | ||
.left-0-l { left: 0; } | ||
.right-0-l { right: 0; } | ||
.bottom-0-l { bottom: 0; } | ||
.top-1-l { top: 1rem; } | ||
.left-1-l { left: 1rem; } | ||
.right-1-l { right: 1rem; } | ||
.bottom-1-l { bottom: 1rem; } | ||
.top-2-l { top: 2rem; } | ||
.left-2-l { left: 2rem; } | ||
.right-2-l { right: 2rem; } | ||
.bottom-2-l { bottom: 2rem; } | ||
.top-4-l { top: 4rem; } | ||
.left-4-l { left: 4rem; } | ||
.right-4-l { right: 4rem; } | ||
.bottom-4-l { bottom: 4rem; } | ||
} | ||
``` | ||
## Author | ||
## Contributing | ||
[mrmrs](http://mrmrs.io) | ||
1. Fork it | ||
2. Create your feature branch (`git checkout -b my-new-feature`) | ||
3. Commit your changes (`git commit -am 'Add some feature'`) | ||
4. Push to the branch (`git push origin my-new-feature`) | ||
5. Create new Pull Request | ||
## License | ||
## Authors | ||
The MIT License (MIT) | ||
* [mrmrs](http://mrmrs.io) | ||
* [johno](http://johnotander.com) | ||
Permission is hereby granted, free of charge, to any person obtaining a copy | ||
of this software and associated documentation files (the "Software"), to deal | ||
in the Software without restriction, including without limitation the rights | ||
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell | ||
copies of the Software, and to permit persons to whom the Software is | ||
furnished to do so, subject to the following conditions: | ||
## License | ||
The above copyright notice and this permission notice shall be included in | ||
all copies or substantial portions of the Software. | ||
MIT | ||
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR | ||
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, | ||
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE | ||
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER | ||
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, | ||
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN | ||
THE SOFTWARE. | ||
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
Filesystem access
Supply chain riskAccesses the file system, and could potentially read sensitive data.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
14817
1
10
210
155
2
1