framework CSS
Em um projeto grande, porque muitas páginas, resultando em código CSS difícil de manter e desenvolver. Então quadro CSS pode nos ajudar a resolver o problema de gerenciamento de documentos e divisão de arquivo.
CSS deve ser primeiro processamento modular, um módulo responsável pelo comportamento de uma ação de classe. Ele pode ser implementado usando Sass ou menos.
dobrador | significado |
base | Alguns CSS comum inicial, como redefinir o estilo padrão, animação, ferramentas, impressão, etc. |
componentes | Todos os componentes usados para construir a página, como botões, formulários, tabelas e outros pop |
traçado | Para diferentes porções do layout da página, tais como cabeçalhos, rodapés, layout de grade disposição elástica |
Páginas | Colocado entre as páginas de diferentes estilos, tais como casa de estilo especial, estilo e outra página da lista especial |
temas | A aplicação de diferentes estilos do tema, tais como gerentes, compradores, vendedores, etc. |
abstracts | Desenvolvimento de parte das variáveis auxiliares, funções, etc. Responsive: A colocação de alguns |
fornecedores | Coloque alguns arquivos CSS independentes de terceiros, tais como inicialização, iconfront etc. |
estrutura de arquivos de mapeamento mente
Como uma entrada de arquivo main.scss geral, todos os arquivos de módulo referenciado
@import "abstracts/variables";
@import "abstracts/function";
@import "abstracts/media"; @import "base/reset"; @import "base/typography"; @import "base/animate"; @import "base/utilites"; @import "components/alert"; @import "components/button"; @import "components/form"; @import "components/table"; @import "layout/flex"; @import "layout/grid"; @import "layout/header"; @import "layout/footer"; @import "pages/index"; @import "pages/list"; @import "pages/detail"; @import "pages/goods"; @import "themes/admin"; @import "themes/buyer"; @import "themes/seller"; @import "themes/tourist";
Nota: introdução arquivo sass, estamos no início do nome do arquivo sublinhado, mas quando o introduziu não são sublinhados, porque o tempo para apresentar documentos podem ser omitidos nome do arquivo sublinhada, que é um recurso pequeno, necessidade de tomar nota ! Além disso, o sufixo do arquivo também pode ser omitido.