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:
@@ -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;
|
||||||
|
|||||||
@@ -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);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|||||||
@@ -1 +1,3 @@
|
|||||||
.sidebar { }
|
.sidebar {
|
||||||
|
.make-sm-column(@sidebar-sm-columns);
|
||||||
|
}
|
||||||
|
|||||||
4
base.php
4
base.php
@@ -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; ?>
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
Reference in New Issue
Block a user