Title: Spine's column framework
Last modified: August 21, 2016

---

# Spine's column framework

 *  Resolved [slamorte](https://wordpress.org/support/users/slamorte/)
 * (@slamorte)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/spines-column-framework/)
 * Hi.
 * I’m confused about how Spine used CSS class in columns. Other Foundation theme
   I’ve worked on use “row” “column” and numbers (like “three”) to define columns.
   Spine doesn’t seem to do that. What framework is it using, and where in the PHP
   would I edit column widths?
 * I see a page-templates/front-page.php file for Spine that does use Foundation
   markup, but that template doesn’t appear to be used when I inspect my rendered
   page elements.
 * I’m new to WP, coming over from Drupal, so apologies if I’m coming off as a newbie.

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Theme Author [Paul de Wouters](https://wordpress.org/support/users/pauldewouters/)
 * (@pauldewouters)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/spines-column-framework/#post-4398881)
 * It uses Sass mixins [http://foundation.zurb.com/docs/v/4.3.2/components/grid.html](http://foundation.zurb.com/docs/v/4.3.2/components/grid.html)
   
   you can find the Sass in the foundation subfolder
 *  Thread Starter [slamorte](https://wordpress.org/support/users/slamorte/)
 * (@slamorte)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/spines-column-framework/#post-4398978)
 * I was really hoping to not have to learn SASS just to change columns width. I’m
   diving in though; yet another app to learn.
 * I’ve installed Compass for Mac and Scout as my GUI interface. I load the spine/
   foundation/sass as my input directory, and create a temp output directory so 
   I don’t overwrite my existing CSS.
 * Scout gives me an error:
    `error app.scss (Line 2 of _settings.scss: File to 
   import not found or unreadable: foundation/foundation-global.`
 * There’s no file by that name in Spine. I am guessing I need the Foundation SASS
   installed to work, but even there there’s no “foundation-global” file in Foundation
   4.3.2.
 * I’ll try to compass on the command line. If you have suggestions I’d be thrilled.
 *  Theme Author [Paul de Wouters](https://wordpress.org/support/users/pauldewouters/)
 * (@pauldewouters)
 * [12 years, 6 months ago](https://wordpress.org/support/topic/spines-column-framework/#post-4399006)
 * So you’ll need to follow these instructions
 * [http://foundation.zurb.com/docs/v/4.3.2/sass.html](http://foundation.zurb.com/docs/v/4.3.2/sass.html)
 * Basically you are missing the foundation ruby gem
 *  [Sonja London](https://wordpress.org/support/users/summit/)
 * (@summit)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/spines-column-framework/#post-4399169)
 * [@slamorte](https://wordpress.org/support/users/slamorte/) – You may not even
   need to recompile the SCSS, depending on what you are trying to do.
 * Foundation 4 (and 5) use different names for column widths like “large-3” instead
   of three. The ones you mention above are from Foundation 3.
 * Here is a guide to the upgrade –
 * [http://foundation3.zurb.com/migration.php](http://foundation3.zurb.com/migration.php)
 *  Thread Starter [slamorte](https://wordpress.org/support/users/slamorte/)
 * (@slamorte)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/spines-column-framework/#post-4399170)
 * Thanks Summit. I had just come to that realization myself; the new Foundation
   uses different classes than I am used to. I was also confused because I found
   a template that did use the old classes, but wasn’t in use.
 * I still suspect I need to learn SASS soon. =)
 *  [Sonja London](https://wordpress.org/support/users/summit/)
 * (@summit)
 * [12 years, 5 months ago](https://wordpress.org/support/topic/spines-column-framework/#post-4399171)
 * It is even a little more confusing if you look at the innards of the front page
   template as it looks like Paul has continued to use the Foundation 3 names by
   adding a select few classes back in.
 * We normally delete the front page template and replace with one of our own.
 * If you do try to use SASS, consider the SCSS variant as it is a strict superset
   of CSS.
 * We also find the PrePros tool to be the easiest to setup. Saves the need for 
   messing with the Ruby/Gems/etc. setup. Everythings is built in. It also will “
   watch” for changes in your SCSS file and automatically recompile. Optionally 
   it can minify your CSS & JavaScript. There is a Mac version. Free version is 
   probably sufficient.
 * Good Luck !

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Spine's column framework’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/spine/2.0/screenshot.png)
 * Spine
 * [Support Threads](https://wordpress.org/support/theme/spine/)
 * [Active Topics](https://wordpress.org/support/theme/spine/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/spine/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/spine/reviews/)

## Tags

 * [class](https://wordpress.org/support/topic-tag/class/)

 * 6 replies
 * 3 participants
 * Last reply from: [Sonja London](https://wordpress.org/support/users/summit/)
 * Last activity: [12 years, 5 months ago](https://wordpress.org/support/topic/spines-column-framework/#post-4399171)
 * Status: resolved