Partage
  • Partager sur Facebook
  • Partager sur Twitter

@import scss ne fonctionne pas

Formation Développeur Wordpress, projet 9 Koukaki

Sujet résolu
    7 janvier 2025 à 13:18:35

    Bonjour,

    je suis bloqué sur mon projet parce que je n'arrive pas à modifier le style de mon site.

    J'ai créé un dossier /animations dans le dossier /theme/foce/sass/ de mon thème et créé un fichier _animations.scss dans ce dossier. Dans le fichier style.scss j'ai ajouté @import "animations/animations"; mais ma feuille de style n'est pas chargée (je ne la vois pas dans l'éditeur de style de firefox.

    Je précise que si je modifie mon sélecteur (.banner, la 1ère section du site), dans le fichier où il est déjà présent, mes modifications ne sont pas prises en compte dans l'affichage de la page, même si elles sont présentes dans l'éditeur de style.

    Enfin si j'importe (toujours dans l'éditeur de style) ma feuille de style les modifications apparaissent.

    Je n'ai aucune erreur de chargement dans l'éditeur de style.

    Si quelqu'un à un conseil ou une piste je suis preneur (cela fait plusieurs jours que je suis bloqué la dessus).

    Merci d'avance et bon dev à tous.

    • Partager sur Facebook
    • Partager sur Twitter
      7 janvier 2025 à 16:08:02

      Bonjour,

      le scss doit être compilé en css. Comment fabriques-tu ton site ? Tu parles d'éditeur de style, c'est quoi exactement ici ?

      • Partager sur Facebook
      • Partager sur Twitter

      Pas d'aide concernant le code par MP, le forum est là pour ça :)

        8 janvier 2025 à 11:46:50

        Bonjour,

        merci de ta réponse, effectivement le souci venait de là : je n'avais pas compris qu'il fallait une extension sur mon VSCode pour compiler mon scss et ensuite faire pointer vers le css généré ...

        Bonne journée, et merci de ton temps

        • Partager sur Facebook
        • Partager sur Twitter

        @import scss ne fonctionne pas

        × Après avoir cliqué sur "Répondre" vous serez invité à vous connecter pour que votre message soit publié.
        • Editeur
        • Markdown