Ca a bien pris en compte les premiere lignes et mon texte respecte bien le display flex. mais pour le backround color et le .card sa n'existe pas, ca n'a pas ete compiler donc forcement ca n'affiche pas les modification sur la page. La variable yellow fonctionne bien sur mon fichier btn mais sur le fichier main ca me dit Undefined variable. Pour la classe card j'ai pas trouver pourquoi
C'est sans doute une erreur bête puisque c'est mon premier projet en scss sass
La variable yellow fonctionne sur mon scss bouton et chaque fichier css est bien integrer au html.
Si quelqu'un de moins bête que moi a trouver l'erreur je suis preneur.
Merci d'avance
je rajoute cette information : Error: Undefined variable. et cela est relatif a l'appel de ma variable $yellow pour un backround-color.
Pour plus de detail, je suis la methode 7-1 de classification des fichier. Mes variable sont stockée dans le dossier utils.
De plus j'ai appeler cette variable pour mon fichier bouton retrouvable dans le dossier components et cela a fonctionné.
Pour ta variable $yellow, l'erreur "Error: Undefined variable" signifie que ta variable n'est pas définie dans ton fichier "main.scss". Il faut donc importer le fichier avec tes variables définies dans ton "main.scss". La bonne pratique étant de créer un fichier dans le dossier "/utils" appelé "_variables.scss" dans lequel tu définis toutes tes variables et que tu vas appeler dans les autres fichiers.
Enfin, pour ce qui est du problème avec .card, il s'agit simplement du fait que Sass s'est arrêté en cours de compilation par rapport à ton erreur de variable non définie.
J'ai suivi la méthode 7.1 et ma variable $yellow fonctionne bien sur mon fichier bouton.scss dans mon dossier component.
Je viens de réouvrir mon code et je n'ai plus l'erreur mais mon fichier ne compile plus a partir de l'appel de ma variable $yellow malgré tout.
Ma variable est contenu dans un fichier nommé variable.scss dans le dossier utils.
Pour resume, ma variable $yellow fonctionne bien dans mon fichier bouton.scss
Je n'ai plus le message d'erreur dans la compile du fichier main.scss mais la compile ne se poursuit plus malgré tout
Je viens de voir que je n'avais pas fait @import sur mon main. Donc j'ai fais cela mais malgré tout ma variable est undefined et depuis que j'ai fait le import, la variable $yellow ne fonctionne plus sur le bouton alors qu'avant l'import si.
Bonjour, peux-tu nous montrer le contenu (ou en tout cas le début) de ton fichier bouton.scss ? Puisque là ça compile bien. Il serait intéressant de voir les différences.
(pinaillage : c'est Sass et non SASS, le nom du langage )
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Voici aussi le résultat à l'affiche. La variable est pourtant correct, j'ai fait le import (avant le import la variable fonctionnait pour le bouton mais plus maintenant) La l'erreur ne concerne pas le bouton mais la page main.scss
Alors il faut savoir que depuis que j'ai fait le import que j'avais oublier de faire, le bouton ne s'affiche plus en jaune mais voici le code du bouton .
As-tu pris en compte le conseil de Lamecarlate ? Trouve des imports dans ton projet qui fonctionnent et reprends le même principe d'appel... Sass dispose aussi d'une super documentation, ça vaudrait aussi le coup d'aller y jeter un coup d'œil (voir un des liens de mon premier message).
Sinon difficile de voir comme ça et je n'arrive pas trop à te suivre sur ce qui ne fonctionne pas/plus. Avant tu disais avoir une erreur de variable non-définie dans ton fichier "main.scss", ce qui causait l'arrêt de la compilation (voir explications dans mon premier message). Maintenant, ton fichier "components/buttons.scss" ne fonctionne plus non plus alors qu'avant ça marchait bien...
En analysant tout ça, je pense qu'il manque des liens entre les fichiers de ton projet (ou du moins ils n'ont pas été bien faits). Il faudrait que tu prennes bien le temps de relire ton code dans chaque fichier.
Si tu n'arrives toujours pas à trouver de solutions, peux-tu nous partager le contenu complet de ton fichier "buttons.scss" (avec les import au début) ? Aussi, peux-tu nous partager le contenu de ton fichier "variables.scss" ?
Partage tes fichiers avec le bouton </> pour qu'on puisse plus facilement copier ton code au lieu de l'envoyer en capture d'écran
Comparés aux êtres humains, les ordinateurs sont beaucoup plus simples à comprendre !
Ça c'est une erreur de syntaxe, comme si tu n'avais mis aucune valeur après ton background-color. Relis bien ton code (même si j'imagine que tu l'as fais). Si pas d'erreurs de syntaxe après analyse, refais ta compilation et sinon, si t'as toujours des soucis, tente peut-être de supprimer le cache (trouve un dossier ".sass-cache" , supprime le), puis relance ta compilation pour voir si t'as encore des soucis.
Si t'as toujours des problèmes après ça, faudrait nous montrer un peu plus de code (pour que nous puissions nous aussi reproduire tes erreurs) et qu'on puisse t'aider plus spécifiquement.
- Edité par iSwamb 17 janvier 2024 à 20:47:10
Comparés aux êtres humains, les ordinateurs sont beaucoup plus simples à comprendre !
J'ai refait une eunieme fois mon code et cette fois ci la compil se fait bien j'ai plus aucun problème mais le probleme vient de la : [2024-01-18 11:57] Compiled sass\main.scss to css\style.css.
La suite logique si on ecoute le terminal c'est de faire dans le html : href="css/style.css
C'est correct puisque c'est le chemin vers mon main compiler et renommer en style.css
Et dans ce fichier css les propriété test que j'ai mise sont bien intégrer, l'endroit ou sa (pardonne moi du terme) foire c'est l'intégration du mon fichier css au html
L8 de l'HTML est erronée, le navigateur ne comprends pas le scss mais bien le css. Donc tu dois lier le fichier CSS générer au HTML.
Ensuite je pense qu'il y a une erreur dans le fichier variables. Le string 'red' est couplé avec le point virgule qui suit. Ce string est remplacer dans le main.scss par sa valeur soit 'red;' suivis d'un point virgule. il y a pour moi un point virgule de trop.
Ce que je dis est vérifiable dans le CSS généré que tu ne nous donne pas.
Oui maintenant mon pb concerne l'intégration du fichier css au fichier html j'ai retourné le problème dans tout les sens et j'ai refait un test avec une autre page html et ça fonctionne mais la : <linkrel="stylesheet"href="css/style.css">
Pas de style appliqué sur ton "index.html" ? Si ta compilation fonctionne bien à présent, tu devrais avoir tes règles de style dans "style.css" (ou "main.css")... Que dit la console du navigateur ? Des erreurs de fichier CSS non trouvé ? Tu as tenté de vider le cache du navigateur ?
Comme ça, d'après ta capture d'écran, en effet ton lien vers ton fichier CSS semble bon par rapport à la hiérarchie des fichiers.
Comparés aux êtres humains, les ordinateurs sont beaucoup plus simples à comprendre !
Oh je vais m'arracher les cheveux pour de vrai. J'ai trouver l'erreur, dans mon main.scss j'ai appeler la balise body avec un point comme pour l'appel d'une class, hors j'ai aucune balise avec une class body et je cherchais a appeler le body et pas une class. Donc forcement ca ne fonctionnait pas puisque le style que je mettais s'appliquait a une balise inexistante. Je viens de le voir en retournant sur mon code.
Bon je peut fermer ce topic, la compil est faite et le fichier est bien lié
J'ai pourtant regarder plusieurs fois mon code et j'ai pas fais attention j'ai rien vu
Comparés aux êtres humains, les ordinateurs sont beaucoup plus simples à comprendre !
Pas d'aide concernant le code par MP, le forum est là pour ça :)
Comparés aux êtres humains, les ordinateurs sont beaucoup plus simples à comprendre !
Comparés aux êtres humains, les ordinateurs sont beaucoup plus simples à comprendre !
Comparés aux êtres humains, les ordinateurs sont beaucoup plus simples à comprendre !