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.

3
Syntaxe de la condition if / else dans SCSS mixin
Salut, j'essaie d'apprendre SASS / SCSS et j'essaye de refactoriser mon propre mixin pour clearfix ce que j'aimerais, c'est que le mixin soit basé sur le fait que je passe le mix dans une largeur. pensées jusqu'à présent (pseudo code uniquement car je vais inclure d'autres mixins) @mixin clearfix($width) { …
7
Sass ou Compass sans rubis?
Existe-t-il un moyen d'utiliser Sass ou Compass ou quelque chose comme ça sans Ruby? J'ai cherché sur google et sur ce site et je ne trouve rien, toute aide serait appréciée. Je vous remercie
102 css  sass  compass-sass 
7
Utilisation de SASS avec ASP.NET [fermé]
Dans l'état actuel des choses, cette question ne convient pas à notre format de questions-réponses. Nous nous attendons à ce que les réponses soient étayées par des faits, des références ou une expertise, mais cette question suscitera probablement un débat, des arguments, un sondage ou une discussion approfondie. Si vous …
101 asp.net  css  sass 
5
Sass combinant le parent en utilisant une esperluette (&) avec des sélecteurs de type
J'ai du mal à nicher à Sass. Disons que j'ai le code HTML suivant: <p href="#" class="item">Text</p> <p href="#" class="item">Text</p> <a href="#" class="item">Link</a> Lorsque j'essaye d'imbriquer mes styles dans ce qui suit, j'obtiens une erreur de compilation: .item { color: black; a& { color:blue; } } Comment référencer un sélecteur …
2
LESS a-t-il une fonction «d'extension»?
SASS a une fonction appelée @extendqui permet à un sélecteur d'hériter des propriétés d'un autre sélecteur, mais sans copier les propriétés (comme les mixins). LESS a-t-il également cette fonctionnalité?
93 css  sass  less  extend 
5
Vous utilisez @include vs @extend dans Sass?
Dans Sass, je ne peux pas vraiment discerner la différence entre l'utilisation @includeavec un mixin et l'utilisation @extendavec une classe d'espace réservé. Cela ne revient-il pas au même?
93 sass 
6
Créer ou référencer des variables dynamiquement dans Sass
J'essaie d'utiliser l'interpolation de chaîne sur ma variable pour référencer une autre variable: // Set up variable and mixin $foo-baz: 20px; @mixin do-this($bar) { width: $foo-#{$bar}; } // Use mixin by passing 'baz' string as a param for use $foo-baz variable in the mixin @include do-this('baz'); Mais quand je fais …
91 variables  sass 
14
Lors de l'utilisation de SASS, comment puis-je importer un fichier d'un répertoire différent?
Dans SASS, est-il possible d'importer un fichier d'un autre répertoire? Par exemple, si j'avais une structure comme celle-ci: - root_directory - sub_directory_a - _common.scss - template.scss - sub_directory_b - more_styles.scss template.scss pourrait importer _common.scss en utilisant @import "common"mais est-il possible pour more_styles.scss d'importer _common.scss? J'ai essayé différentes choses, y compris …
90 import  sass 
18
Browserslist: caniuse-lite est obsolète. Veuillez exécuter la commande suivante `npm update caniuse-lite browser browser`
Récemment, lorsque je compile mes fichiers scss, j'obtiens une erreur. Le message d'erreur dit: Browserslist: caniuse-lite est obsolète. Veuillez exécuter la commande suivantenpm update caniuse-lite browserslist Tout d'abord, comme le message l'indique, j'ai couru npm update caniuse-lite browserslistmais cela n'a pas résolu le problème. J'ai supprimé tout le répertoire nod-modules …
5
Structure d'actifs SCSS appropriée dans les rails
Donc, j'ai une app/assets/stylesheets/structure de répertoires qui ressemble à ceci: |-dialogs |-mixins |---buttons |---gradients |---vendor_support |---widgets |-pages |-structure |-ui_elements Dans chaque répertoire, il y a plusieurs partiels sass (généralement * .css.scss, mais un ou deux * .css.scss.erb). Je suppose peut-être beaucoup, mais les rails DEVRAIENT compiler automatiquement tous les fichiers …
7
Optimiser Font Awesome uniquement pour les classes utilisées
J'utilise le fichier Font Awesome Sass https://github.com/FortAwesome/Font-Awesome/blob/master/sass/font-awesome.sass pour le rendre _font-awesome.sass afin que je puisse @importdans mon projet Sass. J'utilise également http://middlemanapp.com/ pour convertir Sass en Css . Des questions: Existe-t-il un moyen de n'apporter que les classes d'icônes utilisées dans mon .css converti? Parce que pour le moment, il …
86 css  sass  font-awesome 
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.