Skip to content

desenvolvweb/material-social-card

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

11 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

material-social-card

Código-exemplo de um material card para estudos de transições material.

Baseado no BFB.

Comandos

Comando O que faz? Observação
npm install Instala pacotes necessários Execute isso primeiro!
npm start Inicia o desenvolvimento Acesse http://localhost:1234
npm run build Faz build do site Resultado na pasta dist

Considerações

Basicamente, você só precisa executar npm start e começar a mexer no HTML e Sass como se não houvesse amanhã -- o Parcel oferece live reload: sempre que qualquer alteração é feita, o navegador é atualizado instantaneamente no endereço do servidor que é levantado.

Algo importante sobre estilos é que o arquivo sass/style.scss importa todos os demais (partials), então, sempre que criar um novo arquivo na estrutura, lembre-se de importá-lo.

Se necessário for, você pode executar o comando para fazer o build, que vai minificar os assets, fazer as devidas substituições e tudo o mais que é comum em builds.

Apesar de este boilerplate contar com uma das mais atuais arquiteturas CSS possíveis atualmente -- SMACSS, BEM e Namespaces CSS -- e suporte a ES6, seu uso é recomendado mais para testes e estudos.

Licença

Este projeto usa a licença WTFPL. Consulte o arquivo LICENSE.md para mais detalhes.

About

Material Social Card fictício para mostrar belos resultados de animação CSS.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published