@rasahq/sass-tabula

About our CSS pipeline

• sass
  • sass-loader
• postcss
  • postcss-loader
  • postcss-plugins, core
    • postcss-preset-env
    • postcss-pseudo-any
    • postcss-focus-visible
      • NB: requires focus-visible polyfill
    • postcss-focus-within
      • NB: requires focus-within polyfill
    • postcss-image-set-function
    • postcss-pseudo-class-any-link
    • postcss-inset
  • postcss-plugins, interesting
    • postcss-svg
    • postcss-pseudo-class-enter
    • postcss-gap-properties
    • postcss-purgecss
    • postcss-visitor
      • would allow custom editing of CSS at final stage !
  • postcss to consider
    • csstools/sanitize.css: A best-practices CSS foundation
    • csstools/postcss-env-function: Use env() variables in CSS
    • csstools/postcss-logical: Use logical properties and flow-relative values in CSS
    • csstools/postcss-place: place-* shorthand for align-* and justify-*
    • csstools/postcss-color-functional-notation: Use space and slash separated color notation in CSS
    • csstools/css-prefers-color-scheme: Use light or dark color themes in CSS
    • csstools/css-has-pseudo: Style elements relative to other elements

PostCSS

CONFIGURATION

• what is our standard postcss.config.js file
• what are our standard plugins
• will postcss-preset-env pick up correctly in all environments?
  • see this repo for examples