Sage doesn't have grid classes in HTML

Simply put, 8.0.1 is generating markup without columns of any kind. Meaning there are no col- classnames in the markup Sage outputs.

Example of content between <header> and <footer>:

    <div class="wrap container" role="document">
      <div class="content row">
        <main class="main" role="main">
            
<div class="page-header">
  <h1>
    Multiple Paragraph Page  </h1>
</div>
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
        </main><!-- /.main -->
                  <aside class="sidebar" role="complementary">
            <section class="widget archives-3 widget_archive"><h3>Archives</h3>		<select name="archive-dropdown" onchange='document.location.href=this.options[this.selectedIndex].value;'>
			<option value="">Select Month</option>

				<option value='http://mysite.com/2015/01/'> January 2015 &nbsp;(1)</option>
	<option value='http://mysite.com/2014/10/'> October 2014 &nbsp;(1)</option>
	<option value='http://mysite.com/2014/09/'> September 2014 &nbsp;(1)</option>
		</select>
</section>          </aside><!-- /.sidebar -->
              </div><!-- /.content -->
    </div><!-- /.wrap -->

That’s correct. This change was made before version 8.0.0. See https://github.com/roots/sage/blob/master/assets/styles/components/_grid.less

Thanks @benword Gotcha, so, they’re semantic now. Because I’m using bootstrap sass instead, I need to change that file accordingly.

1 Like

I understand Sage will be turned into a Yeoman generator. However, until that time there aren’t Sass equivalent Less files found in the common and component directories.

As a Sass user, I can somewhat get the gist of Less, but, it’s still confusing.

If the generator is coming soon, forget about this question.

You’re right, and I’m sorry it’s weird right now.

The generator will be available to the public soon, and one of the initial features we’re going to have ready is the ability to select Bootstrap Less vs Bootstrap Sass, with the appropriate styles for both.

3 Likes