These are chat archives for jescalan/roots

10th
Nov 2015
Martin Berggren
@marthings
Nov 10 2015 15:05
Howdi! Recently found roots (been using mixture.io before). Looking awesome but im having problem with scss. It´s compiling with accord and so far its good. However i can´t get autoprefixer to work with scss :( Any help :)?
Seth Krasnianski
@sethkrasnianski
Nov 10 2015 15:08
what does your current attempt look like?
Damian Phillips-king
@imdpk
Nov 10 2015 15:18
hey guys
i am a strange issue when when I compile
it changes the directory of my layout.jade
Damian Phillips-king
@imdpk
Nov 10 2015 15:24
its looking for my directory in the wrong location
Martin Berggren
@marthings
Nov 10 2015 15:26

Okej my app.config

axis = require 'axis'
rupture = require 'rupture'
autoprefixer = require 'autoprefixer'
js_pipeline = require 'js-pipeline'
css_pipeline = require 'css-pipeline'
accord = require 'accord'
sass = accord.load 'node-sass'

module.exports =
ignores: ['readme.md', '/layout.*', '/_', '.gitignore', 'ship.conf']

extensions: [
js_pipeline(files: 'assets/js/.coffee', out: 'js/build.js', minify: true, hash: true),
css_pipeline(files: 'assets/css/
.scss', out: 'css/build.css', minify: true)
]

scss:
outputStyle: "nested"

'coffee-script':
sourcemap: true

jade:
pretty: true

Sry for long post

I´m stuck at how im supposed to get autoprefixer to work :)
Seth Krasnianski
@sethkrasnianski
Nov 10 2015 15:26
could you add three back ticks before and after your code @marthings ?
Martin Berggren
@marthings
Nov 10 2015 15:26
Ah! Yeah of course i´ll remember that
Seth Krasnianski
@sethkrasnianski
Nov 10 2015 15:26
to make it pretty :)
just so we can read it here
Martin Berggren
@marthings
Nov 10 2015 15:27

´´´
axis = require 'axis'
rupture = require 'rupture'
autoprefixer = require 'autoprefixer'
js_pipeline = require 'js-pipeline'
css_pipeline = require 'css-pipeline'
accord = require 'accord'
sass = accord.load 'node-sass'

module.exports =
ignores: ['readme.md', '/layout.*', '/_', '.gitignore', 'ship.conf']

extensions: [
js_pipeline(files: 'assets/js/.coffee', out: 'js/build.js', minify: true, hash: true),
css_pipeline(files: 'assets/css/
.scss', out: 'css/build.css', minify: true)
]

scss:
outputStyle: "nested"

'coffee-script':
sourcemap: true

jade:
pretty: true
´´´

Holy moses
Damian Phillips-king
@imdpk
Nov 10 2015 15:28
can you access mutiple spaces with roots-contentful?
Martin Berggren
@marthings
Nov 10 2015 15:28
axis = require 'axis'
rupture = require 'rupture'
autoprefixer = require 'autoprefixer'
js_pipeline = require 'js-pipeline'
css_pipeline = require 'css-pipeline'
accord = require 'accord'
sass = accord.load 'node-sass'
module.exports =
ignores: ['readme.md', '/layout.*', '/_', '.gitignore', 'ship.conf']
extensions: [
js_pipeline(files: 'assets/js/.coffee', out: 'js/build.js', minify: true, hash: true),
css_pipeline(files: 'assets/css/.scss', out: 'css/build.css', minify: true)
]
scss:
outputStyle: "nested"
'coffee-script':
sourcemap: true
jade:
pretty: true
I suck today : >
Seth Krasnianski
@sethkrasnianski
Nov 10 2015 15:29
you did great :D
@imdpk usually you can add all the content you need under one space
Damian Phillips-king
@imdpk
Nov 10 2015 15:31
How we are trying to structure it is to have a space for the blog and a space for the site
does that make any sense?
Seth Krasnianski
@sethkrasnianski
Nov 10 2015 15:35
@marthings that module doesn’t seem to be compatible with scss
it looks like a postcss plugin
yes, that does imdpk. I don’t know it roots-contentful supports multiple spaces. we only use one space and structure our data within that space
I’d have a look through the source to see otherwise
Damian Phillips-king
@imdpk
Nov 10 2015 15:40
that would be good to know
we are still trial running it at our company with a few speed bumps
Seth Krasnianski
@sethkrasnianski
Nov 10 2015 15:41
contentful?
or roots?
Damian Phillips-king
@imdpk
Nov 10 2015 15:41
I feel once we connect all the pieces of the puzzle it will be a good solution
roots coupled with contentful
can you ship to azure as well I wonder
Martin Berggren
@marthings
Nov 10 2015 15:43
@sethkrasnianski Yeah I noticed that scss didnt have a module like autoprefixer-stylus so i was thinking that i might get some help here from someone that figured this out :) Im planing to use roots to prototype but i really need scss and autoprefixer :P
Seth Krasnianski
@sethkrasnianski
Nov 10 2015 15:43
you could ship anywhere you want with a custom script, but carrot/ship only supports Amazon S3, Heroku, Github Pages, Bitballoon, and Netlify currently
have you considered stylus, @marthings?
it’s pretty much equivilant to scss
… for the most part
Martin Berggren
@marthings
Nov 10 2015 15:45
@sethkrasnianski Yes i will probably switch to it but we have a project atm that is already in scss and in mixture but we´re looking to switch to another static site builder
And roots is exact what we need for all other cases :) But in this case scss is needed
Seth Krasnianski
@sethkrasnianski
Nov 10 2015 15:47
you can leverage gulp & roots for the time being if you need, and run autoprefixer on your css
have roots run first, then have your prefix task run second
Damian Phillips-king
@imdpk
Nov 10 2015 15:50
is slugify just a node package
Martin Berggren
@marthings
Nov 10 2015 15:51
Okej thank you i´ll look in to it @sethkrasnianski
Martin Berggren
@marthings
Nov 10 2015 16:07
Wow roots with gulp is nice! Thanks..even more rooty now
Seth Krasnianski
@sethkrasnianski
Nov 10 2015 16:07
all the roots
@imdpk yes slugify is a node package
Martin Berggren
@marthings
Nov 10 2015 16:21
@sethkrasnianski Aw it doesnt compile my scss with the gulp command. I guess the roots:compile doesn't read my app.coffee or something? The sass compiles fine without the gulp tutorial. I guess i could compile scss with gulp but would be nice to use css_pipline.
Damian Phillips-king
@imdpk
Nov 10 2015 16:31
I have a strange problem
maybe you guys came accross it
so i have a .jade template file
that extends layout which is nested inside of another folder
but it looks like my path is getting mangled
Damian Phillips-king
@imdpk
Nov 10 2015 16:39
can you set the basedir from jade in app.coffee?
Martin Berggren
@marthings
Nov 10 2015 21:32
autoprefixer
lol was gonna search that. Horrible day
Martin Berggren
@marthings
Nov 10 2015 22:10
curent url
I mean i´m so embarrassed right now same failure twice in this chat. I´m really sorry for bloating this chat tonight i should just go to sleep now. Just ignore my recent messages. I love roots, good night.
Seth Krasnianski
@sethkrasnianski
Nov 10 2015 22:13
haha
did you figure out your gulp issue?
Martin Berggren
@marthings
Nov 10 2015 22:16
I felt that going gulp just for autoprefixer is overkill. I will run autoprefixer separately for this occasion (just a prototype anyway). I like the clean config file that ships with roots. However i found out that i miss some other stuff like svg optimize but that will be investigated tomorrow :)
Seth Krasnianski
@sethkrasnianski
Nov 10 2015 22:18
you could add a line to your package.json scripts which calls svgo on the public directory with the svg files
”optimize-svg”: “svgo -f ../path/to/folder/with/svg/files"
then npm run optimize-svg