Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More →
tachyons-overflow
Advanced tools
tachyons-overflow - npm Package Compare versions
Comparing version 1.2.0 to 2.0.0
| { | ||
| "name": "tachyons-overflow", | ||
| "version": "1.2.0", | ||
| "version": "2.0.0", | ||
| "style": "tachyons-overflow.css", | ||
| "homepage": "http://github.com/mrmrs/tachyons-overflow", | ||
| "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-overflow.css > css/tachyons-overflow.css && tachyons src/tachyons-overflow.css --minify > css/tachyons-overflow.min.css && tachyons src/tachyons-overflow.css --generate-docs --package=../../package.json > readme.md" | ||
| } | ||
| } |
182
README.md
@@ -1,27 +0,68 @@ | ||
| # TACHYONS-OVERFLOW | ||
| # tachyons-overflow 1.2.0 | ||
| http://tachyons.io | ||
| Performance based css module. | ||
| Work In Progress. Pull requests and open issues welcome. | ||
| #### Stats | ||
| ## Install | ||
| 342 | 50 | 48 | ||
| ---|---|--- | ||
| bytes | selectors | declarations | ||
| ## Installation | ||
| #### With [npm](https://npmjs.com) | ||
| ``` | ||
| npm install --save-dev tachyons-overflow | ||
| ``` | ||
| or download the css on github and include in your project. | ||
| ## The Code | ||
| #### With Git | ||
| ``` | ||
| git clone https://github.com/tachyons-css/tachyons-overflow | ||
| ``` | ||
| ## Usage | ||
| #### Using with [PostCSS](https://github.com/postcss/postcss) | ||
| Import the css module | ||
| ```css | ||
| @import "tachyons-overflow"; | ||
| ``` | ||
| 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-overflow"> | ||
| ``` | ||
| #### 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 | ||
| /* | ||
| OVERFLOWS | ||
| OVERFLOW | ||
| */ | ||
| .of-vis { overflow: visible; } | ||
| .of-hid { overflow: hidden; } | ||
| .of-hid, .oh { overflow: hidden; } | ||
| .of-scr { overflow: scroll; } | ||
| .of-aut { overflow: auto; } | ||
| .ofx-vis { overflow-x: visible; } | ||
@@ -31,3 +72,2 @@ .ofx-hid { overflow-x: hidden; } | ||
| .ofx-aut { overflow-x: auto; } | ||
| .ofy-vis { overflow-y: visible; } | ||
@@ -37,82 +77,62 @@ .ofy-hid { overflow-y: hidden; } | ||
| .ofy-aut { overflow-y: auto; } | ||
| @include break(not-small) { | ||
| .of-vis-ns { overflow: visible; } | ||
| .of-hid-ns { overflow: hidden; } | ||
| .of-scr-ns { overflow: scroll; } | ||
| .of-aut-ns { overflow: auto; } | ||
| .ofx-vis-ns { overflow-x: visible; } | ||
| .ofx-hid-ns { overflow-x: hidden; } | ||
| .ofx-scr-ns { overflow-x: scroll; } | ||
| .ofx-aut-ns { overflow-x: auto; } | ||
| .ofy-vis-ns { overflow-y: visible; } | ||
| .ofy-hid-ns { overflow-y: hidden; } | ||
| .ofy-scr-ns { overflow-y: scroll; } | ||
| .ofy-aut-ns { overflow-y: auto; } | ||
| @media screen and (min-width: 48em) { | ||
| .of-vis-ns { overflow: visible; } | ||
| .of-hid-ns, .oh { overflow: hidden; } | ||
| .of-scr-ns { overflow: scroll; } | ||
| .of-aut-ns { overflow: auto; } | ||
| .ofx-vis-ns { overflow-x: visible; } | ||
| .ofx-hid-ns { overflow-x: hidden; } | ||
| .ofx-scr-ns { overflow-x: scroll; } | ||
| .ofx-aut-ns { overflow-x: auto; } | ||
| .ofy-vis-ns { overflow-y: visible; } | ||
| .ofy-hid-ns { overflow-y: hidden; } | ||
| .ofy-scr-ns { overflow-y: scroll; } | ||
| .ofy-aut-ns { overflow-y: auto; } | ||
| } | ||
| @include break(medium) { | ||
| .of-vis-m { overflow: visible; } | ||
| .of-hid-m { overflow: hidden; } | ||
| .of-scr-m { overflow: scroll; } | ||
| .of-aut-m { overflow: auto; } | ||
| .ofx-vis-m { overflow-x: visible; } | ||
| .ofx-hid-m { overflow-x: hidden; } | ||
| .ofx-scr-m { overflow-x: scroll; } | ||
| .ofx-aut-m { overflow-x: auto; } | ||
| .ofy-vis-m { overflow-y: visible; } | ||
| .ofy-hid-m { overflow-y: hidden; } | ||
| .ofy-scr-m { overflow-y: scroll; } | ||
| .ofy-aut-m { overflow-y: auto; } | ||
| @media screen and (min-width: 48em) and (max-width: 64em) { | ||
| .of-vis-m { overflow: visible; } | ||
| .of-hid-m { overflow: hidden; } | ||
| .of-scr-m { overflow: scroll; } | ||
| .of-aut-m { overflow: auto; } | ||
| .ofx-vis-m { overflow-x: visible; } | ||
| .ofx-hid-m { overflow-x: hidden; } | ||
| .ofx-scr-m { overflow-x: scroll; } | ||
| .ofx-aut-m { overflow-x: auto; } | ||
| .ofy-vis-m { overflow-y: visible; } | ||
| .ofy-hid-m { overflow-y: hidden; } | ||
| .ofy-scr-m { overflow-y: scroll; } | ||
| .ofy-aut-m { overflow-y: auto; } | ||
| } | ||
| @include break(large) { | ||
| .of-vis-l { overflow: visible; } | ||
| .of-hid-l { overflow: hidden; } | ||
| .of-scr-l { overflow: scroll; } | ||
| .of-aut-l { overflow: auto; } | ||
| .ofx-vis-l { overflow-x: visible; } | ||
| .ofx-hid-l { overflow-x: hidden; } | ||
| .ofx-scr-l { overflow-x: scroll; } | ||
| .ofx-aut-l { overflow-x: auto; } | ||
| .ofy-vis-l { overflow-y: visible; } | ||
| .ofy-hid-l { overflow-y: hidden; } | ||
| .ofy-scr-l { overflow-y: scroll; } | ||
| .ofy-aut-l { overflow-y: auto; } | ||
| @media screen and (min-width: 64em) { | ||
| .of-vis-l { overflow: visible; } | ||
| .of-hid-l { overflow: hidden; } | ||
| .of-scr-l { overflow: scroll; } | ||
| .of-aut-l { overflow: auto; } | ||
| .ofx-vis-l { overflow-x: visible; } | ||
| .ofx-hid-l { overflow-x: hidden; } | ||
| .ofx-scr-l { overflow-x: scroll; } | ||
| .ofx-aut-l { overflow-x: auto; } | ||
| .ofy-vis-l { overflow-y: visible; } | ||
| .ofy-hid-l { overflow-y: hidden; } | ||
| .ofy-scr-l { overflow-y: scroll; } | ||
| .ofy-aut-l { overflow-y: auto; } | ||
| } | ||
| ``` | ||
| ## 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. | ||
New alerts
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
Fixed alerts
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
Improved metrics
- Total package byte prevSize
- increased by15.81%
19843
- Dev dependency count
- decreased by-95.45%
1
- Number of package files
- increased by37.5%
11
- Lines of code
- increased by17.33%
176
- Number of lines in readme file
- increased by17.09%
137
Worsened metrics
- Number of low supply chain risk alerts
- increased by100%
2
No dependency changes