Convertit scss en css

Quelqu'un sait-il comment puis-je convertir ce code en css standard?
Ce n'est pas de travail dans leur éditeur.

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

InformationsquelleAutor Barbara | 2012-11-30
  1. 85

    Si vous cliquez sur le titre CSS (SCSS) dans CodePen (ne pas changer le pré-processeur avec l'engrenage), il va passer à la compilation vue CSS.

    Convertit scss en css

    • Bon Conseil! Je ne savais pas que c'était possible!
    • Cela est-il encore travailler? Essayé aujourd'hui et rien ne se passe...
    • Il y a maintenant une icône en forme d'œil sur la droite qui fait le travail.
    • Vous savez que d'avoir à cliquer sur "Afficher Compilé' bouton en haut de l'onglet CSS.
    • Au moment de la rédaction il est un "signe" dans le coin inférieur droit de l'onglet css qui fait le travail. une liste déroulante s'affiche à partir de là, sélectionnez "afficher compilé CSS".
    InformationsquelleAutor y8r
  2. 80

    Dans le terminal, exécutez cette commande dans le dossier où le systlesheets sont:

    sass --watch style.scss:style.css

    Source:

    http://sass-lang.com/

    Quand jamais il constate un changement dans la .scss fichier il mettra à 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.

    • Je suis sur Windows7. Où puis-je trouver le terminal? N'est-il pas un Linux chose? Comme vous pouvez le voir, je ne sais rien à propos de sass et les terminaux.
    • Utiliser le cmd, cliquez sur exécuter, cmd. suivez les instructions sur il site sur la définition de scss en place. Vous pouvez ensuite enregistrer le fichier que vous voulez sur votre ordinateur et de le transformer en un .css
    • Oh, je vois, merci. Je m'attendais à quelque chose comme un convertisseur en ligne. C'est probablement la seule fois que je vais jamais utiliser sass donc je ne suis pas vraiment à la recherche d'installer des trucs. Merci pour l'aide, cependant.
    • Ok. Cela pourrait aider bien que je n'ai jamais utilisé sass-lang.com/try.html
    • Sass Erreur: Undefined mixin 'backface-visibilité" et Sass Erreur: l'incohérence de l'indentation: 5 espaces ont été utilisés pour l'indentation, mais le reste de ce document a été mis en retrait de 2 espaces. Étrange qu'ils sont les même erreurs que j'ai obtenu à partir d'ici, cssconvert.mgwebsolutions.net
    • Ok. Mon meilleur pari serait de regarder cela, ohttps://www.google.co.uk/search?q=online+scss+compiler&oq=online+scss+compiler&aqs=chrome.0.57j60l2.467&sugexp=chrome,mod=7&sourceid=chrome&ie=UTF-8 il semble y avoir un peu de convertis, vous devez télécharger le bien. Le meilleur de la chance.
    • Se penchera sur cette question, merci.
    • Codepen semble à la conversion, alors pourquoi ne pas simplement de prendre les css compilé par les développeurs de la console de votre navigateur?

    InformationsquelleAutor joshuahornby10
  3. 9

    C'est un en ligne/hors ligne de la solution et très facile à convertir.
    SCSS CSS convertisseur

    Convertit scss en css

    • C'est super utile.
    InformationsquelleAutor dinindu
  4. 6

    Tout d'abord, vous devez installer Ruby s'il n'est pas sur votre machine.

    1.Ouvrez une fenêtre de terminal.
    2.Exécutez la commande qui ruby.

    Si vous voyez un chemin tel que /usr/bin/ruby, Ruby est installé. Si vous ne voyez pas de réponse ou d'obtenir un message d'erreur, Ruby n'est pas installé.
    Pour vérifier que vous disposez bien d'une version de Ruby,
    exécutez la commande ruby -v.

    Si ruby n'est pas installé sur votre machine puis

    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

    Après puis installer Sass, joyau de l'exécution de cette commande

    sudo gem install sass --no-user-install

    Puis les copier ou ajouter tout .sass fichier et aller vers ce chemin d'accès au fichier, puis 

    sass --watch style.scss:style.css

    Quand jamais il constate un changement dans l' .scss fichier il mettra à 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.

    InformationsquelleAutor Rahi.Shah
  5. 4

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

    Attention: Avant d'utiliser sass de commande, vous devez installer ruby et ensuite installer sass.

    Pour l'installation de sass, après ruby type d'installation gem install sass dans votre Terminal

    Astuce: sass compiler SCSS fichiers

    InformationsquelleAutor AmerllicA
  6. 1

    Installer Ruby-sass utilisant la commande ci-dessous

    sudo apt-get -y update

    sudo apt-get -y install ruby-plein

    sudo apt install ruby-sass

    gem install bundler

    Exemple

    sass SCSS_FILE_PATH:CSS_FILE_PATH;

    e.g sass mda/au-md-noir.scss:css/au-md-noir.css;

    InformationsquelleAutor Sagar Jadhav