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/"; @icon-font-path: "../vendor/bootstrap/fonts/";
@main-sm-columns: @grid-columns;
@sidebar-sm-columns: 4;

View File

@@ -2,4 +2,9 @@
.wrap { } .wrap { }
// Main content area // 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="wrap container" role="document">
<div class="content row"> <div class="content row">
<main class="main <?php echo roots_main_class(); ?>" role="main"> <main class="main" role="main">
<?php include roots_template_path(); ?> <?php include roots_template_path(); ?>
</main><!-- /.main --> </main><!-- /.main -->
<?php if (roots_display_sidebar()) : ?> <?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(); ?> <?php include roots_sidebar_path(); ?>
</aside><!-- /.sidebar --> </aside><!-- /.sidebar -->
<?php endif; ?> <?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()) { if (roots_display_sidebar()) {
// Classes on pages with the sidebar $classes[] = 'sidebar-primary';
$class = 'col-sm-8';
} else {
// Classes on full width pages
$class = 'col-sm-12';
} }
return $classes;
return apply_filters('roots/main_class', $class);
}
/**
* .sidebar classes
*/
function roots_sidebar_class() {
return apply_filters('roots/sidebar_class', 'col-sm-4');
} }
add_filter('body_class', 'roots_sidebar_body_class');
/** /**
* Define which pages shouldn't have the sidebar * Define which pages shouldn't have the sidebar