web-dev-qa-db-fra.com

Convertit scss en css

Est-ce que quelqu'un sait comment puis-je convertir ce code en CSS standard? Cela ne fonctionne pas dans leur éditeur.

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

csssass
56
Barbara

Si vous cliquez sur le titre CSS (SCSS) dans CodePen (ne changez pas le pré-processeur avec l'engrenage), la vue CSS compilée sera basculée.

Codepen Screenshot of Compiled Preview

81
y8r

Dans terminal, exécutez cette commande dans le dossier où se trouvent les feuilles de procédures:

sass --watch style.scss:style.css

La source:

http://sass-lang.com/

Lorsqu'il remarque un changement dans le fichier .scss, il met à jour votre .css

Cela ne fonctionne que lorsque votre .scss est sur votre ordinateur local. Essayez de copier le code dans un fichier et de l’exécuter localement.

76
joshuahornby10

Ceci est une solution en ligne/hors ligne et très facile à convertir.Convertisseur Scss en CSS

 enter image description here

8
dinindu

Tout d'abord, vous devez installer Ruby s'il ne se trouve pas sur votre ordinateur.

1. Ouvrez une fenêtre de terminal . 2. Exécutez la commande que Ruby.

Si vous voyez un chemin tel que /usr/bin/Ruby, Ruby est installé. Si vous ne voyez aucune réponse ou si vous obtenez un message d'erreur, Ruby n'est pas installé. Pour vérifier que vous possédez une version actuelle de Ruby, exécutez la commande Ruby -v.

Si Ruby n’est pas installé sur votre machine, alors

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

Ensuite, installez Sass gem en exécutant cette commande

Sudo gem install sass --no-user-install

Ensuite, copiez ou ajoutez un fichier .sass et accédez à ce chemin de fichier, puis 

sass --watch style.scss:style.css

Chaque fois qu'il remarque un changement dans le fichier .scss, il met à jour votre .css

Cela ne fonctionne que lorsque votre .scss est sur votre ordinateur local. Essayez de copier le code dans un fichier et de l’exécuter localement.

6
Rahi.Shah

Vous pouvez utiliser sass /sassFile.scss /cssFile.css

Attention: Avant d'utiliser la commande sass, vous devez installer Ruby, puis sass.

Pour installer sass, après l’installation de Ruby, saisissez gem install sass dans votre Terminal

Astuce: sass compile les fichiers SCSS

4
AmerllicA

Installez Ruby-sass en utilisant la commande ci-dessous  
Sudo apt-get -y update 
Sudo apt-get -y installe Ruby-full
Sudo pour installer Ruby-sass
gem installateur

Exemple
sass SCSS_FILE_PATH: CSS_FILE_PATH; 

par exemple, sass mda/at-md-black.scss: css/at-md-black.css;

0
Sagar Jadhav