Questions marquées «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?

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....

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 *...

J'ai installé des modules de noeud par npm install, puis j'ai essayé de faire gulp sass-watch dans l'invite de commande. Après cela, j'ai reçu la réponse ci-dessous. [18:18:32] Requiring external module babel-register fs.js:27 const { Math, Object, Reflect } = primordials; ^ ReferenceError:...

J'ai des polices configurées dans mon fichier Scss comme ceci: @font-face { font-family: 'Icomoon'; src: asset-url('icoMoon.eot?#iefix', font) format('embedded-opentype'), asset-url('icoMoon.woff', font) format('woff'), asset-url('icoMoon.ttf', font) format('truetype'),

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...

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...

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...

Lorsque j'essaie d'installer la dernière version de boussole ( https://rubygems.org/gems/compass/versions/1.0.0.alpha.17 ), j'obtiens l'erreur suivante. ERROR: Error installing compass: ERROR: Failed to build gem native extension. ERROR: Error installing compass: ERROR: Failed to build gem native...

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:...

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

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...

J'ai le mixin Sass suivant, qui est une modification à moitié complète d'un exemple RGBa : @mixin background-opacity($color, $opacity: .3) { background: rgb(200, 54, 54); /* The Fallback */ background: rgba(200, 54, 54, $opacity); } J'ai appliqué $opacityok, mais maintenant je suis coincé avec la...

Je modularise mes feuilles de style avec des partiels SASS comme ceci: @import partials/header @import partials/viewport @import partials/footer @import partials/forms @import partials/list_container @import partials/info_container @import partials/notifications @import partials/queues existe-t-il...

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...

IE9 est apparemment capable de gérer les coins arrondis en utilisant la définition standard CSS3 de border-radius . Qu'en est-il de la prise en charge du rayon de bordure et du dégradé d'arrière - plan? Oui, IE9 doit les supporter tous les deux séparément, mais si vous mélangez les deux, le dégradé...

Je voudrais commencer à utiliser boussole et sass pour accélérer le développement. Pour le moment, j'ai installé Sass sur un mac et lui ai demandé de regarder le fichier scss pour l'entrée, et un fichier css pour la sortie générée. D'après de nombreux articles, Sass est utilisé avec Compass, je me...

E:\A Prem World\Team_Work_Tasks\Anjali\Anjali_20160524\QuizApp_20160524_01_Anj>ionic serve -l (node:4772) fs: re-evaluating native module sources is not supported. If you are using the graceful-fs module, please update it to a more recent version. There is an error in your gulpfile: Error: Node...

Pourquoi mettre _devant le nom du fichier en scss? _filename.scss- Pourquoi en a-t-il besoin

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:...