GithubHelp home page GithubHelp logo

tecbeast42 / laravel-elixir-lost-sass Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 0.0 690 KB

Laravel Elixir extension which compiles sass and lost in one go.

License: MIT License

JavaScript 97.55% CSS 2.45%

laravel-elixir-lost-sass's People

Contributors

tecbeast42 avatar

Watchers

 avatar  avatar  avatar

laravel-elixir-lost-sass's Issues

Quick and dirty Elixir + SCSS + LOST

I use this quick and dirty version to compile SCSS + LOST after running into a little issue where multiple calls to compile would concatenate all previous temp files. I chose to extract and add the filename to the temp file path to prevent this conflict and thought you might find it useful. :)

config.css.lost = {
    pluginOptions: [
        lost()
    ],
}

/*
 * Lost Task Compiler
 */
var lostTask = function(src, output) {
    var paths = new Elixir.GulpPaths()
        .src(src)
        .output(output);

    new Elixir.Task('lost', function() {
        return css({
            name: 'Lost',
            compiler: require('gulp-postcss'),
            src: paths.src,
            output: paths.output,
            task: this,
            pluginOptions: config.css.lost.pluginOptions,
        });
    }).watch(paths.src.path);
};

var Task = Elixir.Task;

Elixir.extend('sassLost', function(src, output) {    
    var temp = config.publicPath + '/' + config.css.outputFolder + '/' + src.replace(/.*\\|\..*$/g, '') + '-lost.css'
    Elixir.mixins.sass(src, temp);
    lostTask(temp, output);
});

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.