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

Comment puis-je changer mon code SCSS pour qu'il ressemble à ceci: Pas comme ça: PS> Je me fiche des couleurs! Fragment: body { display: flex; flex-direction: column; margin: 0; } .container { display: flex; flex: 1; justify-content: center; } nav { flex: -1; } .A { background....
7 déc. 2020 à 20:06
Bonjour, j'ai inséré des éléments html dans mon fichier yml content : | Hello! I am a <span>Graphic Designer</span> & <span>Web Developer</span>. C'est ainsi que j'ai ajouté ce contenu à mon html <div class="content">{{ .content | markdownify }}</div> Mais une fois que j'ai essayé de le coiff....
5 déc. 2020 à 20:41
Je cherche un moyen d'ajouter / de créer quelque chose comme un filtre qui fait que la couleur d'arrière-plan commence par une couleur vive et se termine par une couleur sombre. Par exemple cette image: Interface utilisateur du tableau de bord | Sombre & amp; Minimal La couleur dans le coin supérieu....
4 déc. 2020 à 04:57
J'ai <body class="dark"> et <body class="light"> J'essaye de modifier les couleurs CSS basées sur body class. Existe-t-il une meilleure approche que celle-ci : body.light .card { color: #292b2c; background-color: #CCC; } body.dark .card { color: #f7f7f7; background-color: #444; } body.lig....
23 nov. 2020 à 02:54
J'utilise un mixin pour générer une fonction de synchronisation de transition par défaut, une durée et un nombre variable de propriétés. Mixin actuel: @mixin fast-transition($properties...) { transition-duration: 0.1s; transition-timing-function: cubic-bezier(0.42, 0, 0.58, 1); @if length($....
19 nov. 2020 à 15:27
J'utilise div pour créer une table mais je peux créer mais avec le titre je veux donner mon remplissage et ma marge personnalisés pour le titre.Et ce style devrait être applicable au contenu interne de la div.kindly trouver l'image et le code ci-dessous. J'en ai besoin exactement comme ça mais je ne....
Je n'ai pas utilisé ST depuis quelques mois et je suis tout à fait certain qu'il avait l'habitude de commenter / décommenter tout le sélecteur CSS lors de l'utilisation de ctrl+shift+/ ("toggle block comment") avec le curseur à l'intérieur dudit sélecteur, mais rien n'est réellement sélectionné . Qu....
17 nov. 2020 à 21:35
Si je règle la largeur et la hauteur en utilisant css (largeur: 100%; hauteur: 100%), l'image sera étirée et elle a l'air moche. Comment remplir des images sans étirer? De plus, comment faire un centre vertical et horizontal?....
11 nov. 2020 à 16:35
J'ai un dossier avec tous mes fichiers .scss que je veux compiler en fichiers .css en utilisant gulp. Mon gulpfile.js ressemble à ceci: var gulp = require('gulp'); var sass = require('gulp-sass'); gulp.task('sass', function (){ return gulp.src('css/modules/*.scss') ....
4 nov. 2020 à 18:50
Je travaille sur un dessin de lignes reliant les nœuds d'arbres, j'ai pu y parvenir plus ou moins, mais il y a des lignes pendantes, etc. dont je veux me débarrasser. Voici l'implémentation codepen: - https://codepen.io/Dinesh443/pen/wvWjJeB J'essaie de me débarrasser de la ligne de connexion avant ....
1 nov. 2020 à 20:01
J'ai essayé d'installer la dernière version de gulp-sass avec npm i gulp-sass --save-dev au début, j'ai eu beaucoup d'erreurs mais je les ai résolues plus tard. Mais chaque fois que j'essaye d'exécuter gulp, j'ai cette erreur: Error: Node Sass does not yet support your current environment: Windows 6....
30 oct. 2020 à 19:58
J'ai besoin d'un peu d'aide pour le positionnement absolu CSS. Je suis confronté à des problèmes d'alignement. Il y a une image d'une fille qui porte des lunettes et ses yeux tournent essentiellement, c'est une image gif. J'ai utilisé le positionnement absolu pour aligner les spécifications et le....
29 oct. 2020 à 09:41
Je pratiquais mon CSS (SCSS) au lien codepen: https: // codepen .io / zubaer41 / pen / XWKzomo? editors = 1100 mais il y a un problème que j'ai rencontré et je n'ai pas pu le résoudre. Il y a deux boutons qui doivent apparaître et le texte qu'ils contiennent doit être blanc. Je peux changer la ....
28 oct. 2020 à 14:31
Je me demande s'il est possible d'accéder à l'arrière-plan de l'élément grand-parent et de l'utiliser comme arrière-plan. Je ne sais pas trop comment le dire, alors je vais vous montrer ce que je veux dire. J'utilise également SCSS. <body> <main> <div></div> </main> </body> Juste ....
27 oct. 2020 à 17:36
En ce moment, c'est ma page d'accueil: J'ai utilisé le contenu css pour afficher les textes des liens lorsque l'utilisateur survole les icônes. Cependant, pour le moment, quelle que soit l'icône sur laquelle vous survolez, elle affichera le même texte «accueil». Ma question est de savoir comment ....
25 oct. 2020 à 12:59
J'ai un bouton svelte qui est défini comme suit: <span class="nav-button" on:click={e => setActive(e.target,"nav-button")}> ... </span> Lorsque la fonction setActive () ci-dessous est exécutée pour appliquer la classe .active: // Toggles the active status of an element fun....
18 oct. 2020 à 19:34
J'ai installé node.js pour le plaisir de la compilation, je n'ai touché à aucun javascript pour l'instant donc toute la documentation que j'ai parcourue pour résoudre ce problème est vraiment compliquée pour moi. Ainsi, lorsque je mets la commande npm init -y dans le terminal VScode, il installe l....
27 sept. 2020 à 04:00
J'ai ajouté des éléments li mais le dernier élément quitte la barre de navigation et passe en dessous [newline], je veux qu'ils soient stylés de telle manière qu'ils apparaîtront tous en une seule ligne dans la barre de navigation Je suis un noob, une petite explication serait appréciée ... Merci Vo....
8 juin 2020 à 10:21
Je dois utiliser le composant ng-select, mais lorsque je sélectionne une option dans le contrôle J'ai ce contour bleu dans le composant de sélection: Je dois le personnaliser pour qu'il corresponde au style de mes autres composants. J'ai essayé de changer la propriété de contour dans les deux class....
5 juin 2020 à 00:08
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