• Stars
    star
    320
  • Rank 131,126 (Top 3 %)
  • Language
    CSS
  • License
    Other
  • Created about 12 years ago
  • Updated over 7 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

terse, modular & powerful css library

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

More Repositories

1

spike

A modern static build tool, powered by webpack
JavaScript
472
star
2

spike-core

⚠️ UNMAINTAINED ⚠️ A modern static build tool, powered by webpack
JavaScript
58
star
3

spike-rooftop

🏠 Spike plugin for integrating RooftopCMS with a static site
JavaScript
20
star
4

spike-records

📀 Spike plugin to load async locals into your views
JavaScript
20
star
5

spike-contentful

📎 Plugin to consume content from the CMS Contentful's API
JavaScript
19
star
6

spike-collections

jekyll-esque dynamic content for spike
JavaScript
18
star
7

spike-tpl-base

🌱 The base template for spike projects
JavaScript
15
star
8

spike-datocms

Spike plugin for easily consuming datocms data
JavaScript
15
star
9

spike-css-standards

A rock solid plugin pack for postcss
JavaScript
13
star
10

spike-optimize

A simple interface for advanced webpack performance optimizations
JavaScript
10
star
11

spike-static-components-example

Example of how to use preact components like web components on a static site
JavaScript
9
star
12

spike-graphcms-netlify-example

An example static app using integrating graphql from graphcms and hosting with netlify
JavaScript
9
star
13

spike-pushstate

⚡ Immediate page loads with spike
JavaScript
7
star
14

pug-static-loader

Webpack loader that compiles pug to html
JavaScript
6
star
15

spike-preact-ssr

Render preact components to static html through webpack
JavaScript
6
star
16

spike-tpl-jekyll

replicate jekyll's functionality with spike collections
JavaScript
5
star
17

source-loader

Webpack loader that directly exports the source of whatever file it's passed
JavaScript
4
star
18

spike-react-example

Basic example of how to use spike with the react tutorial
JavaScript
4
star
19

spike-tpl-sugarfree

spike default template, with unsweetened markup languages for html and css
JavaScript
4
star
20

spike-www

spike landing page and resource hub
JavaScript
4
star
21

spike-tpl-roots

spike template with jade, stylus, and coffeescript
JavaScript
3
star
22

spike-html-standards

A rock solid plugin pack for reshape
JavaScript
3
star
23

spike-client-templates-example

Example of how you can compile and use client-side js templates with spike
JavaScript
2
star
24

filewrap

📁 A light file wrapper for easier path handling
JavaScript
2
star
25

jade-static-loader

a webpack loader to render jade as static html
JavaScript
2
star
26

spike-tpl-kitchen-sink

🌱 an example of some of the functionality a spike template can have
JavaScript
2
star
27

static-components-example

Example of simple implementation of static components 🙌
JavaScript
2
star
28

spike-pagination-example

An example of hybrid static pagination using remote data
JavaScript
2
star
29

jade-client-loader

A simpler jade loader for webpack
JavaScript
1
star
30

spike-util

💰 A grab bag of utilities for spike plugins
JavaScript
1
star
31

spike-basic-example

a very basic example of spike usage, with reshape/babel/postcss/webpack processing
HTML
1
star
32

spike-jss

Static and dynamic rendering for jss 🙌
JavaScript
1
star
33

spike-sass-example

Example of using custom sass loader with spike
JavaScript
1
star