numerique-gouv · Ash-Crow · Jun 18, 2025 · Jun 18, 2025
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
@@ -97,12 +97,6 @@ Le projet utilise [Le Système de design de l’État](https://www.systeme-de-de
 
 Il est donc nécessaire d’utiliser autant que possible les classes spécifiques au Système de design de l’État dans le HTML.
 
-Le CSS est écrit dans des fichiers `.sass` et compilé via la commande
-
-```sh
-make sass
-```
-
 ## Traduction : À propos des fichiers `.po` et `.mo`
 
 Ce project utilise le [système de traduction de Django](https://docs.djangoproject.com/en/dev/topics/i18n/translation/).

diff --git a/Dockerfile b/Dockerfile
@@ -36,7 +36,7 @@ RUN poetry install --no-root
 
 COPY --chown=app:app . .
 
-RUN poetry run python manage.py collectstatic --no-input --ignore=*.sass
+RUN poetry run python manage.py collectstatic --no-input
 
 RUN chown 1000:1000 -R /app
 USER app

diff --git a/Makefile b/Makefile
@@ -22,18 +22,13 @@ web-prompt:
 
 .PHONY: collectstatic
 collectstatic:
-	$(EXEC_CMD) $(POETRY_CMD) python manage.py collectstatic --noinput --ignore=*.sass
+	$(EXEC_CMD) $(POETRY_CMD) python manage.py collectstatic --noinput
 
 .PHONY: messages
 messages:
 	$(EXEC_CMD) $(POETRY_CMD) django-admin makemessages -l fr --ignore=manage.py --ignore=config --ignore=medias --ignore=__init__.py --ignore=setup.py --ignore=staticfiles
 	$(EXEC_CMD) $(POETRY_CMD) django-admin makemessages -d djangojs -l fr --ignore=config --ignore=medias --ignore=staticfiles
 
-.PHONY: sass
-sass:
-	$(EXEC_CMD) $(POETRY_CMD) python manage.py compilescss
-	make collectstatic
-
 .PHONY: quality
 quality:
 	$(EXEC_CMD) ruff check .

diff --git a/ONBOARDING.md b/ONBOARDING.md
@@ -83,8 +83,6 @@ pipx ensurepath
 pipx install poetry
 ```
 
-Note : `sass` est appelé via [libsass](https://sass.github.io/libsass-python/) et il ne devrait donc pas y avoir besoin d’installer `ruby-sass`.
-
 ### Cloner le dépôt
 
 ```sh

diff --git a/config/settings.py b/config/settings.py
@@ -80,7 +80,6 @@
     "django.contrib.staticfiles",
     "widget_tweaks",
     "dsfr",
-    "sass_processor",
     "content_manager",
     "blog",
     "events",
@@ -217,7 +216,6 @@ def show_toolbar(request):
 STATICFILES_FINDERS = [
     "django.contrib.staticfiles.finders.FileSystemFinder",
     "django.contrib.staticfiles.finders.AppDirectoriesFinder",
-    "sass_processor.finders.CssFinder",
 ]
 
 # S3 uploads & MEDIA CONFIGURATION
@@ -247,11 +245,6 @@ def show_toolbar(request):
     MEDIA_URL = "medias/"
     MEDIA_ROOT = os.path.join(BASE_DIR, os.getenv("MEDIA_ROOT", ""))
 
-# Django Sass
-SASS_PROCESSOR_ROOT = os.path.join(BASE_DIR, "static/css")
-SASS_PROCESSOR_AUTO_INCLUDE = False
-SASS_OUTPUT_STYLE = "compressed"
-
 STATIC_URL = "static/"
 STATIC_ROOT = os.path.join(BASE_DIR, "staticfiles")
 

diff --git a/content_manager/tests/test_views.py b/content_manager/tests/test_views.py
@@ -201,7 +201,7 @@ def test_footer_description_uses_conf(self):
 class MenusTestCase(WagtailPageTestCase):
     @classmethod
     def setUpTestData(cls) -> None:
-        call_command("collectstatic", "--ignore=*.sass", interactive=False)
+        call_command("collectstatic", interactive=False)
         call_command("create_starter_pages")
 
     def setUp(self) -> None:

diff --git a/forms/tests/test_forms.py b/forms/tests/test_forms.py
@@ -7,7 +7,7 @@
 class FormsTestCase(WagtailPageTestCase):
     @classmethod
     def setUpTestData(cls) -> None:
-        call_command("collectstatic", "--ignore=*.sass", interactive=False)
+        call_command("collectstatic", interactive=False)
         call_command("create_starter_pages")
 
     def test_form_page_is_renderable(self):

diff --git a/poetry.lock b/poetry.lock
diff --git a/pyproject.toml b/pyproject.toml
@@ -19,8 +19,6 @@ dependencies = [
     "python-dotenv<2.0.0,>=1.0.0",
     "dj-database-url<3.0.0,>=2.1.0",
     "gunicorn (>=23.0.0,<24.0.0)",
-    "django-sass-processor<2.0,>=1.3",
-    "libsass<1.0.0,>=0.22.0",
     "dj-static<1.0.0,>=0.0.6",
     "wagtailmenus<5.0,>=4.0",
     "wagtail-modeladmin<3.0.0,>=2.0.0",

diff --git a/static/css/style.css b/static/css/style.css
@@ -1 +1,87 @@
-.fr-header__service-title em{font-weight:lighter}.cmsfr-block-text p:empty{display:none}.cmsfr-hero{background-size:cover;background-position:center;background-repeat:no-repeat}.cmsfr-hero-large{display:flex;justify-content:center;align-items:center;text-align:center}.cmsfr-background-dark h1,.cmsfr-background-dark p,.cmsfr-background-dark ul{color:white}:root[data-fr-theme=light] .cmsfr-background-dark .fr-btn--secondary{background-color:rgba(255,255,255,0.3)}.cmsfr-author_card__header{flex:0 0 6rem !important;width:6rem !important}.cmsfr-author-img{border-radius:50%;height:4.5rem !important;margin:1.5rem;width:4.5rem}.cmsfr-vertical_contact_card__header{background:var(--background-default-grey)}.cmsfr-vertical_contact_card-img{border-radius:50%;height:100%;width:100%;margin:auto;max-width:50%;aspect-ratio:initial !important}.cmsfr-block-stepper dd{padding-left:0}.cmsfr-stepper__details{display:inherit;margin-top:1rem;width:100%}.cmsfr-footer__bottom-extra{border-left:1px solid var(--border-default-grey);padding-left:1em;margin-left:1em}.cmsfr-display__inline{display:inline}@media all and (max-width: 575px){.cmsfr-order__2{order:2}}
+/*** Fixes to the DSFR classes ***/
+
+.fr-header__service-title em {
+    font-weight: lighter
+}
+
+/*** Prefix the classes defined here with cmsfr- ***/
+
+/* cf. https://github.com/wagtail/wagtail/issues/4431 */
+.cmsfr-block-text p:empty {
+    display: none
+}
+
+.cmsfr-hero {
+    background-size: cover;
+    background-position: center;
+    background-repeat: no-repeat
+}
+
+.cmsfr-hero-large {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    text-align: center
+}
+
+.cmsfr-background-dark h1,
+.cmsfr-background-dark p,
+.cmsfr-background-dark button,
+.cmsfr-background-dark ul {
+    color: white
+}
+
+:root[data-fr-theme=light] .cmsfr-background-dark .fr-btn--secondary {
+    background-color: rgba(255, 255, 255, 0.3)
+}
+
+.cmsfr-author_card__header {
+    flex: 0 0 6rem !important;
+    width: 6rem !important
+}
+
+.cmsfr-author-img {
+    border-radius: 50%;
+    height: 4.5rem !important;
+    margin: 1.5rem;
+    width: 4.5rem
+}
+
+.cmsfr-vertical_contact_card__header {
+    background: var(--background-default-grey)
+}
+
+.cmsfr-vertical_contact_card-img {
+    border-radius: 50%;
+    height: 100%;
+    width: 100%;
+    margin: auto;
+    max-width: 50%;
+    aspect-ratio: initial !important
+}
+
+.cmsfr-block-stepper dd {
+    padding-left: 0
+}
+
+.cmsfr-stepper__details {
+    display: inherit;
+    margin-top: 1rem;
+    width: 100%
+}
+
+.cmsfr-footer__bottom-extra {
+    border-left: 1px solid var(--border-default-grey);
+    padding-left: 1em;
+    margin-left: 1em
+}
+
+.cmsfr-display__inline {
+    display: inline
+}
+
+@media all and (max-width: 575px) {
+    .cmsfr-order__2 {
+        order: 2
+    }
+}
diff --git a/static/css/style.css.map b/static/css/style.css.map
diff --git a/static/css/style.sass b/static/css/style.sass
diff --git a/templates/base.html b/templates/base.html
@@ -1,4 +1,4 @@
-{% load i18n static dsfr_tags wagtailuserbar wagtail_dsfr_tags sass_tags %}
+{% load i18n static dsfr_tags wagtailuserbar wagtail_dsfr_tags %}
 
 <!DOCTYPE html>
 <html lang="{% get_current_language as LANGUAGE_CODE %}{{ LANGUAGE_CODE }}"
@@ -27,9 +27,7 @@
     <link href="{% static 'dsfr/dist/utility/utility.min.css' %}"
           rel="stylesheet"
           type="text/css" />
-    <link href="{% sass_src 'css/style.sass' %}"
-          rel="stylesheet"
-          type="text/css" />
+    <link href="{% static 'css/style.css' %}" rel="stylesheet" type="text/css" />
 
     {% block extra_css %}
     {% endblock extra_css %}
-Original file line number
+Diff line change
@@ Expand Up / @@ -83,8 +83,6 @@ pipx ensurepath @@
     pipx install poetry
     ```
-    Note : `sass` est appelé via [libsass](https://sass.github.io/libsass-python/) et il ne devrait donc pas y avoir besoin d’installer `ruby-sass`.
     ### Cloner le dépôt
     ```sh
@@ Expand Down @@