Skip to content

Some ideas to improve #2

Open
Open
@heyyoyo

Description

@heyyoyo

Really nice job on this Drupal theme !
I think it will be great to add:

Sass globing :

I found this gulp plugin: https://github.com/wiledal/gulp-include which does the job perfectly.

Regular installation:
npm install gulp-include --save-dev

Just need to add:

.pipe($.include()) 

before:

.pipe($.sass({

And then in style.scss we just import files with regex:

For example:

//= include abstraction/**/_*.scss
//= include variables/**/_*.scss
//= include base/**/_*.scss
//= include components/**/_*.scss

Susy grid + breakpoint

Maybe an option in yeoman to add this grid system.

Install those 2 npm plugins:

npm install susy --save-dev
npm install breakpoint-sass --save-dev

And then import those 2 files inside styles.css:

@import "../node_modules/breakpoint-sass/stylesheets/_breakpoint";
@import "../node_modules/susy/sass/_susy";

Uncss

Style testing it, how to include it with Drupal

Critical css

Style testing it, how to include it with Drupal

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions