Giter VIP home page Giter VIP logo

laravel-elixir-sass-compass's Introduction

Hi, I'm Joe ๐Ÿ‘‹

Apparently if you name a repo your username it gets created as a spcial repo and you get to do things like this.

Neat.

Can I link to another file from here?

laravel-elixir-sass-compass's People

Contributors

fourstacks avatar jbrooksuk avatar joecianflone avatar landish avatar

Stargazers

avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar avatar avatar avatar

Forkers

jamesforks mikkopel gres fourstacks centralpayment zwl1619 scrubmx

laravel-elixir-sass-compass's Issues

Invalid CSS issue

Can anyone help me with this? I dont know if this elixir specific.

I have output here http://pastebin.com/tfAXfAy1 and below

gulp
[20:08:33] Using gulpfile /var/www/portal.app/gulpfile.js
[20:08:33] Starting 'default'...
[20:08:33] Starting 'compass'...
[20:08:33] Finished 'default' after 9.78 ms
error resources/assets/scss/smartadmin/smartadmin-production-plugins.scss (Line 59 of resources/assets/scss/smartadmin/smartadmin/_plugin-bootstrap-markdown.scss: Invalid CSS after "...${color-rgba}")": expected "{", was ";")

error resources/assets/scss/smartadmin/smartadmin-production.scss (Line 23 of resources/assets/scss/smartadmin/smartadmin/_component-pace.scss: Invalid CSS after "  background: ": expected expression (e.g. 1px, bold), was "@blueStandard;")

Compilation failed in 2 files.

[20:08:34] gulp-notify: [Laravel Elixir] Compass Compilation Failed!: error resources/assets/scss/smartadmin/smartadmin-production-plugins.scss (Line 59 of resources/assets/scss/smartadmin/smartadmin/_plugin-bootstrap-markdown.scss: Invalid CSS after "...${color-rgba}")": expected "{", was ";")
error resources/assets/scss/smartadmin/smartadmin-production.scss (Line 23 of resources/assets/scss/smartadmin/smartadmin/_component-pace.scss: Invalid CSS after " background: ": expected expression (e.g. 1px, bold), was "@bluestandard;")
Compilation failed in 2 files.

{ [Error: error resources/assets/scss/smartadmin/smartadmin-production-plugins.scss (Line 59 of resources/assets/scss/smartadmin/smartadmin/_plugin-bootstrap-markdown.scss: Invalid CSS after "...${color-rgba}")": expected "{", was ";")
error resources/assets/scss/smartadmin/smartadmin-production.scss (Line 23 of resources/assets/scss/smartadmin/smartadmin/_component-pace.scss: Invalid CSS after " background: ": expected expression (e.g. 1px, bold), was "@bluestandard;")
Compilation failed in 2 files.
]
message: '\u001b[31m error\u001b[0m resources/assets/scss/smartadmin/smartadmin-production-plugins.scss (Line 59 of resources/assets/scss/smartadmin/smartadmin/_plugin-bootstrap-markdown.scss: Invalid CSS after "...${color-rgba}")": expected "{", was ";")\n\u001b[31m error\u001b[0m resources/assets/scss/smartadmin/smartadmin-production.scss (Line 23 of resources/assets/scss/smartadmin/smartadmin/_component-pace.scss: Invalid CSS after " background: ": expected expression (e.g. 1px, bold), was "@bluestandard;")\n\u001b[31mCompilation failed in 2 files.\n\u001b[0m',
showStack: false,
showProperties: true,
plugin: 'gulp-compass',
__safety: { toString: [Function: bound ] } }
[20:08:34] 'compass' errored after 1.07 s
[20:08:34] Error in plugin 'gulp-compass'
Message:
error resources/assets/scss/smartadmin/smartadmin-production-plugins.scss (Line 59 of resources/assets/scss/smartadmin/smartadmin/_plugin-bootstrap-markdown.scss: Invalid CSS after "...${color-rgba}")": expected "{", was ";")
error resources/assets/scss/smartadmin/smartadmin-production.scss (Line 23 of resources/assets/scss/smartadmin/smartadmin/_component-pace.scss: Invalid CSS after " background: ": expected expression (e.g. 1px, bold), was "@bluestandard;")
Compilation failed in 2 files.

[20:08:34] Error in plugin 'run-sequence'
Message:
An error occured in task 'compass'.

Compile Error Related to Accessing Elixir.Config and Elixir.Task where Undefined

I'm also having a compile error though a bit different:

d:\projects\project\node_modules\laravel-elixir-sass-compass\index.js:14
            javascript:  config.js.outputFolder,
                                  ^
TypeError: Cannot read property 'outputFolder' of undefined
    at Object.compass (d:\projects\project\node_modules\laravel-elixir-sass-compass\index.js:14:35)
    at d:\projects\project\gulpfile.js:20:9
    at Elixir (d:\projects\project\node_modules\laravel-elixir\index.js:3:5)
    at Object.<anonymous> (d:\projects\project\gulpfile.js:16:1)
    at Module._compile (module.js:460:26)
    at Object.Module._extensions..js (module.js:478:10)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Module.require (module.js:365:17)
    at require (module.js:384:17)

It appears to affect more than one config. If I don't use the defaults and drop in my own object with configs the error persists preventing gulp from running. If I change config.js.outputFolder to 'public/js' the error jumps to the next issue in the config:

d:\projects\project\node_modules\laravel-elixir-sass-compass\index.js:20
            style:       config.css.sass.pluginOptions.outputStyle,
                                   ^
TypeError: Cannot read property 'sass' of undefined
    at Object.compass (d:\projects\project\node_modules\laravel-elixir-sass-compass\index.js:20:36)
    at d:\projects\project\gulpfile.js:20:9
    at Elixir (d:\projects\project\node_modules\laravel-elixir\index.js:3:5)
    at Object.<anonymous> (d:\projects\project\gulpfile.js:16:1)
    at Module._compile (module.js:460:26)
    at Object.Module._extensions..js (module.js:478:10)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Module.require (module.js:365:17)
    at require (module.js:384:17)

So I kept going and replaced that and the next issue with the proper paths.

    var defaultOptions = {
            generated_images_path: false,
            config_file: false,
            javascript:  'public/js',
            sourcemap:   false,
            http_path:   false,
            relative:    true,
            comments:    true,
            require:     false,
            style:       'expanded',
            image:       config.publicPath + '/images',
            font:        config.publicPath + '/fonts',
            sass:        'resources/assets/scss',
            css:         output || config.css.outputFolder
        };

But then it throws an error on line 29:

d:\projects\project\node_modules\laravel-elixir-sass-compass\index.js:29
    new Task('compass', function() {
        ^
TypeError: undefined is not a function
    at Object.compass (d:\projects\project\node_modules\laravel-elixir-sass-compass\index.js:29:9)
    at d:\projects\project\gulpfile.js:20:9
    at Elixir (d:\projects\project\node_modules\laravel-elixir\index.js:3:5)
    at Object.<anonymous> (d:\projects\project\gulpfile.js:16:1)
    at Module._compile (module.js:460:26)
    at Object.Module._extensions..js (module.js:478:10)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Module.require (module.js:365:17)
    at require (module.js:384:17)

Readme Config sass directory incorrect

the default config for sass directory is

sass:        config.assetsDir + 'scss',

the readme shows

sass: "resources/assets/sass",

default looks for scss when I expected it to look for sass

Error running with default values

Hello! I'm unable to compile my scss scripts using mix.compass()
Output:

โ‡’  gulp
[21:32:48] Using gulpfile ~/workspace/airports/gulpfile.js
[21:32:48] Starting 'default'...
[21:32:48] Starting 'compass'...
[21:32:48] 'compass' errored after 580 ฮผs
[21:32:48] TypeError: Cannot read property 'indexOf' of undefined
    at prefixOne (/home/countzero/workspace/airports/node_modules/laravel-elixir/GulpPaths.js:104:17)
    at GulpPaths.prefix (/home/countzero/workspace/airports/node_modules/laravel-elixir/GulpPaths.js:117:12)
    at GulpPaths.src (/home/countzero/workspace/airports/node_modules/laravel-elixir/GulpPaths.js:24:16)
    at prepGulpPaths (/home/countzero/workspace/airports/node_modules/laravel-elixir-sass-compass/index.js:46:14)
    at null.definition (/home/countzero/workspace/airports/node_modules/laravel-elixir-sass-compass/index.js:31:21)
    at Task.run (/home/countzero/workspace/airports/node_modules/laravel-elixir/Task.js:96:17)
    at Gulp.<anonymous> (/home/countzero/workspace/airports/node_modules/laravel-elixir/index.js:95:52)
    at module.exports (/home/countzero/workspace/airports/node_modules/gulp/node_modules/orchestrator/lib/runTask.js:34:7)
    at Gulp.Orchestrator._runTask (/home/countzero/workspace/airports/node_modules/gulp/node_modules/orchestrator/index.js:273:3)
    at Gulp.Orchestrator._runStep (/home/countzero/workspace/airports/node_modules/gulp/node_modules/orchestrator/index.js:214:10)
Error running task sequence: [TypeError: Cannot read property 'indexOf' of undefined]
[21:32:48] Finished 'default' after 5.13 ms

autoprefixer not working

Is there a way to integrate Elixir's gulp-autoprefixer with laravel-elixir-sass-compass? The autoprefixer works fine when running mix.sass() but mix.compass() does not autoprefix . Hope somebody can help me out.

Import paths

Currently I have an import like this:

@import "../bower_components/foundation/scss/foundation/_functions";

But I've since moved bower_components from ./resources/assets (where the scss) folder was to ./vendor/.

Why is laravel-elixir-sass-compass not able to use these paths?

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.