Don’t mind the quickly thrown together guide Let me know if you’re missing something!
site-root directory contains a
css directory and a
sass directory. Take a quick peek inside the
css directory and notice the following files and directories:
bootstrap/bootstrap.css plugins/* laddr/* branding/*
These are the stylesheets that Laddr pulls into the main site out-of-the-box and are not generated from SASS. You can edit them directly but note that unless you’re adding new files you won’t be able to receive updates from upstream anymore.
Editing with SCSS
You can edit
main.css by editing files under the
sass directory. Remember that
main.css isn’t loaded in by default and, at the time of this writing, loading it in throws your template off, so unless someone corrects me, you might want to start with a fresh
To compile, navigate to
yourdomain.com/sass/compile and wait for that to run.
site-root/css/main.css will be updated with your changes.
Adding additional css files to your site
Now you need to include
main.css and any other new
css files you made on your site! Open
html-templates/includes/site.css.tpl. You’ll find a call to
cssmin with an array containing the default paths I reviewed at the start of this post. Add your files (relative to the /css directory), save, then go and check out your freshly styled Laddr instance!