terse, modular & powerful css library
First alpha for Axis 2.0
This bumps Axis to 1.0.0
and will be the last release of Axis as a Stylus plugin. To read about where the future of Axis is going please see this PR.
Big thanks to everyone who has contributed! 🚀
range
has been renamed to range-input
so it doesn't conflict with a built-in stylus function.Hello friends! We have a super exciting update this time and have been working hard to bring you one of the biggest upgrades to axis in months. In this update, we dropped nib. One of our core contributors also just had an adorable baby, so huge congrats to @dbox.
Ok, let's get to the updates!
First, there is no more vendor prefixing at all in axis, anywhere. The only css that axis produces is spec-compliant css3. This means that you should always use autoprefixer when using axis. Honestly, you should always use autoprefixer anyway, and most of us already do, so this is not a very big change. But it does mean axis produces lighter and quicker code.
We ported back most of nib's useful utilities, slimmed down axis-style. There were a few however that we did not port in, as we didn't deem them useful. These are listed below:
image
(use bg-image
instead)border-radius
(not frequently used)gradients
(now use css spec syntax + autoprefixer)Please note that this upgrade does include breaking changes. If you were not previously using autoprefixer, a lot of things will break cross-browser. And if you were using any of the nib mixins listed above, they will no longer function correctly.
More breaking changes:
$
and camel-case has been replaced with hyphenation. For example textColor
is now $text-color
. Anywhere you're specifically calling those variable names will need to be changed.media
is now named media-object
This release:
rule()
hover-glow()
and hover-float()
click-down()
,click-inset()
, click-shadow()
, & click-shrink()
print
to reset
This release:
tl()
-rem()
to be referenced as a function, not a mixinThis release adds: