Spine's column framework

  • Resolved slamorte

    (@slamorte)


    11 years, 2 months ago

    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

    (@pauldewouters)

    It uses Sass mixins https://foundation.zurb.com/docs/v/4.3.2/components/grid.html
    you can find the Sass in the foundation subfolder

    Thread Starter slamorte

    (@slamorte)

    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

    (@pauldewouters)

    So you’ll need to follow these instructions

    https://foundation.zurb.com/docs/v/4.3.2/sass.html

    Basically you are missing the foundation ruby gem

    @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 –

    https://foundation3.zurb.com/migration.php

    Thread Starter slamorte

    (@slamorte)

    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. =)

    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.

Tags