Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Compass não atualiza para o estilos.css

Bom dia! Pessoal estou fazendo o curso de Sass e chegando no módulo que dala de compass, instalei com sucesso, apliquei o create, ele criou com sucesso, a pasta compass. Este é o config.rb

ttp_path = "/"
css_dir = "css"
sass_dir = "css"
images_dir = "imagens"
javascripts_dir = "js"
line_comments = false

Está é a mensagem do compass

talitaa@BP120535 MINGW64 /c/Temp/Scripts/alura-sass/site-apeperia (master)
$ compass watch css/estilos.scss
>>> Compass is watching for changes. Press Ctrl-C to Stop.

Esta é a ramificação dos arquivos do projeto.

C:.
│   index.html
│   README.md
│
├───.sass-cache
│   ├───12ec00c679a71339480fa52679c545b62f9f0990
│   │       _reset.scssc
│   │
│   ├───291b6798733fbd5d3c930bf1cb566d5131c40340
│   │       ie.scssc
│   │       print.scssc
│   │       screen.scssc
│   │
│   ├───6f1e4a5f13aef6359fb6f582a4236e723c58079f
│   │       ie.scssc
│   │       print.scssc
│   │       screen.scssc
│   │
│   └───ee0d8591c11a2f232afe217d4b388ec7b9d9b81f
│           _utilities.scssc
│
├───compass
│   │   config.rb
│   │
│   ├───sass
│   │       ie.scss
│   │       print.scss
│   │       screen.scss
│   │
│   └───stylesheets
│           ie.css
│           print.css
│           screen.css
│
├───css
│   │   estilos.css
│   │   estilos.css.map
│   │   estilos.scss
│   │
│   ├───.sass-cache
│   │   ├───26a7da31c509b77b1bc32251e1c6b386aa7090ab
│   │   │       blog.scssc
│   │   │       contato.scssc
│   │   │       destaque.scssc
│   │   │       estilos.scssc
│   │   │       footer.scssc
│   │   │       geral.scssc
│   │   │       header.scssc
│   │   │       media-queries.scssc
│   │   │       mixins.scssc
│   │   │       planos.scssc
│   │   │       sobre.scssc
│   │   │       variaveis.scssc
│   │   │
│   │   ├───4535398d0f9909fa45e3b7f04c41783ccfe67531
│   │   │       blog.scssc
│   │   │       contato.scssc
│   │   │       destaque.scssc
│   │   │       footer.scssc
│   │   │       geral.scssc
│   │   │       header.scssc
│   │   │       planos.scssc
│   │   │       sobre.scssc
│   │   │
│   │   ├───56a9c4527bf3b54c079478fa363759e1ae540dc6
│   │   │       normalize.scssc
│   │   │
│   │   └───9b021c0f5a600dbcca9803e30703ed2309e3a9df
│   │           mixins.scssc
│   │           variaveis.scssc
│   │
│   ├───base
│   │       normalize.scss
│   │
│   ├───helpers
│   │       mixins.scss
│   │       variaveis.scss
│   │
│   └───layout
│           blog.scss
│           contato.scss
│           destaque.scss
│           footer.scss
│           geral.scss
│           header.scss
│           planos.scss
│           sobre.scss
│
└───imagens
        bg-home-novo-3.jpg
        destaque.jpg
        facebook.png
        foto-post.jpg
        fundo-rodape.png
        fundo.png
        icone-ok.png
        icone-relogio.png
        icone-x.png
        instagram.png
        logo-android.png
        logo-apple.png
        logo-blackberry.png
        logo-windows.png
        logo.png
        Rectangle 18.png
        sprite.png
        twitter.png

Será que o problema ocorre porque eu mandei criar a pasta do compass com o nome de compass ?

Eu não consigo entender o motivo dele não estar compilando para a pasta estilos.css

1 resposta
solução!

Eu deletei a pasta, e instalei o compass direto na Raiz mesmo sem nenhuma pasta diferenciada.

Ai voltou a funcionar minha raiz de pastas ficou assim

C:.
|   config.rb
|   index.html
|   README.md
|
+---.sass-cache
|   +---12ec00c679a71339480fa52679c545b62f9f0990
|   |       _reset.scssc
|   |
|   +---26a7da31c509b77b1bc32251e1c6b386aa7090ab
|   |       estilos.scssc
|   |
|   +---291b6798733fbd5d3c930bf1cb566d5131c40340
|   |       ie.scssc
|   |       print.scssc
|   |       screen.scssc
|   |
|   +---351085c800fe6c67af18755ce6abdb8096821eb3
|   |       ie.scssc
|   |       print.scssc
|   |       screen.scssc
|   |
|   +---4535398d0f9909fa45e3b7f04c41783ccfe67531
|   |       blog.scssc
|   |       contato.scssc
|   |       destaque.scssc
|   |       footer.scssc
|   |       geral.scssc
|   |       header.scssc
|   |       planos.scssc
|   |       sobre.scssc
|   |
|   +---56a9c4527bf3b54c079478fa363759e1ae540dc6
|   |       normalize.scssc
|   |
|   +---6f1e4a5f13aef6359fb6f582a4236e723c58079f
|   |       ie.scssc
|   |       print.scssc
|   |       screen.scssc
|   |
|   +---8f6bda42921068b52a408db7f14aae3cd34e0556
|   |       ie.scssc
|   |       print.scssc
|   |       screen.scssc
|   |
|   +---9b021c0f5a600dbcca9803e30703ed2309e3a9df
|   |       mixins.scssc
|   |       variaveis.scssc
|   |
|   \---ee0d8591c11a2f232afe217d4b388ec7b9d9b81f
|           _utilities.scssc
|
+---css
|   |   estilos.css
|   |   estilos.css.map
|   |   estilos.scss
|   |
|   +---.sass-cache
|   |   +---12ec00c679a71339480fa52679c545b62f9f0990
|   |   |       _reset.scssc
|   |   |
|   |   +---1343ab8cb50acea2fbd206a0d6285e7881e4b8dc
|   |   |       ie.scssc
|   |   |       print.scssc
|   |   |       screen.scssc
|   |   |
|   |   +---26a7da31c509b77b1bc32251e1c6b386aa7090ab
|   |   |       blog.scssc
|   |   |       contato.scssc
|   |   |       destaque.scssc
|   |   |       estilos.scssc
|   |   |       footer.scssc
|   |   |       geral.scssc
|   |   |       header.scssc
|   |   |       media-queries.scssc
|   |   |       mixins.scssc
|   |   |       planos.scssc
|   |   |       sobre.scssc
|   |   |       variaveis.scssc
|   |   |
|   |   +---4535398d0f9909fa45e3b7f04c41783ccfe67531
|   |   |       blog.scssc
|   |   |       contato.scssc
|   |   |       destaque.scssc
|   |   |       footer.scssc
|   |   |       geral.scssc
|   |   |       header.scssc
|   |   |       planos.scssc
|   |   |       sobre.scssc
|   |   |
|   |   +---56a9c4527bf3b54c079478fa363759e1ae540dc6
|   |   |       normalize.scssc
|   |   |
|   |   +---9b021c0f5a600dbcca9803e30703ed2309e3a9df
|   |   |       mixins.scssc
|   |   |       variaveis.scssc
|   |   |
|   |   \---ee0d8591c11a2f232afe217d4b388ec7b9d9b81f
|   |           _utilities.scssc
|   |
|   +---base
|   |       normalize.scss
|   |
|   +---helpers
|   |       mixins.scss
|   |       variaveis.scss
|   |
|   \---layout
|           blog.scss
|           contato.scss
|           destaque.scss
|           footer.scss
|           geral.scss
|           header.scss
|           planos.scss
|           sobre.scss
|
+---imagens
|       bg-home-novo-3.jpg
|       destaque.jpg
|       facebook.png
|       foto-post.jpg
|       fundo-rodape.png
|       fundo.png
|       icone-ok.png
|       icone-relogio.png
|       icone-x.png
|       instagram.png
|       logo-android.png
|       logo-apple.png
|       logo-blackberry.png
|       logo-windows.png
|       logo.png
|       Rectangle 18.png
|       sprite.png
|       twitter.png
|
+---sass
|       ie.scss
|       print.scss
|       screen.scss
|
\---stylesheets
        ie.css
        print.css
        screen.css

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software