Base Theme Updates/Changes

pabloguerino commented 7 years ago

Quick roadmap for what we can check, probably discussion will be needed (some on the channels already happened)

[ ] Replace zen grid and create layouts based on X grid (grid to be defined)
[ ] Define default breakpoints to replace what we are currently using

@include add-breakpoint(xxxs, (333px, 'no-query' true));
@include add-breakpoint(xxs,  (444px, 'no-query' true));
@include add-breakpoint(xs,   (555px, 'no-query' true));
@include add-breakpoint(s,    (666px, 'no-query' true));
@include add-breakpoint(m,    (777px, 'no-query' true));
@include add-breakpoint(l,    (888px, 'no-query' true));
@include add-breakpoint(xl,   (999px, 'no-query' true));
@include add-breakpoint(xxl,  (1111px));
@include add-breakpoint(xxxl, (1222px));

[x] Update colors with a nicer default, for example the ones on http://clrs.cc/
[ ] Remove image-url function from sass and instead use a npm module fired from gulp to provide this functionality

iberdinsky-skilld commented 7 years ago

added https://github.com/hugeinc/flexboxgrid-sass in https://gitlab.the-s-team.com/Skilld/cdf/merge_requests/51 on cdf.

iberdinsky-skilld commented 7 years ago

we may attach this https://www.npmjs.com/package/drupal-breakpoints-scss to use only one drupal theme.breakpoints.yml on backend and sass variables

UPD: this seems more perspective http://gridlex.devlint.fr/ cause of mixins

iberdinsky-skilld commented 7 years ago

this patch could be useful https://www.drupal.org/node/2657162

iberdinsky-skilld commented 7 years ago

http://www.icfolson.com/blog/code/using-drupal-8s-breakpointsyml-in-javascript

skilld-labs / zen

Base Theme Updates/Changes #6