Note

Plus de SCSS

Suite à l'abandon de libsass au détriment de Dart Sass, j'ai décidé d'utiliser seulement du bon vieux CSS pour mes projets perso.

Toutefois, ayant le désir de maintenir le découpage des styles en plusieurs feuilles sans utiliser le @import natif de CSS qui démultiplirait les requêtes HTTP, j'utilise un simple script shell qui concatène tous les fichiers dans un seul et qui trime les sauts de ligne:

#!/bin/sh
# You can use it with entr to rebuild on change:
# find . | entr -d ./css.sh

dst="../../public_html/css/"

while read line; do
    [ ! -z "$line" ] && cat "./$line"
done <<-EOF | tr -d '\n\r' > "${dst}index.min.css"

global/tokens/typography.css
global/tokens/colors.css
global/tokens/grid.css

global/base.css
global/a11y.css

atoms/typography/titles.css
atoms/typography/quotes.css
atoms/buttons/button.css

modules/layout.css
modules/go-to.css
modules/nav.css
modules/footer-banner.css
modules/hcard.css
modules/hentry.css
modules/hfeed.css
modules/hresume.css
modules/webmentions.css
EOF

echo "CSS builded! @ $(date +"%Y-%m-%d %T")"

Avec ces quelques lignes, j'arrive à une bonne optimisation de mon CSS, en servant un seul fichier sans retour à la ligne, et ce, en évitant les dépendances à des modules nodeJS ou à un langage de programmation venant d'un tier.

Merci UNIX :)