use plain dart-sass

app/e11mail/settings.py

@@ -12,7 +12,6 @@ SECRET_KEY = 'django-insecure-$e2!=equ(efm0e%f9&t+xjtz0)$*$@pw%rnjdqcl8f@5o5hw!l
 # SECURITY WARNING: don't run with debug turned on in production!
 DEBUG = True
 
-#ALLOWED_HOSTS = ["100.89.176.6"]
 ALLOWED_HOSTS = []
 
 # Application definition
@@ -99,7 +98,9 @@ STATICFILES_FINDERS = [
 STATIC_ROOT = '/tmp/e11mail-static'
 
 COMPRESS_PRECOMPILERS = (
-    ('text/x-scss', 'django_libsass.SassCompiler'),
+    # TODO: --style=compressed + source maps
+    # https://github.com/django-compressor/django-compressor/issues/438
+    ('text/x-scss', 'sass {infile} {outfile}'),
 )
 
 DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'

app/signup/static/signup/style.scss

@@ -1,3 +1,5 @@
+@use 'pure';
+@use 'grids-responsive';
 /* The line above should remain empty */
 
 /************************/

app/signup/templates/signup/index.html

@@ -6,8 +6,6 @@
   <title>{% block "title" %}e11mail.com{% endblock %}</title>
   <meta name="viewport" content="width=device-width,initial-scale=1">
   {% compress css %}
-  <link rel="stylesheet" type="text/x-scss" href="{% static "signup/pure.css" %}">
-  <link rel="stylesheet" type="text/x-scss" href="{% static "signup/grids-responsive.css" %}">
   <link rel="stylesheet" type="text/x-scss" href="{% static "signup/style.scss" %}">
   {% endcompress %}
   <link rel="icon" href="data:;base64,iVBORw0KGgo=">

flake.nix

@@ -18,7 +18,8 @@
       pkgs = import nixpkgs {inherit system;};
       devDeps = with pkgs; [
         python3Packages.django_4
-        python3Packages.django-libsass
+        python3Packages.django-compressor
+        dart-sass
 
         hugo
         brotli