Menu icon Foundation
foundation and prepros

How can I use foundation 5 with prepros (http://alphapixels.com/prepros/). Has anyone experience with it?

preprosFoundation 5

How can I use foundation 5 with prepros (http://alphapixels.com/prepros/). Has anyone experience with it?

samjin over 5 years ago

I would like to know this too

Brandon Arnold over 5 years ago

Haven't had experience with it, but i'd imagine you'd use it the same as any SASS project. Are you having trouble in particular?

samjin over 5 years ago

I figured out how to use Prepros. After creating new_project, drag the folder to prepros and enable app.scss full compass support. then use ur text editor tool( I use sublime ) to edit config.rb in that folder. change 'stylesheet' to 'css' . you are done.
I do have problem of how to use f5 scss for existing project tho!

Tanel over 5 years ago

in which folder should this config.rb be and how to get it? i have no such file.

and i still can't get foundation working with prepros.

samjin over 5 years ago

copy below codes and create config.rb file in your project root folder. Change the setting to your prefered setting.

# Require any additional compass plugins here.
add_import_path "bower-foundation/scss"

# Set this to the root of your project when deployed:
http_path = "/"
css_dir = "css"
sass_dir = "scss"
images_dir = "images"
javascripts_dir = "js"

# You can select your preferred output style here (can be overridden via the command line):
# output_style = :expanded or :nested or :compact or :compressed
output_style = :compressed;

# To enable relative paths to assets via compass helper functions. Uncomment:
# relative_assets = true

# To disable debugging comments that display the original location of your selectors. Uncomment:
line_comments = false;


# If you prefer the indented syntax, you might want to regenerate this
# project again passing --syntax sass, or you can uncomment this:
# preferred_syntax = :sass
# and then run:
# sass-convert -R --from scss --to sass sass scss && rm -rf sass && mv scss sass

Ben Redmond about 4 years ago

I'm having the same problem using prepros to compile foundation. I've followed samjin's steps above but to no avail.

I've check the boxes in prepros (more options > compilers > Sass options ) to use Compass and Full Compass Support.

I've also created a config.rb file in my project root file and pasted the code above into it.

Have I missed something? Any help would be greatly appreciated.

Thanks, Ben.