All Projects → static-dev → Axis

static-dev / Axis

Licence: other
terse, modular & powerful css library

Projects that are alternatives of or similar to Axis

react-enterprise-starter-kit
Highly Scalable Awesome React Starter Kit for an enterprise application with a very easy maintainable codebase. 🔥
Stars: ✭ 55 (-82.65%)
Mutual labels:  postcss
Poststylus
PostCSS adapter for Stylus
Stars: ✭ 279 (-11.99%)
Mutual labels:  postcss
Support
JS.coach is a manually curated list of packages related to React, Webpack, Babel and PostCSS
Stars: ✭ 305 (-3.79%)
Mutual labels:  postcss
tailwind-airbnb
A demo of how to build Airbnb's home page using Tailwind CSS
Stars: ✭ 39 (-87.7%)
Mutual labels:  postcss
Shopify Theme Lab
Shopify theme development environment using Liquid, Vue and Tailwind CSS 🧪
Stars: ✭ 250 (-21.14%)
Mutual labels:  postcss
Postcss Utilities
PostCSS plugin to add a collection of mixins, shortcuts, helpers and tools for your CSS
Stars: ✭ 293 (-7.57%)
Mutual labels:  postcss
postcss-rs
🚀 Fast and 100% API compatible postcss replacer, built in Rust
Stars: ✭ 414 (+30.6%)
Mutual labels:  postcss
Electron React Webpack Boilerplate
Minimal Electron, React, PostCSS and Webpack boilerplate to help you get started with building your next app.
Stars: ✭ 312 (-1.58%)
Mutual labels:  postcss
Vscode Stylelint
A Visual Studio Code extension to lint CSS/SCSS/Less with stylelint
Stars: ✭ 260 (-17.98%)
Mutual labels:  postcss
Postcss Flexibility
PostCSS plugin for Flexibility polyfill
Stars: ✭ 304 (-4.1%)
Mutual labels:  postcss
sapper-template-rollup
Starter Rollup template for Sapper apps using postcss, cssnano, tailwindcss, and svelte-preprocess.
Stars: ✭ 32 (-89.91%)
Mutual labels:  postcss
postcss-momentum-scrolling
PostCSS plugin add 'momentum' style scrolling behavior (-webkit-overflow-scrolling: touch) for elements with overflow (scroll, auto) on iOS
Stars: ✭ 69 (-78.23%)
Mutual labels:  postcss
Front End
Operation Code's website
Stars: ✭ 301 (-5.05%)
Mutual labels:  postcss
project-starter
My starter boilerplate for new projects. Totally opinionated :)
Stars: ✭ 24 (-92.43%)
Mutual labels:  postcss
React Redux Boilerplate
Awesome React Redux Workflow Boilerplate with Webpack 4
Stars: ✭ 307 (-3.15%)
Mutual labels:  postcss
storify
Instagram/Whatsapp stories clone built on Web Components and Web Animations API. 🔥
Stars: ✭ 64 (-79.81%)
Mutual labels:  postcss
Webpack Blocks
📦 Configure webpack using functional feature blocks.
Stars: ✭ 2,992 (+843.85%)
Mutual labels:  postcss
Reshape
💠 transform html with javascript plugins
Stars: ✭ 314 (-0.95%)
Mutual labels:  postcss
Kratos Boilerplate
🔥 A simple boilerplate for creating statics PWA using Webpack, Pug, PostCSS and CSS Modules
Stars: ✭ 308 (-2.84%)
Mutual labels:  postcss
React Director Admin Template
ReactJS version of Director Responsive Admin Template Free
Stars: ✭ 304 (-4.1%)
Mutual labels:  postcss

Axis

npm tests dependencies

Axis is a large and robust css utility library built on top of stylus.

Installation

You can install axis through npm, as such:

npm install axis --save

Documentation

You can find full documentation for axis here. 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.

Library Size

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.

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?

Browser Prefixing

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, a library that is extraordinarily good at ensuring your css works correctly in the range of browsers you need it to.

Miscellaneous

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].