These are chat archives for jescalan/roots

3rd
May 2016
Noel Quiles
@EnMod
May 03 2016 04:58
@GarrickJannene That Windows bash sounds like a great native solution to run all I use in one OS, will definitely try it out. I finally did get a VM up and running with Vagrant though, and finally got Roots-Mini to run! :smile: The problem though is it's giving me Cannot read property 'toString' of undefined errors on running rootsmini watch. @jenius is this because my particular vanilla CSS is confusing the sugarss parser?
Error: ./assets/css/owl.carousel.css
/home/vagrant/GitHub/noelquiles.com/assets/css/owl.carousel.css:58:1: Expected 2 indent, but get 4
.grabbing {
    cursor:url(grabbing.png) 8 8, move;
^
,./assets/css/owl.carousel.css
Module build failed: TypeError: Cannot read property 'toString' of undefined
    at new Input (/usr/lib/node_modules/roots-mini/node_modules/postcss/lib/input.js:31:23)
    at parse (/usr/lib/node_modules/roots-mini/node_modules/postcss/lib/parse.js:22:17)
    at new LazyResult (/usr/lib/node_modules/roots-mini/node_modules/postcss/lib/lazy-result.js:61:24)
    at Processor.process (/usr/lib/node_modules/roots-mini/node_modules/postcss/lib/processor.js:34:16)
    at processCss (/usr/lib/node_modules/roots-mini/node_modules/css-loader/lib/processCss.js:188:11)
    at Object.module.exports (/usr/lib/node_modules/roots-mini/node_modules/css-loader/lib/loader.js:24:2)
 @ multi css/owl.carousel.css,./assets/css/owl.theme.css
/home/vagrant/GitHub/noelquiles.com/assets/css/owl.theme.css:75:1: Expected 2 indent, but get 1

 /*preloading images
^
,./assets/css/owl.theme.css
Module build failed: TypeError: Cannot read property 'toString' of undefined
    at new Input (/usr/lib/node_modules/roots-mini/node_modules/postcss/lib/input.js:31:23)
    at parse (/usr/lib/node_modules/roots-mini/node_modules/postcss/lib/parse.js:22:17)
    at new LazyResult (/usr/lib/node_modules/roots-mini/node_modules/postcss/lib/lazy-result.js:61:24)
    at Processor.process (/usr/lib/node_modules/roots-mini/node_modules/postcss/lib/processor.js:34:16)
    at processCss (/usr/lib/node_modules/roots-mini/node_modules/css-loader/lib/processCss.js:188:11)
    at Object.module.exports (/usr/lib/node_modules/roots-mini/node_modules/css-loader/lib/loader.js:24:2)
 @ multi css/owl.theme.css,./assets/css/owl.transitions.css
/home/vagrant/GitHub/noelquiles.com/assets/css/owl.transitions.css:64:7: Unexpected separator in property
@-webkit-keyframes empty {
  0% {opacity: 1}
      ^
,./assets/css/owl.transitions.css
that's part of what is spit out
Here's the rest
Module build failed: TypeError: Cannot read property 'toString' of undefined
    at new Input (/usr/lib/node_modules/roots-mini/node_modules/postcss/lib/input.js:31:23)
    at parse (/usr/lib/node_modules/roots-mini/node_modules/postcss/lib/parse.js:22:17)
    at new LazyResult (/usr/lib/node_modules/roots-mini/node_modules/postcss/lib/lazy-result.js:61:24)
    at Processor.process (/usr/lib/node_modules/roots-mini/node_modules/postcss/lib/processor.js:34:16)
    at processCss (/usr/lib/node_modules/roots-mini/node_modules/css-loader/lib/processCss.js:188:11)
    at Object.module.exports (/usr/lib/node_modules/roots-mini/node_modules/css-loader/lib/loader.js:24:2)
 @ multi css/owl.transitions.css
    at RootsWarning.Error (native)
    at RootsWarning.RootsError (/usr/lib/node_modules/roots-mini/lib/errors.js:19:84)
    at new RootsWarning (/usr/lib/node_modules/roots-mini/lib/errors.js:35:81)
    at Roots.compileCallback (/usr/lib/node_modules/roots-mini/lib/index.js:191:26)
    at Watching._done (/usr/lib/node_modules/roots-mini/node_modules/webpack/lib/Compiler.js:81:7)
    at Watching.<anonymous> (/usr/lib/node_modules/roots-mini/node_modules/webpack/lib/Compiler.js:61:18)
    at Compiler.emitRecords (/usr/lib/node_modules/roots-mini/node_modules/webpack/lib/Compiler.js:282:37)
    at Watching.<anonymous> (/usr/lib/node_modules/roots-mini/node_modules/webpack/lib/Compiler.js:58:19)
    at /usr/lib/node_modules/roots-mini/node_modules/webpack/lib/Compiler.js:275:11
    at Compiler.applyPluginsAsync (/usr/lib/node_modules/roots-mini/node_modules/tapable/lib/Tapable.js:60:69)
I had read that it's very possible sugarss is being crazy but I wanted to be sure of that
Or rather, that my CSS isn't exactly compatible with it. However, I had thought that SugarSS, being a PostCSS parser, would be able to read vanilla css fine?
Noel Quiles
@EnMod
May 03 2016 05:03
in case you wanted to check my source for errors/terrible practice lol
Jeff Escalante
@jescalan
May 03 2016 14:54
@EnMod yes, sugarss does not parse normal css
it's on my list to have .css extensions parsed without sugarss
i'll get back to you on this as soon as its ready
Noel Quiles
@EnMod
May 03 2016 15:22
@EnMod Awesome, thanks for working on that. I suppose that means in order to use that vanilla CSS I'd need to have PostCSS ignore those files?
Jeff Escalante
@jescalan
May 03 2016 15:29
we'll have docs and explanations of this eventually
you'd have to add a custom loader that references our core loaders
at the moment, it would be difficult to work around this
if you want immedate relief i can try to hack it into your repo today
Noel Quiles
@EnMod
May 03 2016 15:32
Ah I figured it wouldn't be that easy haha. Well, if you want to use my repo as a guinea pig be my guest! This is just a rebuild of my portfolio so it isn't mission-critical, but it would be great to get going on it. In the meantime I will work without the slider that's using those problematic CSS files
Jeff Escalante
@jescalan
May 03 2016 15:33
:+1: