wearebraid / griddle Goto Github PK

Hi there,
Great grid system

With
"sass-loader": "^9.0.3" and "@vue/cli-service": "~4.5.0",
additionalData is used instead of data

module.exports = {
  css: {
    loaderOptions: {
      sass: {
        // An overrides file should be included in your build process
        // before griddle.scss if you wish to override default settings
        // these files should only include variables and mixins, not styles
        // as they will be added to every component that uses SCSS.
        additionalData: `
          @import "@/assets/griddle-overrides.scss";
          @import "@braid/griddle/scss/griddle.scss";
        `
      }
    }
  }
}

Best!

Lots of deprecation warnings about how math will change in dart sass 2.0.0 🤷‍♂️

Deprecation Warning: Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
Recommendation: math.div($g-max-gutter-width, $g-max-body-width) or calc($g-max-gutter-width / $g-max-body-width)

Would be nice if those deprecation warnings weren't around, but should probably be lower priority.

I'm liking the idea behind this repo, it looks really useful.

How would I go about implementing this into Next JS? Specifically the overlay feature in the browser.

I'm using this for a Wordpress site. No js lib or so. When i try to activate the overlay, which i have imported in my sass like so, it wont display. Everything else works great! Since its activated by a short command i may need some JS?

@import "tools/variables"; //override

@import "./node_modules/@braid/griddle/scss/griddle.scss";

@import "./node_modules/@braid/griddle/scss/griddle-overlay.scss";

Any plans of changing the style from using @import statements to @use/@forward since @import is going to be deprecated soon and they advise users to use the new methods.

ref

I've been trying to change my project to use @use and @forward but its not working that well with griddle.

Was wondering if you guys have tried to use the new methods instead at the same time as import-methods. Not sure if they can coexist though, so it may be a breaking change..

Starting to get deprecation warnings when using newest Dart Sass (ref)
DEPRECATION WARNING: Using / for division is deprecated and will be removed in Dart Sass 2.0.0.