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.

sass...

J'utilise Tailwind dans un projet Gatsby.js. Mon environnement est VSCode, utilisant le formateur de code Prettier. Comment puis-je me débarrasser de ces alertes d'erreur de peluchage?....
Je souhaite définir la largeur du contenu de l'application afin que, lorsque la taille de l'écran change, le contenu reste au milieu et qu'il y ait des espaces à gauche et à droite. J'utilise un matériau angulaire et un flex angulaire. J'ai observé qu'il s'agissait d'une conception courante dans div....
30 mai 2020 à 21:20
En gros, je veux créer un composant réutilisable qui peut être légèrement modifié de l'extérieur en react: SomewhereElse.tsx ... <FooComponent width={200}> ... FooComponent.tsx interface IFooProps { //default width of 150px width?: 150; //default margin of 5px margin?: 5; } interface I....
29 mai 2020 à 16:40
Problème: Normalement, le premier <User> devrait avoir margin-left: 0px et devrait s'aligner à gauche avec les autres éléments, mais cela ne fonctionne pas comme vous pouvez le voir dans la capture d'écran ci-dessous. Quelqu'un a-t-il une idée de comment résoudre ce problème correctement? sidebar....
26 mai 2020 à 15:41
J'ai des données de table qui montrent les statistiques des équipes de football. Il y a une colonne qui a des lettres comme: "W" (gagner) "L" (perdre) "D" (tirage au sort) Ce sont les lettres sont rendues dans une colonne séparée, le fait est que la valeur est dynamiquement, et je dois appliquer dif....
21 mai 2020 à 18:42
Ce que j'essaie de réaliser, c'est que l'image en div "dimg2" soit sur la même ligne que l'élément h3. J'ai essayé l'option d'affichage de bloc et de bloc en ligne sur l'img et le div son enveloppé. J'ai essayé le fond de remplissage / marge et rien ne fonctionne. J'essaye juste de déplacer l'image ....
17 mai 2020 à 19:11
Je redessine une interface utilisateur qui contient un Slick Carousel. Il utilise des points et des flèches pour la navigation. Le carrousel ne comporte que deux diapositives. Ce que je voudrais faire, c'est utiliser les boutons de navigation natifs de l'interface utilisateur pour basculer entre les....
13 mai 2020 à 13:20
J'espère que quelqu'un peut me aider. Je construis un magasin dans Shopify, donc ma question serait avec le liquide et le SASS. J'essaie de changer la couleur de survol du texte sur chacun de mes enfants de menu de navigation imbriqués en une couleur différente chacun, donc lorsque vous survolez la ....
29 avril 2020 à 07:24
Je souhaite ajouter une ligne de couleur verticale rouge / jaune après mes éléments de liste dans le menu de la barre latérale. Pour le premier élément de la liste, tout va bien, mais il se sépare du deuxième élément. Le pseudo-sélecteur :after ne couvre pas toute la hauteur. Quelqu'un peut-il dire ....
29 avril 2020 à 06:53
J'ai vu cet exemple pour un fond d'étoile animé en utilisant css, et j'ai remarqué que le css compilé est nettement plus petit dans ce cas car le sass génère mille étoiles dans une boucle. // n is number of stars required @function multiple-box-shadow ($n) $value: '#{random(2000)}px #{random(2000....
Ici, la boîte rouge est le div parent qui n'a pas de propriété de débordement définie. Les boîtes orange et grise sont ses enfants. Ce que je veux, c'est de savoir s'il est possible que l'un des enfants déborde l'autre non? .rootdiv { width: 300px; height: 300px; background: red; bord....
11 avril 2020 à 15:01
J'ajoute une variable CSS à la racine parce que je veux la changer dynamiquement en utilisant JS #root { --primary-color: #4c5b73; } $primary-color: var(--primary-color) !default; .my-component { background-color: transparentize($primary-color, 0.85); } Je souhaite utiliser la fonction Basic s....
8 avril 2020 à 07:42
Je veux faire des mixages SASS pour ma palette de couleurs dans le style vent arrière. Pour chaque couleur, je veux générer une version 400, 300, 200 et 100 et ainsi de suite. Maintenant, il serait bon de savoir dans quel pourcentage le vent arrière intervient. Je n'ai rien trouvé sur Internet à ce ....
31 mars 2020 à 21:34
J'ai créé un simple générateur de devis et mon bouton monte et descend en fonction de la longueur du devis. Comment puis-je arrêter ça? Violon .btn { font-size: 2.5rem; text-transform: uppercase; color: #3949AB; background-color: #fff; font-family: 'Oswald', sans-serif; padding: .5rem ....
30 mars 2020 à 07:15
J'essaie de mettre en place un flux de travail modulaire où, lors de l'exécution de gulp, il compilera les fichiers SASS dans un dossier en CSS. Ces nouveaux fichiers CSS seront stockés dans le même dossier. Par exemple, voici ma structure de dossiers actuelle: theme - modules - hero ....
26 mars 2020 à 14:50
Si j'ai une liste comme suit: $breakpoints: ( all: all, xl: 1200, lg: 1037, md: 797, sm: 615, xs: 415, ); Dans un @each, y a-t-il un moyen de parcourir la liste, mais supprimez d'abord la première clé ou commencez à la clé 2?....
25 mars 2020 à 16:51
Je voudrais aligner l'élément h1 avec l'élément nav dans l'en-tête. À l'heure actuelle, ils apparaissent sur deux lignes différentes. violon header { background-color: #F4C724; color: white; text-transform: uppercase; width: 100%; align-items: center; } ....
25 mars 2020 à 06:34
J'ai écrit les modificateurs de remplissage suivants qui, une fois compilés, sont censés supprimer le remplissage. Donc j'ai .no-padding{ &--all{ padding:0!important; } &--top{ padding-top:0!important; } &--bottom{ padding-bottom:0!important; } &--left{ padding-left:0!important....
23 mars 2020 à 21:55
J'essaye de pousser quelques modifications de mon site Web Ruby on Rails vers Heroku mais il dit "push rejeté". L'erreur vient après "Détection des tâches de rake" et voici le message: remote: ! Could not detect rake tasks remote: ! ensure you can run `$ bundle exec rake -P` against your a....
22 mars 2020 à 02:57
J'ai l'élément 1, l'élément 2, l'élément 3 sur la page mai, comment puis-je placer élément3 en haut à droite en dessous de élément1 en haut à droite? Il devrait ressembler à l'écran ci-dessous: J'ai lu beaucoup d'exemples mais ça n'a pas marché pour moi, j'ai essayé d'utiliser position: absolut....
17 mars 2020 à 15:57
Dans une application angulaire, je fais des visuels D3 via D3 ou Vega. Il existe également un style SCSS. Je voudrais pouvoir me référer aux mêmes variables globales pour le style à partir de Javascript et de SCSS. Les fichiers JSON font très bien l'affaire pour stocker les paramètres que je charge ....
J'ai la structure de données suivante: this.filters = [ { key: 'filter1', active: true, class: 'filter1Class' }, { key: 'filter2', active: false, class: 'filter2Class' }, { key: 'filter3', active: true, class: 'filter3Class' } ]; Et avec cela, je ve....
28 févr. 2020 à 18:09
J'importe le bootstrap dans mon fichier scss principal pour utiliser les variables et les points d'arrêt de bootstrap dans mes propres fichiers scss. Cela fonctionne bien mais chaque changement que je sauvegarde prend environ 3 secondes à compiler, quand je le compile sans l'inclusion de bootstrap, ....
26 févr. 2020 à 13:48
DONNÉ qu'il existe un fichier scss existant qui définit des règles comme .btn {..} ou .btn-primary ... JE VEUX déclarer mes propres règles en étendant les règles existantes .my-button { @extend .btn @extend .btn-primary } sans réellement inclure les classes .btn et .btn-primary dans mon fichie....
12 févr. 2020 à 18:59
Tout d'abord, je dois dire que j'ai déjà vérifié d'autres questions SO concernant ce problème (comme ceci et this), et je crois que mon problème est différent de ces questions, et cette question n'est pas un double de ces questions. J'ai quelques requêtes multimédias comme celles-ci dans mon fichier....
11 févr. 2020 à 07:53