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. C'est principalement un langage de pré-processeur CSS qui accepte à la fois le CSS et sa syntaxe personnalisée d'écriture de codes de conception visuelle.

Plus à propos sass...

Je crée un site Gatsby et il a un composant de mise en page et d'en-tête que j'utilise pour créer des pages. J'ai également des feuilles de style individuelles pour chaque composant (layout.module.scss et header.module.scss). Voici .......
17 mars 2021 à 00:18
Je crée une bibliothèque de composants de réaction avec dactylographié à l'aide de modules CSS pour simplifier le projet, mais j'ai du mal avec les interfaces dactylographiées en matière de thématisation. Je veux en avoir plusieurs .......
16 mars 2021 à 14:02
Je voudrais passer tout le dégradé linéaire à mon mixin. J'ai essayé n'importe quelle façon que je pouvais imaginer et cela se traduit toujours par un "aucun" qui couvre mon image en blanc. @mixin webp-backgroundGradient($imgpath, $type: '.jpg') { background-image: linear-gradient(to bottom, rg....
13 mars 2021 à 22:11
J'ai cette structure de dossiers: sass/main.sass css/main.css js/... img/... Je veux que la sortie sass aille dans le dossier css, mais chaque fois que je lance sass watcher, il crée un nouveau fichier css dans le répertoire sass parmi les fichiers sass.....
13 mars 2021 à 13:48
Existe-t-il un moyen de calculer les deux autres couleurs triadiques à partir d'une seule couleur en utilisant le intégré au Sass { {X0}} module? Par exemple, si j'ai #0070f3 comme couleur de base, je veux obtenir #f30071 et #8200f3 (comme trouvé en utilisant Outil de sélection des couleurs du maté....
13 mars 2021 à 06:19
J'essaie de modifier un portail Web déployé sur Bootstrap 5, mais je dois modifier une section. Et pour éditer cette section, je dois trouver et éditer _grid.scss, mais où se trouve-t-il? Dans Bootstrap 5 .......
11 mars 2021 à 20:07
Je suis coincé là-dessus depuis quelques heures en essayant de: Déplacez le texte d'espace réservé (Recherche) de 10 pixels vers la droite dans mon composant de sélection et diminuer la hauteur du champ (peut-être 5px de moins) mais pas de chance pour l'instant. Quelqu'un peut-il me diriger dans la ....
10 mars 2021 à 22:13
Je veux réécrire certaines règles vuetify et je veux changer l'arrière-plan du bouton en une autre couleur. Je peux changer cela avec les variables SASS construites dans vuetify par défaut mais je suis curieux de savoir comment écrire ce sélecteur est SCSS en utilisant & .v-btn { text-transform: ....
9 mars 2021 à 16:26
Pourquoi ai-je l'erreur suivante? Erreur: Variable non définie: "$ red-100" ... quand j'essaye d'utiliser l'une des variables de couleur de Bootstrap, comme ceci: div {background-color: $ red-100; } Dans mon .......
9 mars 2021 à 14:47
Vous cherchez à créer un boutons de hauteur égale avec du texte aligné au centre. J'ai essayé plusieurs méthodes, le texte s'aligne correctement au centre, mais l'icône ne gâche pas la façon dont elle est alignée maintenant. Notez que le symbole '>' utilisé dans le pseudo élément est un objectif ....
9 mars 2021 à 08:52
Dans l'une de mes mises en page, j'ai des cartes côte à côte. Chaque carte a un titre, une image et une courte description. Quelqu'un de QA a créé un cas aberrant et a jeté une image avec des dimensions très irrégulières dans le mélange. Le patron ne peut pas être persuadé de réparer une ou deux ....
9 mars 2021 à 01:22
J'utilise la grille css pour un nouveau projet et je suis tombé sur un "problème". J'ai lu la documentation mais il me manque peut-être quelque chose. Situation actuelle J'ai créé une grille css avec deux colonnes. La colonne de gauche est la colonne «principale» et la colonne de droite est la c....
8 mars 2021 à 23:30
J'ai une table # data_table que je voudrais styliser mais je ne veux pas que le css s'applique à sa table enfant.table-condensed qui est aussi un enfant de div.vue-daterange-picker comme vous pouvez le voir sur le arborescence html J'ai essayé ceci mais il semble que: ne fonctionne pas avec le CSS ....
8 mars 2021 à 23:02
Il y a vitrine mon problème. https://stackblitz.com/edit/angular-efmp9q-aztprs J'ai un div scrollable, qui ont une hauteur spécifique. Dans ce div, j'ai un composant de saisie semi-automatique de matériau angulaire. Lorsque je sélectionne une entrée pour la saisie semi-automatique, j'obtiens une....
8 mars 2021 à 00:50
Hé les gens espèrent que tout va bien. Je n'arrive pas à convaincre Bulma d'importer correctement dans NextJS et de me permettre de modifier des variables si j'importe des utilitaires. Je suis sûr que je fais quelque chose de mal. Voici ce que j'ai dans mon globals.sass: @import "~bulma/sass/util....
6 mars 2021 à 18:32
J'utilise la configuration Webpack suivante pour gérer / charger tous mes fichiers sass. Un élément important est que j'utilise additionalData pour pré-ajouter mes styles courants. Cela provoque un conflit, cependant, car mon entrée pour webpack est n'importe quel fichier sass, ce qui signifie que....
6 mars 2021 à 02:16
Mon idée est d'ajouter éventuellement un sélecteur CSS à la pile de sélecteurs déjà existante dans un mixin. Mon souhait @mixin myMixin(mobileSelector:true) { @if(mobileSelector) { .foo .mobile:before, } .classXY .subclass:before{ color: red; } } .awesomeClass-A { @include myMixin....
5 mars 2021 à 14:18
J'utilise gulp-sass pour compiler SCSS, mais j'ai reçu le message d'erreur suivant: [19:51:38] Erreur de 'sassTask' après 98 ms [19:51:38] Erreur dans le plugin 'gulp-sass' Message: assets \ scss \ base \ .......
5 mars 2021 à 05:03
Je travaille dans un projet Angular11 qui utilise du matériel et ngx-skeleton-loader. J'ai des barres de chargement que je veux styliser. Je souhaite supprimer tout espacement entre les barres. Cependant, même si je règle la marge et le remplissage à 0px, il y a toujours un espacement entre les ba....
4 mars 2021 à 19:36
J'ai trouvé des questions similaires mais elles étaient assez anciennes. Je vais donc vous expliquer un peu le concept de mon application afin que vous puissiez comprendre. J'ai une application pour le système solaire et les planètes sont en orbite autour du soleil. Et une .......
3 mars 2021 à 17:38
J'ai une liste déroulante et deux boutons à l'intérieur d'une carte matérielle. Lorsque je clique sur le menu déroulant rapidement après avoir rechargé la page (par exemple dans les 2 premières secondes), la largeur des boutons se réduit parfois. L'effet ne se produit pas lorsque je reste sur la....
2 mars 2021 à 22:22
J'ai un problème avec la création d'un configurateur d'enjoliveurs réactif. Je ne sais pas comment y faire face. J'essayais de le faire avec la grille CSS, mais à chaque fois que je changeais la taille du site, mes pneus ne s'adaptaient pas parfaitement à leur place. Je pensais à quelque chose co....
2 mars 2021 à 18:19
J'implémente le panneau d'administration pour mon application et le même a été chargé paresseusement, mais je voudrais speparate scss pour le panneau d'administration. Dire: Portail public ecom-blue.scss Panneau d'administration: ecom-blue.scss ecom-admin.scss À partir de maintenant, j'importe les ....
28 févr. 2021 à 18:48
Avec le dernier Next.js, je peux importer des styles Sass globalement dans pages/_app.js avec une directive comme import '../styles/global.scss'; et sans dépendre de @zeit/next-sass. Cela fonctionne-t-il au niveau des composants? Par exemple, puis-je avoir un répertoire components/* où je garde mes....
28 févr. 2021 à 01:38
Je nettoie tous mes avertissements d'analyse dans mon fichier theme.scss. Bien que je ne sache pas comment effacer celui-ci ... J'ai un @mixin appelé accent-colors qui parcourt simplement une carte sass de couleurs par clé / valeur, et encapsule l'entrée de directive @content avec un sélecteur de c....
27 févr. 2021 à 00:49