Questions marquées «sass»

Sass (Syntactically Awesome Style Sheets) est une extension de CSS ajoutant des fonctionnalités telles que des règles imbriquées, des variables, des mixins et des extensions de classe. Cela permet aux développeurs d'écrire du CSS structuré, gérable et réutilisable. Sass est compilé en CSS standard.

1904
Quelle est la différence entre SCSS et Sass?

D'après ce que j'ai lu, Sass est un langage qui rend CSS plus puissant avec un support variable et mathématique. Quelle est la différence avec SCSS? Est-ce censé être la même langue? Similaire?

1347
Variable Sass dans la fonction CSS calc ()

J'essaie d'utiliser la calc()fonction dans une feuille de style Sass, mais j'ai des problèmes. Voici mon code: $body_padding: 50px body padding-top: $body_padding height: calc(100% - $body_padding) Si j'utilise le littéral 50pxau lieu de ma body_paddingvariable, j'obtiens exactement ce que je veux....

509
Importer un fichier CSS ordinaire dans un fichier SCSS?

Est-il possible d'importer un fichier CSS normal avec la @importcommande de Sass ? Bien que je n'utilise pas toute la syntaxe SCSS de sass, j'apprécie toujours la combinaison / compression des fonctionnalités, et j'aimerais pouvoir l'utiliser sans renommer tous mes fichiers en *...

332
Sass .scss: imbrication et classes multiples?

J'utilise Sass (.scss) pour mon projet actuel. Exemple suivant: HTML <div class="container desc"> <div class="hello"> Hello World </div> </div> SCSS .container { background:red; color:white; .hello { padding-left:50px; } } Cela fonctionne très bien. Puis-je gérer plusieurs...

329
Options CLI SASS angulaires

Je suis nouveau sur Angular et je viens de la communauté Ember. Essayer d'utiliser la nouvelle Angular-CLI basée sur Ember-CLI. J'ai besoin de connaître la meilleure façon de gérer SASS dans un nouveau projet Angular. J'ai essayé d'utiliser le ember-cli-sassdépôt pour voir s'il fonctionnerait, car...

309
Inclure une autre classe dans SCSS

J'ai ceci dans mon fichier SCSS: .class-a{ display: inline-block; //some other properties &:hover{ color: darken(#FFFFFF, 10%); } } .class-b{ //Inherite class-a here //some properties } Dans la classe-b, je voudrais hériter de toutes les propriétés et déclarations imbriquées de class-a. Comment...

263
Essayez de réinstaller `node-sass` sur le noeud 0.12?

Je souhaite utiliser le kit de démarrage Google Web. J'ai installé node.js v0.12.0, node-sass& gulp. Et puis a couru: $ sudo npm install Lorsque j'ai tapé, j'ai gulp serveobtenu cette erreur: Using gulpfile ~/web-starter-kit/gulpfile.js Starting 'styles'... 'styles' errored after 93 ms Error:...

235
sass --watch avec minify automatique?

Existe-t-il un moyen d'exécuter: sass --watch a.scss:a.css mais ont a.css fini par être minifiés? Comment éviter d'avoir à exécuter une étape de minification distincte lors de la compilation de ma feuille de

217
SASS - utiliser des variables sur plusieurs fichiers

Je voudrais conserver un fichier .scss central qui stocke toutes les définitions de variables SASS pour un projet. // _master.scss $accent: #6D87A7; $error: #811702; $warning: #F9E055; $valid: #038144; // etc... Le projet comportera un grand nombre de fichiers CSS, en raison de sa nature. Il est...

202
Faire un mixin Sass avec des arguments optionnels

J'écris un mixin comme celui-ci: @mixin box-shadow($top, $left, $blur, $color, $inset:"") { -webkit-box-shadow: $top $left $blur $color $inset; -moz-box-shadow: $top $left $blur $color $inset; box-shadow: $top $left $blur $color $inset; } Quand on appelle ce que je veux vraiment, c'est que si...

135
Angular-cli du CSS au SCSS

J'ai lu la documentation , qui dit que si je veux utiliser, scssje dois exécuter la commande suivante: ng set defaults.styleExt scss Mais lorsque je fais cela et que je crée ce fichier, je reçois toujours cette erreur dans ma console: styles.bundle.js:33Uncaught Error: Module build failed: Error:...