SvelteKit - How to set up global SCSS accessible to all components?

• style-resources

  2 585 2.0 TypeScript

  Style Resources for Nuxt 3

  

  In Nuxt, I use the Style Resources package to make SCSS available globally and I can access variables and mixins in any component.

• InfluxDB

  www.influxdata.com featured

  Purpose built for real-time analytics at any scale. InfluxDB Platform is powered by columnar analytics, optimized for cost-efficient storage, and built with open data standards.

  

• svelte-preprocess

  23 1,748 7.1 TypeScript

  A ✨ magical ✨ Svelte preprocessor with sensible defaults and support for: PostCSS, SCSS, Less, Stylus, Coffeescript, TypeScript, Pug and much more.

  

  import preprocess from 'svelte-preprocess' import path, { dirname } from 'path' import { fileURLToPath } from 'url' import adapter from '@sveltejs/adapter-node' const filePath = dirname(fileURLToPath(import.meta.url)) const sassPath = `${filePath}/src/lib/style/` const config = { // Consult https://github.com/sveltejs/svelte-preprocess // for more information about preprocessors preprocess: preprocess({ scss: { prependData: `@import '${sassPath}_global-imports.scss';` } }), .... } export default config

Suggest a related project