Comparing version 1.0.0 to 2.0.0-alpha1
@@ -1,5 +0,4 @@ | ||
License (MIT) | ||
------------- | ||
# License (MIT) | ||
Copyright (c) 2013 Jeff Escalante | ||
Copyright (c) 2017 Jeff Escalante | ||
@@ -6,0 +5,0 @@ 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: |
{ | ||
"name": "axis", | ||
"version": "1.0.0", | ||
"description": "css library built on stylus", | ||
"version": "2.0.0-alpha1", | ||
"description": "Axis is a terse, modular & powerful css utility library built on top PostCSS and cssnext.", | ||
"main": "index.css", | ||
"author": "Jeff Escalante", | ||
"license": "MIT", | ||
"main": "index.js", | ||
"repository": { | ||
"type": "git", | ||
"url": "git://github.com/jenius/axis.git" | ||
"url": "git://github.com/static-dev/axis.git" | ||
}, | ||
"devDependencies": { | ||
"accord": "0.26.3", | ||
"autoprefixer-stylus": "0.13.0", | ||
"chai": "3.5.0", | ||
"coffee-script": "1.12.3", | ||
"css-parse": "2.0.0", | ||
"mocha": "3.2.0", | ||
"stylus": "0.54.5" | ||
}, | ||
"scripts": { | ||
"test": "mocha" | ||
}, | ||
"engines": { | ||
"node": ">=0.8.0" | ||
} | ||
"style": "index.css", | ||
"keywords": [ | ||
"axis", | ||
"css", | ||
"cssnext", | ||
"postcss" | ||
] | ||
} |
@@ -1,13 +0,10 @@ | ||
Axis | ||
---- | ||
# ![](http://axis2.netlify.com/img/axis-logo-small.png) | ||
[![npm](http://img.shields.io/npm/v/axis.svg?style=flat)](http://badge.fury.io/js/axis) | ||
[![tests](http://img.shields.io/travis/jenius/axis/master.svg?style=flat)](https://travis-ci.org/jenius/axis) | ||
[![dependencies](http://img.shields.io/gemnasium/jenius/axis.svg?style=flat)](https://gemnasium.com/jenius/axis) | ||
Axis is a large and robust css utility library built on top of [stylus](https://github.com/stylus/stylus). | ||
Axis is a modern, modular, & powerful css toolkit built on top ~~Stylus~~ [Postcss](https://github.com/postcss/postcss) & [cssnext](https://github.com/MoOx/postcss-cssnext). | ||
### Installation | ||
## Installation | ||
You can install axis through npm, as such: | ||
You can install Axis through npm: | ||
@@ -18,19 +15,31 @@ ``` | ||
### Documentation | ||
Then make sure you are using postcss-import and call Axis at the top of your css: | ||
You can find [full documentation for axis here](http://axis.netlify.com). This includes usage instructions for integration with gulp, grunt, express, and more, as well as detailed and permalink-able documentation for each mixin that axis offers. | ||
``` | ||
@import 'axis'; | ||
### Library Size | ||
/* Your awesome css here */ | ||
``` | ||
Some people have expressed concern that axis is too large of a library and they would prefer a smaller one, where they use a higher percentage of the mixins offered. But since axis is a mixin library, it actually adds zero size to your code. That's right, when you include axis and compile it, *not a single character is added to your code*. | ||
## Documentation | ||
The only time it adds anything are when you use its mixins, which are engineered carefully to be as slim and concise as possible, and only use spec-compliant css3. This means that you can make axis' entire library of utilities available for free, use only what you like, and almost certainly add up with *less* code than if you wrote it yourself. Good deal, right? | ||
You can find [full documentation for Axis here](#). | ||
### Browser Prefixing | ||
## Library Size: 0kb | ||
Axis does not include any cross-browser code at all, only pure css3 as defined by the official spec. If you want your code to work better across browsers, we would recommend that you use [autoprefixer](https://github.com/postcss/autoprefixer), a library that is extraordinarily good at ensuring your css works correctly in the range of browsers you need it to. | ||
Since Axis is a mixin library, it actually adds zero size to your code. That's right, when you include Axis and compile it, _not a single character is added to your code_. | ||
### Miscellaneous | ||
The only time it adds anything are when you use its mixins, which are engineered carefully to be as slim and concise as possible, and only use spec-compliant css3\. This means that you can make Axis' entire library of utilities available for free, use only what you like, and almost certainly add up with _less_ code than if you wrote it yourself. Good deal, right? | ||
## Where's the Stylus version? | ||
Want to keep using the Stylus version? No problem! The `1.0.0` release will always be available [here](#). We've also made a handy [2.0 Migration guide](#). | ||
## Future friendly | ||
Part of the reason for the switch from Stylus is so that Axis can be future friendly. All of the code is now part of w3c spec, so eventually all browsers will support Axis features out of the box. But, thanks to [cssnext](https://github.com/MoOx/postcss-cssnext), we can use all these features, today. Good deal indeed! | ||
## Miscellaneous | ||
- Details on the license [can be found here](license.md) | ||
- Details on running tests and contributing [can be found here](contributing.md) |
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
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
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
0
45
0
42519
17
1249
2
1