Merge pull request #1090 from CFXd/move-main-and-sidebar-markup-out-of-php

Move <main> and .sidebar markup out of PHP and into LESS
This commit is contained in:
Ben Word
2014-08-15 12:30:09 -05:00
5 changed files with 20 additions and 20 deletions

View File

@@ -8,3 +8,7 @@
// -------------------------
@icon-font-path: "../vendor/bootstrap/fonts/";
@main-sm-columns: @grid-columns;
@sidebar-sm-columns: 4;

View File

@@ -2,4 +2,9 @@
.wrap { }
// Main content area
.main { }
.main {
.make-sm-column(@main-sm-columns);
.sidebar-primary & {
.make-sm-column(@main-sm-columns - @sidebar-sm-columns);
}
}

View File

@@ -1 +1,3 @@
.sidebar { }
.sidebar {
.make-sm-column(@sidebar-sm-columns);
}

View File

@@ -14,11 +14,11 @@
<div class="wrap container" role="document">
<div class="content row">
<main class="main <?php echo roots_main_class(); ?>" role="main">
<main class="main" role="main">
<?php include roots_template_path(); ?>
</main><!-- /.main -->
<?php if (roots_display_sidebar()) : ?>
<aside class="sidebar <?php echo roots_sidebar_class(); ?>" role="complementary">
<aside class="sidebar" role="complementary">
<?php include roots_sidebar_path(); ?>
</aside><!-- /.sidebar -->
<?php endif; ?>

View File

@@ -18,26 +18,15 @@ if (!defined('WP_ENV')) {
}
/**
* .main classes
* Add body class if sidebar is active
*/
function roots_main_class() {
function roots_sidebar_body_class($classes) {
if (roots_display_sidebar()) {
// Classes on pages with the sidebar
$class = 'col-sm-8';
} else {
// Classes on full width pages
$class = 'col-sm-12';
$classes[] = 'sidebar-primary';
}
return apply_filters('roots/main_class', $class);
}
/**
* .sidebar classes
*/
function roots_sidebar_class() {
return apply_filters('roots/sidebar_class', 'col-sm-4');
return $classes;
}
add_filter('body_class', 'roots_sidebar_body_class');
/**
* Define which pages shouldn't have the sidebar