Articles of sass

Comment inclure un fichier SCSS en HTML

Je ne sais pas comment inclure le fichier SCSS sur mon site mais j’ai complètement développé le fichier .scss en utilisant le bloc-notes. S’il vous plaît laissez-moi savoir comment l’inclure dans mon site web?

Fichier à importer introuvable ou illisible: compas

J’ai installé Sass avec succès, mais j’ai du mal à importer Compass. Voici le détail de l’erreur: *Syntax error: File to import not found or unreadable: compass. Load path: H:/HTML/___keoFull/sass ….. Backtrace: mainKeo.scss:2 style.scss:2 C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/import_node.rb:67:in `rescue in import’ C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/import_node.rb:45:in `import’ C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/import_node.rb:28:in `imported_file’ C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/import_node.rb:37:in `css_import?’ C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:217:in `visit_import’ C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/visitors/base.rb:37:in `visit’ C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:100:in `visit’ C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:227:in `block in visit_import’ C:/Ruby193/lib/ruby/gems/1.9.1/gems/sass-3.2.6/lib/sass/tree/visitors/perform.rb:227:in […]

Les aides sass-rails “image-url”, “asset-url” ne fonctionnent pas dans les rails 3.2.1

Je suis sur 3.2.1, avec sass-rails-3.2.4 et sass-3.1.15 … La documentation du pipeline d’actifs indique: asset-url(“rails.png”, image) becomes url(/assets/rails.png) image-url(“rails.png”) becomes url(/assets/rails.png) … J’ai donc créé le fichier suivant: # app/assets/stylesheets/public/omg.css.sass body background: asset-url(‘snake.gif’, image) #lol background: image-url(‘snake.gif’) et quand je visite localhost: 3000 / assets / public / omg.css je reçois: body { background: […]

Utiliser plusieurs conditions (AND) dans l’instruction IF SASS

En utilisant SASS, je voudrais avoir plusieurs conditions dans l’instruction IF Ce que j’utilise maintenant: @function color-x ($alpha) { @if $accent == red {@return red($alpha)} @else if $accent == green {@return green($alpha)} @else if $accent == blue {@return blue($alpha)} } Ma tentative naïve (échouée) d’utiliser plusieurs conditions: @function color-x ($alpha) { @if $accent == red […]

SCSS / SASS: Comment générer dynamicment une liste de classes avec des virgules les séparant

Je travaille avec la syntaxe SCSS de SASS pour créer un système de grid dynamic mais j’ai rencontré un problème. J’essaie de rendre le système de grid complètement dynamic comme ceci: $columns: 12; alors je crée les colonnes comme ceci: @mixin col-x { @for $i from 1 through $columns { .col-#{$i} { width: $column-size * […]

Gulp TypeError: Les arguments de path.join doivent être des chaînes

J’ai un problème avec gulp-ruby-sass. Lorsque j’essaie d’exécuter la tâche de surveillance et de modifier certains fichiers .sass, il se produit une erreur: TypeError: Arguments to path.join must be ssortingngs Voici mon gulpfile.js var gulp = require(‘gulp’); var jade = require(‘gulp-jade’); var sass = require(‘gulp-ruby-sass’); var watch = require(‘gulp-watch’); gulp.task(‘sass’, function() { return gulp.src(‘sass/*.sass’) .pipe(sass()) […]

Différence entre boussole et sass?

Je sais que c’est une question stupide, mais j’ai cherché sur Google et je ne trouve aucune réponse: / Alors, quelle est la différence entre SASS et Compass, SASS et SCSS? Cela me rend vraiment confus. Merci pour toute information 🙂

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

Vérifier si une variable est définie dans SASS

Comme le titre l’indique, j’essaie de vérifier si une variable est définie dans SASS. (J’utilise la boussole si cela fait une différence différente) J’ai trouvé l’équivalent Ruby qui est: defined? foo Cela a donné un coup de feu dans le noir mais ça m’a juste donné l’erreur: defined”: expected “{“, was “? J’ai trouvé un […]

Que signifie! Default dans une valeur de propriété css?

Le code de démarrage de Twitter contient beaucoup de propriétés CSS avec un !default à la fin. Par exemple p { color: white !default; } Qu’est-ce que le !default fait? METTRE À JOUR Mon mauvais pour ne pas être clair. J’utilise le port SASS de Bootstrap.