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.
- Execute
npm install stylus-presets
ouyarn add stylus-presets
; - Inclua o arquivo que está em
src/index.styl
em seu projeto.
- Reset;
- Variables;
- Paleta de Cores;
- Mixins.
- 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
Envie-me um e-mail: rafhael@laranja.info ou faça seu Pull Request!