mustardamus / nuxt-bulma-slim

Nuxt.js module to automatically make a slim Bulma build of used features with Purgecss
https://www.npmjs.com/package/nuxt-bulma-slim
MIT License
46 stars 7 forks source link

Usage question #10

Open willhoyle opened 5 years ago

willhoyle commented 5 years ago

in ~/assets/variables.scss

// @import "../node_modules/bulma/sass/utilities/_all"; <-- do I add this?
$primary: #709a6b;
$primary-invert: findColorInvert($primary);

$colors: (
    "white": ($white, $black),
    "black": ($black, $white),
    "light": ($light, $light-invert),
    "dark": ($dark, $dark-invert),
    "primary": ($primary, $primary-invert),
    "info": ($info, $info-invert),
    "success": ($success, $success-invert),
    "warning": ($warning, $warning-invert),
    "danger": ($danger, $danger-invert)
);

// links
$link: $primary;
$link-invert: $primary-invert;
$link-focus-border: $primary;

// @import "../node_modules/bulma"; <-- do I add this?

nuxt.config.js

...
  modules: [

    ['nuxt-bulma-slim', { variablePaths: ['assets/variables.scss'] }]

  ],
...

Whether I comment out those two lines above or not, my variables aren't being added? Am I using this correctly?