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.

13
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? Différent?
1904 css  sass 
7
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. Cependant, lorsque je passe à la variable, voici la …
1347 css  sass  css-calc 
13
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 * .scss
509 css  sass 
12
Utilisation de polices avec le pipeline d'actifs Rails
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'), asset-url('icoMoon.svg#Icomoon', font) format('svg'); } Le fichier de police réel est stocké dans / app / assets / fonts / J'ai ajouté config.assets.paths << Rails.root.join("app", "assets", "fonts")à …
3
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 classes tout en utilisant des styles imbriqués. Dans l'exemple ci-dessus, je parle de ceci: …
332 sass 
16
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 un certain nombre de composants …
5
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 cela se fait-il? J'ai essayé d'utiliser @include class-a, mais …
309 inheritance  sass 
17
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: `libsass` bindings not found. Try reinstalling `node-sass`? at …
263 node.js  sass  gulp 
3
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 style?
235 css  sass  minify 
5
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 important que je déclare …
217 css  sass 
13
Est-il possible d'importer un répertoire entier dans sass en utilisant @import?
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 un moyen d'inclure tout le répertoire des partiels (c'est un répertoire plein de partiels SASS) comme @import compass ou quelque chose?
209 import  sass  partials 
13
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 aucune $insetvaleur n'est transmise, rien n'est généré, plutôt …
202 sass 
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.