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

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'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 mon projet VueJS, j'ai un fichier variables.scss qui contient quelques variables que je @import habituellement dans la section <style/> de mes composants lorsque j'en ai besoin localement. Cela fonctionne bien, mais comment puis-je utiliser l'une de ces variables lorsque j'en ai besoin comme at....
18 janv. 2020 à 18:41
Une aide sur la façon dont je pourrais mieux structurer avec sass ce code? Je ne voudrais pas répéter les noms des classes et imbriquer le code si c'est possible. J'apprécierais une nouvelle vision de la façon de le faire. .vjs-carousel-left-button, .vjs-carousel-right-button { position: absolute;....
13 janv. 2020 à 14:36
Je passe une liste dans un mixin pour réduire le nombre de paramètres que je dois passer dans mon mixin. Le code mixin peut être vu ci-dessous. @mixin colorMedal($medalData) { background-image: linear-gradient( 45deg, nth($medalData,2) 0%, nth($medalData,2) 50%, nth($medalData,1) 5....
31 déc. 2019 à 03:21
J'ai un projet Laravel et je veux générer un fichier css à partir de scss. Mon fichier webpack.mix.js ressemble à ceci: mix.sass('resources/assets/sass/style.scss', 'public/css/style.css'); lorsque j'exécute la commande npm run dev, j'ai une erreur: ERROR in ./resources/assets/sass/style.scss Modul....
29 déc. 2019 à 05:52
J'essaie d'obtenir une fonctionnalité de basculement entre plusieurs liens d'ancrage dans un menu horizontal. Le problème auquel je suis actuellement confronté est que la classe active n'est pas appliquée aux liens. Ce que j'attendais, c'est que lorsque l'utilisateur clique sur le lien, la couleur d....
28 déc. 2019 à 23:54
Je rend un simple fichier sass et j'obtiens les avertissements suivants: This selector doesn't have any properties and won't be rendered. ╷ 14 │ position:fixed │ ^^^^^^^^^^^^^^ ╵ WARNING on line 17, column 9 of test.sass: This selector doesn't have any properties and won't be rend....
28 déc. 2019 à 20:03
J'utilise des cartes Bootstrap, lorsque je fixe la largeur minimale des cartes, les cartes se chevauchent lorsque je réduis la largeur de la fenêtre, comment garantir que la troisième carte occupe la ligne suivante (pour éviter le chevauchement)? <div class="container" style="margin-top:3em;"> ....
27 déc. 2019 à 05:44
Je ne suis pas en mesure de changer les couleurs de police / texte dans mon div (en utilisant les méthodes standard), et je pense que l'importation de "... theme.scss" bloque ces changements (?), Je n'ai jamais utilisé SCSS. Plus précisément, je veux changer le texte des numéros de téléphone (tous) ....
24 déc. 2019 à 01:51
Ma configuration habituelle pour chaque vue est une DIV externe que je stylise comme arrière-plan de base, etc. <div class="outer"> <!-- Actual stuff in here --> </div> Ensuite, dans le SASS, j'y fais référence ainsi. div.outer { ... } Cela ajoute un levier de retrait et semble être un incrément....
17 déc. 2019 à 18:24
J'essaie de tracer des lignes entre les cercles, j'ai ce code https://codepen.io/cfmorales/pen/qBEqGpr , d'une certaine manière, cela fonctionne, mais lorsque vous redimensionnez la page, la hauteur de la ligne ne correspond pas au cercle, des idées sur la façon de la rendre réactive? toute la magi....
17 déc. 2019 à 17:52
Bonjour, comment puis-je faire ressembler une icône à ceci? Utilisation de CSS entrez la description de l'image ici....
17 déc. 2019 à 02:06
Info: J'ai un tableau qui stocke les informations suivantes de chaque travailleur (nom, brève description, image de la personne, position dans l'entreprise (comme PDG, chef de projet, développeur) Liens de réseaux sociaux: Github, Linkedin, Xing, Facebook) . php: j'ai un parent div appelé wrapper et....
16 déc. 2019 à 00:38
Je crée une page Web avec 6 images en 2 lignes. Je veux faire une grille aux regards comme ça , mais je ne peux pas le faire correctement. Je pense que j'ai tout essayé et que rien ne fonctionne comme prévu. J'ai regardé quelques tutoriels et je ne sais vraiment pas pourquoi cela ne fonctionne pas. ....
14 déc. 2019 à 17:50
Comment obtenir cet effet de chargement initial sur ma page Web. J'utilise bootstrap4 et javascript. Suis nouveau sur javascript Lien du modèle....
14 déc. 2019 à 08:05
j'ai besoin d'aide pour essayer de compiler des variables dans le sass principal. J'ai créé un document sass avec des variables et j'ai compilé ce document dans le sass principal: @import "../sass/helpers/_variables.scss" Dans ce document est déclaré quelques variables comme les couleurs, les police....
13 déc. 2019 à 16:41