Skip to content

Seperate variable file and grid / container fixes

Choose a tag to compare

@dariusrosendahl dariusrosendahl released this 20 Jul 10:59
· 112 commits to master since this release

We just had a busy morning, while working on our own projects we encountered some issues / needed improvements:

  • Fixed container and grid widths/gutters per breakpoint. We now support a minimum of 6 breakpoints
  • Put the grid variables in variables.scss
  • We separated the variable file, it's no longer in base/ or included in main.scss
    Why? Otherwise you can't overwrite the variables in your own project. Your main.scss could/should look similar to this if you want to use your own variables:
    @import 'node_modules/castlecss-core/sass/variables'; core variables
    @import 'base/variables';  // own variables
    @import '/node_modules/castlecss-core/sass/main'; //rest of core files

Included commits:
a1c432b Changed container variables to proper name. Added default container, b1 and b2 container. Changed gutter variables so they can be overwritten per breakpoint
35b2d48 Grid fixes: gutter per breakpoint, b6 widths
056f279 Added container and gutter for b6
VARIABLES NO LONGER IN MAIN.SCSS | Changed $flexbox to $grid-flexbox | Added .gitignore