guylepage3 / m3

m3 is an advanced typography framework.
https://m3-one.vercel.app
MIT License
12 stars 2 forks source link

Add optional responsive grid system component #53

Closed guylepage3 closed 5 years ago

guylepage3 commented 5 years ago

Is your feature request related to a problem? Please describe. Add optional responsive grid system component that users can easily add by simply @import the SCSS or CSS file(s).

guylepage3 commented 5 years ago

After taking a look at things.. We just need to add the following in order to apply Bootstrap's grid system to Meta. We can then modify it from there.

html {
  box-sizing: border-box;
  -ms-overflow-style: scrollbar;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

@import "meta-functions";
@import "meta-variables";

@import "mixins/meta-breakpoints";
@import "mixins/meta-grid-framework";
@import "mixins/meta-grid";

@import "meta-grid";
@import "utilities/meta-display";
@import "utilities/meta-flex";
@import "utilities/meta-spacing";
guylepage3 commented 5 years ago

Added new grid system for Meta. Complete with flexbox.

guylepage3 commented 5 years ago
Screenshot 2019-04-08 14 03 30