tachyons-type-scale
Advanced tools
Comparing version 3.1.0 to 4.0.0
{ | ||
"name": "tachyons-type-scale", | ||
"version": "3.1.0", | ||
"version": "4.0.0", | ||
"style": "tachyons-type-scale.css", | ||
"homepage": "http://github.com/mrmrs/tachyons-type-scale", | ||
"description": "Performance based css module.", | ||
"keywords": [ | ||
"oocss", | ||
"rework", | ||
"css", | ||
"rwd", | ||
"design", | ||
"tachyons", | ||
"css performance" | ||
], | ||
"keywords": [], | ||
"repository": { | ||
@@ -31,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-type-scale.css > css/tachyons-type-scale.css && tachyons src/tachyons-type-scale.css --minify > css/tachyons-type-scale.min.css && tachyons src/tachyons-type-scale.css --generate-docs --package=../../package.json > readme.md" | ||
} | ||
} |
146
README.md
@@ -1,84 +0,112 @@ | ||
# TACHYONS-TYPE-SCALE | ||
# tachyons-type-scale 3.2.0 | ||
http://tachyons.io | ||
Performance based css module. | ||
Work In Progress. Pull requests and open issues welcome. | ||
#### Stats | ||
## Install | ||
226 | 25 | 24 | ||
---|---|--- | ||
bytes | selectors | declarations | ||
## Installation | ||
#### With [npm](https://npmjs.com) | ||
``` | ||
npm install --save-dev tachyons-type-scale | ||
``` | ||
or download the css on github and include in your project. | ||
## The Code | ||
#### With Git | ||
``` | ||
git clone https://github.com/tachyons-css/tachyons-type-scale | ||
``` | ||
/* ========================================================================== | ||
## Usage | ||
#### Using with [PostCSS](https://github.com/postcss/postcss) | ||
Import the css module | ||
```css | ||
@import "tachyons-type-scale"; | ||
``` | ||
Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli) | ||
```sh | ||
$ npm i -g tachyons-cli | ||
$ tachyons-cli path/to/css-file.css > dist/t.css | ||
``` | ||
#### Using the CSS | ||
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. | ||
```html | ||
<link rel="stylesheet" href="path/to/module/css/tachyons-type-scale"> | ||
``` | ||
#### Development | ||
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. | ||
## The CSS | ||
```css | ||
/* | ||
TYPE SCALE | ||
========================================================================== */ | ||
.mega { font-size: 4rem; } | ||
.f1 { font-size: 2rem; } | ||
.f2 { font-size: 1.5rem; } | ||
.f3 { font-size: 1.25rem; } | ||
.f4 { font-size: 1rem; } | ||
.f5, | ||
.small { font-size: .85rem; } | ||
@include break(not-small){ | ||
*/ | ||
.mega { font-size: 4rem; } | ||
.f1 { font-size: 2rem; } | ||
.f2 { font-size: 1.5rem; } | ||
.f3 { font-size: 1.25rem; } | ||
.f4 { font-size: 1rem; } | ||
.f5, .small { font-size: .875rem; } | ||
@media screen and (min-width: 48em) { | ||
.mega-ns { font-size: 4rem; } | ||
.f1-ns { font-size: 2rem; } | ||
.f2-ns { font-size: 1.5rem; } | ||
.f3-ns { font-size: 1.25em; } | ||
.f4-ns { font-size: 1.25rem; } | ||
.f5-ns { font-size: 1rem; } | ||
.f6-ns { font-size: .85rem; } | ||
.f1-ns { font-size: 2rem; } | ||
.f2-ns { font-size: 1.5rem; } | ||
.f3-ns { font-size: 1.25rem; } | ||
.f4-ns { font-size: 1rem; } | ||
.f5-ns { font-size: .875rem; } | ||
} | ||
@include break(medium) { | ||
@media screen and (min-width: 48em) and (max-width: 64em) { | ||
.mega-m { font-size: 4rem; } | ||
.f1-m { font-size: 2rem; } | ||
.f2-m { font-size: 1.5rem; } | ||
.f3-m { font-size: 1.25rem; } | ||
.f4-m { font-size: 1rem; } | ||
.f5-m { font-size: .85rem; } | ||
.f1-m { font-size: 2rem; } | ||
.f2-m { font-size: 1.5rem; } | ||
.f3-m { font-size: 1.25rem; } | ||
.f4-m { font-size: 1rem; } | ||
.f5-m { font-size: .875rem; } | ||
} | ||
@include break(large) { | ||
@media screen and (min-width: 64em) { | ||
.mega-l { font-size: 4rem; } | ||
.f1-l { font-size: 2rem; } | ||
.f2-l { font-size: 1.5rem; } | ||
.f3-l { font-size: 1.25rem; } | ||
.f4-l { font-size: 1rem; } | ||
.f5-l { font-size: .85rem; } | ||
.f1-l { font-size: 2rem; } | ||
.f2-l { font-size: 1.5rem; } | ||
.f3-l { font-size: 1.25rem; } | ||
.f4-l { font-size: 1rem; } | ||
.f5-l { font-size: .875rem; } | ||
} | ||
``` | ||
## 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) | ||
Copyright (c) 2015 @mrmrs | ||
## License | ||
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: | ||
MIT | ||
The above copyright notice and this permission notice shall be included in | ||
all copies or substantial portions of the Software. | ||
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. | ||
Sorry, the diff of this file is not supported yet
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
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
13787
1
11
126
113
2