stylus-presets v1.0.1

Pré-definições para Stylus

Aqui encontra-se as pré-definições que sempre incluo na maioria dos sites que faço, sempre que possível eu uso o Stylus como pré-processador de CSS, por ser feito em Javascript e ser extremamente flexível, acabou sendo meu preferido em muito pouco tempo, passando por cima de LESS, SCSS e SASS.

Como usar?

• Execute npm install stylus-presets ou yarn add stylus-presets;
• Inclua o arquivo que está em src/index.styl em seu projeto.

O que está incluso?

• Reset;
• Variables;
• Paleta de Cores;
• Mixins.

Mixins neste repositório

• Animation
  • transition
  • transition-property
  • transition-duration
  • transition-timing-function
  • transition-delay
  • animate
  • animate-delay
  • animate-duration
• Decoration
  • background-size
  • border-radius
  • border-top-left-radius
  • border-top-right-radius
  • border-bottom-left-radius
  • border-bottom-right-radius
  • text-shadow
  • gradient
  • gradient-radial
  • blackfy
• Display
  • calc *
  • box-sizing
  • overflow-scroll
  • user-select
  • appearance
  • square
  • size
  • section-row
  • container-box
  • clearfix
  • opacity
• Images
  • grayscale
• Transformation
  • transform
  • transform-origin
  • transform-style
  • perspective
  • perspective-origin
  • blackface-visibility
  • matrix
  • transform-translate
  • transform-translateX
  • transform-translateY
  • transform-translate3d
  • trasnform-scale
  • transform-rotate
  • skew

Contribua!

Envie-me um e-mail: rafhael@laranja.info ou faça seu Pull Request!