tachyons-max-widths - npm Package Compare versions

Comparing version 2.1.0 to 3.0.0

package.json

 {
   "name": "tachyons-max-widths",
-  "version": "2.1.0",
+  "version": "3.0.0",
   "style": "tachyons-max-widths.css",
   "homepage": "http://github.com/mrmrs/tachyons-max-widths",
   "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-max-widths.css > css/tachyons-max-widths.css && tachyons src/tachyons-max-widths.css --minify > css/tachyons-max-widths.min.css && tachyons src/tachyons-max-widths.css --generate-docs --package=../../package.json > readme.md"
   }
 }

README.md

@@ -1,144 +0,151 @@
-# TACHYONS-MAX-WIDTHS
+# tachyons-max-widths 2.1.0
 
-http://tachyons.io
+Performance based css module.
 
-Work In Progress. Pull requests and open issues welcome.
+#### Stats
 
-## Install
+411 | 60 | 60
+---|---|---
+bytes | selectors | declarations
+
+## Installation
+
+#### With [npm](https://npmjs.com)
+
 ```
 npm install --save-dev tachyons-max-widths
 ```
-or download the css on github and include in your project.
 
-## The Code
+#### With Git
+
 ```
+git clone https://github.com/tachyons-css/tachyons-max-widths
+```
 
-/*
+## Usage
 
-   MAX WIDTHS
+#### Using with [PostCSS](https://github.com/postcss/postcss)
 
-*/
+Import the css module
 
-.mw-100  { max-width: 100%; }
-.mw-75   { max-width: 75%; }
-.mw-50   { max-width: 50%; }
-.mw-25   { max-width: 25%; }
+```css
+@import "tachyons-max-widths";
+```
 
-.mw1  {  max-width: 1rem; }
-.mw2  {  max-width: 2rem; }
-.mw3  {  max-width: 4rem; }
-.mw4  {  max-width: 8rem; }
-.mw5  {  max-width: 16rem; }
-.mw6  {  max-width: 32rem; }
-.mw7  {  max-width: 48rem; }
-.mw8  {  max-width: 64rem; }
-.mw9  {  max-width: 96rem; }
-.mw10 {  max-width: 128rem; }
+Then process the CSS using the [`tachyons-cli`](https://github.com/tachyons-css/tachyons-cli)
 
-.mw-none { max-width: none; }
-.mw-max  { max-width: max-content; }
-.mw-min  { max-width: min-content; }
-.mw-fit  { max-width: fit-content; }
-.mw-fill { max-width: fill-available; }
+```sh
+$ npm i -g tachyons-cli
+$ tachyons-cli path/to/css-file.css > dist/t.css
+```
 
-@include break(not-small) {
-  .mw-100-ns  { max-width: 100%; }
-  .mw-75-ns   { max-width: 75%; }
-  .mw-50-ns   { max-width: 50%; }
-  .mw-25-ns   { max-width: 25%; }
+#### Using the CSS
 
-  .mw1-ns  {  max-width: 1rem; }
-  .mw2-ns  {  max-width: 2rem; }
-  .mw3-ns  {  max-width: 4rem; }
-  .mw4-ns  {  max-width: 8rem; }
-  .mw5-ns  {  max-width: 16rem; }
-  .mw6-ns  {  max-width: 32rem; }
-  .mw7-ns  {  max-width: 48rem; }
-  .mw8-ns  {  max-width: 64rem; }
-  .mw9-ns  {  max-width: 96rem; }
-  .mw10-ns {  max-width: 128rem; }
+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.
 
-  .mw-none-ns { max-width: none; }
-  .mw-max-ns  { max-width: max-content; }
-  .mw-min-ns  { max-width: min-content; }
-  .mw-fit-ns  { max-width: fit-content; }
-  .mw-fill-ns { max-width: fill-available; }
-}
+```html
+<link rel="stylesheet" href="path/to/module/css/tachyons-max-widths">
+```
 
-@include break(medium) {
-  .mw-100-m  { max-width: 100%; }
-  .mw-75-m   { max-width: 75%; }
-  .mw-50-m   { max-width: 50%; }
-  .mw-25-m   { max-width: 25%; }
+#### Development
 
-  .mw1-m  {  max-width: 1rem; }
-  .mw2-m  {  max-width: 2rem; }
-  .mw3-m  {  max-width: 4rem; }
-  .mw4-m  {  max-width: 8rem; }
-  .mw5-m  {  max-width: 16rem; }
-  .mw6-m  {  max-width: 32rem; }
-  .mw7-m  {  max-width: 48rem; }
-  .mw8-m  {  max-width: 64rem; }
-  .mw9-m  {  max-width: 96rem; }
-  .mw10-m {  max-width: 128rem; }
+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.
 
-  .mw-none-m { max-width: none; }
-  .mw-max-m  { max-width: max-content; }
-  .mw-min-m  { max-width: min-content; }
-  .mw-fit-m  { max-width: fit-content; }
-  .mw-fill-m { max-width: fill-available; }
-}
+## The CSS
 
-@include break(large) {
-  .mw-100-l  { max-width: 100%; }
-  .mw-75-l   { max-width: 75%; }
-  .mw-50-l   { max-width: 50%; }
-  .mw-25-l   { max-width: 25%; }
+```css
+/*
 
-  .mw1-l  {  max-width: 1rem; }
-  .mw2-l  {  max-width: 2rem; }
-  .mw3-l  {  max-width: 4rem; }
-  .mw4-l  {  max-width: 8rem; }
-  .mw5-l  {  max-width: 16rem; }
-  .mw6-l  {  max-width: 32rem; }
-  .mw7-l  {  max-width: 48rem; }
-  .mw8-l  {  max-width: 64rem; }
-  .mw9-l  {  max-width: 96rem; }
-  .mw10-l {  max-width: 128rem; }
+   MAX WIDTHS
 
-  .mw-none-l { max-width: none; }
-  .mw-max-l  { max-width: max-content; }
-  .mw-min-l  { max-width: min-content; }
-  .mw-fit-l  { max-width: fit-content; }
-  .mw-fill-l { max-width: fill-available; }
+*/
+/* Max Width Percentages */
+.mw-100 { max-width: 100%; }
+.mw-75 { max-width: 75%; }
+.mw-50 { max-width: 50%; }
+.mw-25 { max-width: 25%; }
+/* Max Width Scale */
+.mw1 { max-width: 1rem; }
+.mw2 { max-width: 2rem; }
+.mw3 { max-width: 4rem; }
+.mw4 { max-width: 8rem; }
+.mw5 { max-width: 16rem; }
+.mw6 { max-width: 32rem; }
+.mw7 { max-width: 48rem; }
+.mw8 { max-width: 64rem; }
+.mw9 { max-width: 96rem; }
+.mw10 { max-width: 128rem; }
+/* Max Width String Properties */
+.mw-none { max-width: none; }
+@media screen and (min-width: 48em) {
+ .mw-100-ns { max-width: 100%; }
+ .mw-75-ns { max-width: 75%; }
+ .mw-50-ns { max-width: 50%; }
+ .mw-25-ns { max-width: 25%; }
+ .mw1-ns { max-width: 1rem; }
+ .mw2-ns { max-width: 2rem; }
+ .mw3-ns { max-width: 4rem; }
+ .mw4-ns { max-width: 8rem; }
+ .mw5-ns { max-width: 16rem; }
+ .mw6-ns { max-width: 32rem; }
+ .mw7-ns { max-width: 48rem; }
+ .mw8-ns { max-width: 64rem; }
+ .mw9-ns { max-width: 96rem; }
+ .mw10-ns { max-width: 128rem; }
+ .mw-none-ns { max-width: none; }
 }
+@media screen and (min-width: 48em) and (max-width: 64em) {
+ .mw-100-m { max-width: 100%; }
+ .mw-75-m { max-width: 75%; }
+ .mw-50-m { max-width: 50%; }
+ .mw-25-m { max-width: 25%; }
+ .mw1-m { max-width: 1rem; }
+ .mw2-m { max-width: 2rem; }
+ .mw3-m { max-width: 4rem; }
+ .mw4-m { max-width: 8rem; }
+ .mw5-m { max-width: 16rem; }
+ .mw6-m { max-width: 32rem; }
+ .mw7-m { max-width: 48rem; }
+ .mw8-m { max-width: 64rem; }
+ .mw9-m { max-width: 96rem; }
+ .mw10-m { max-width: 128rem; }
+ .mw-none-m { max-width: none; }
+}
+@media screen and (min-width: 64em) {
+ .mw-100-l { max-width: 100%; }
+ .mw-75-l { max-width: 75%; }
+ .mw-50-l { max-width: 50%; }
+ .mw-25-l { max-width: 25%; }
+ .mw1-l { max-width: 1rem; }
+ .mw2-l { max-width: 2rem; }
+ .mw3-l { max-width: 4rem; }
+ .mw4-l { max-width: 8rem; }
+ .mw5-l { max-width: 16rem; }
+ .mw6-l { max-width: 32rem; }
+ .mw7-l { max-width: 48rem; }
+ .mw8-l { max-width: 64rem; }
+ .mw9-l { max-width: 96rem; }
+ .mw10-l { max-width: 128rem; }
+ .mw-none-l { max-width: none; }
+}
 ```
 
-## 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

License

This 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 risk

Package 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 risk

Accesses the file system, and could potentially read sensitive data.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This 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

25688

increased by20.65%

Dev dependency count

1

decreased by-95.45%

Number of package files

13

increased by62.5%

Lines of code

289

increased by60.56%

Number of lines in readme file

152

increased by4.83%

Worsened metrics

Number of low supply chain risk alerts

2

increased by100%

Number of medium supply chain risk alerts

1

increased byInfinity%

No dependency changes