Socket
Socket
Sign inDemoInstall

axis

Package Overview
Dependencies
0
Maintainers
2
Versions
18
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

Comparing version 1.0.0 to 2.0.0-alpha1

axis/_button.css

5

license.md

@@ -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:

30

package.json
{
"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)
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc