-------------------------------------------------------------------------------- -------------------------------------------------------------------------------- # SwellCore Quasar Library -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- -------------------------------------------------------------------------------- ## Description -------------------------------------------------------------------------------- SwellCoreQuasar is package of Vue.js / Quasar Framework (quasar.dev) components and libraries used to implement the frontend of the SwellCore architecture. -------------------------------------------------------------------------------- ## Author -------------------------------------------------------------------------------- Christian J. Clark, Swell Development LLC -------------------------------------------------------------------------------- ## Website -------------------------------------------------------------------------------- http://www.swelldevelopment.com/ -------------------------------------------------------------------------------- ## License -------------------------------------------------------------------------------- Proprietary -------------------------------------------------------------------------------- ## Support -------------------------------------------------------------------------------- Contact info@swelldevelopment.com for comments questions, or concerns. -------------------------------------------------------------------------------- ## Sass Configuration / Use -------------------------------------------------------------------------------- **Use Dart Sass and Sass Loader in package.json:** ``` "sass": "^1.0.0", "sass-loader": "^16.0.0", ``` **To configure custom Sass load paths, in quasar.config.js, under the build section add the paths like below.** ``` build: { scssLoaderOptions: { sassOptions: { loadPaths: [ "src/css", "app/SwellCoreQuasar/themes/mixins", ] }, } } ``` **OR** ``` build: { sassOptions: (loaderContext) => { //console.log(loaderContext); return { loadPaths: [ "app/SwellCoreQuasar/themes/mixins", ], }; } } ``` **To load a Sass mixin or other library:** ``` @use 'buttons'; ``` or ``` @use 'buttons' as b; ```