Closed colegoldsmith closed 11 months ago
Adding a head to tell the browser to preload our fonts. This fixes the FOUT issue
By adding the script which adds the data-theme to the html tag to the head section, it runs before the content is rendered and avoids the flicker.
data-theme
Instead of repeating the theme variables for the prefers theme and html[data-theme] we can use a mixin to write it once
I found updating the postcss-custom-variables to work better, but required an npm upgrade. While doing so I upgraded the rest of the postcss deps
Since one of our upgraded deps required an npm upgrade I changed the nvm to match the datastax-docs-site repo
Preloading fonts
Adding a head to tell the browser to preload our fonts. This fixes the FOUT issue
Real theme flicker fix
By adding the script which adds the
data-themeto the html tag to the head section, it runs before the content is rendered and avoids the flicker.Mixins for theme
Instead of repeating the theme variables for the prefers theme and html[data-theme] we can use a mixin to write it once
Deps updates
I found updating the postcss-custom-variables to work better, but required an npm upgrade. While doing so I upgraded the rest of the postcss deps
Nvm update
Since one of our upgraded deps required an npm upgrade I changed the nvm to match the datastax-docs-site repo