Converte scss em css

Alguém sabe como posso converter este código para css padrão? Não está a funcionar no editor deles.

Http://codepen.io/andymcfee/pen/eyahr

 50
Author: ultranaut, 2012-11-30

5 answers

Se clicar no título CSS (SCSS) no CodePen (não altere o pré-processador com a engrenagem), ele irá mudar para a vista CSS compilada.

Codepen Screenshot of Compiled Preview

 77
Author: y8r, 2012-11-30 19:47:35

No terminal, execute este comando na pasta onde as fichas do sistema são:

sass --watch style.scss:style.css 

Fonte:

Http://sass-lang.com/

Quando alguma vez notar uma alteração no ficheiro .scss irá actualizar o seu .css

Isto só funciona quando o seu .scss está na sua máquina local. Tente copiar o código para um ficheiro e executá-lo localmente.
 76
Author: joshuahornby10, 2015-10-05 12:56:20

Esta é uma solução online / offline e muito fácil de convertê-los. Conversor Scss em CSS

enter image description here

 6
Author: dinindu, 2018-05-02 16:00:15
Em primeiro lugar, tem de instalar o Ruby se não estiver na sua máquina.

1.Abra uma janela de terminal. 2.Execute o comando que ruby.

Se vir um caminho como /usr/bin/ruby, O Ruby está instalado. Se você não ver nenhuma resposta ou receber uma mensagem de erro, Ruby não está instalado. Para verificar se tem uma versão actual do Ruby, execute o comando ruby -v.

Se o ruby não estiver instalado na sua máquina, então

sudo apt-get install ruby2.0
sudo apt-get install ruby2.0-dev
sudo update-alternatives --install /usr/bin/gem gem /usr/bin/gem2.0 1 
Depois disso, instale o Sass gem executando isto. comando
sudo gem install sass --no-user-install

Depois copiar ou adicionar qualquer .sass file and go to that file path and then

sass --watch style.scss:style.css 

Quando alguma vez notar uma mudança no .o ficheiro scss irá actualizar o teu .CSS

Isto só funciona quando o teu .a scss está na sua máquina local. Tente copiar o código para um ficheiro e executá-lo localmente.
 5
Author: Rahi.Shah, 2017-08-01 10:39:50

Pode usar sass /sassFile.scss /cssFile.css

Atenção: antes de usar o comando sass tem de instalar o ruby e depois instalar o sass.

Para instalar o SAS, após o tipo de instalação do ruby gem install sass no seu Terminal

Dica: SAS compile SCSS ficheiros

 4
Author: AngelHotxxx, 2017-02-25 09:47:49