31df4716c8
Remove #primary Remove #primary, take 2 Change primary layout module to CSS grid. Remove ::before / ::after based clearfixes. When using flex and grid, pseudo-elements are considered flex/grid elements and cause unexpected behavior. Clearfix is a tool to resolve clearing when using float-based layouts. Modern flex/grid-based layouts do not need them. Main menu: Use flex as layout module. Main menu cleanup. Comments, Posts, and Post Navigation: Use flex for layout. Automatic RTL. Remove errant test data. - Fixed skip to content link to point to main content (#primary). - Changed ID for <main> to #primary to preserve original separation between main and sidebar (#secondary). - Removed superfluous ID reference to #secondary in CSS. - Cleaned up whitespace triggering Travis errors. Fix wpcs issues Cleaning the rebase Compile CSS Remove primary div from WooCommerce too grid-template-columns property doesn't support negative values
38 lines
627 B
CSS
38 lines
627 B
CSS
/*
|
|
* Theme Name: _s
|
|
*
|
|
* Layout: Sidebar-Content
|
|
*
|
|
* Learn more: https://developer.wordpress.org/themes/basics/template-files/
|
|
*/
|
|
|
|
.site {
|
|
display: grid;
|
|
grid-template-columns: 25% auto;
|
|
grid-template-areas:
|
|
"header header"
|
|
"sidebar main"
|
|
"footer footer";
|
|
}
|
|
.site-header {
|
|
grid-area: header;
|
|
}
|
|
.site-main {
|
|
grid-area: main;
|
|
overflow: hidden; /* Resolves issue with <pre> elements forcing full width. */
|
|
}
|
|
.widget-area {
|
|
grid-area: sidebar;
|
|
}
|
|
.site-footer {
|
|
grid-area: footer;
|
|
}
|
|
|
|
.no-sidebar .content-area {
|
|
float: none;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.no-sidebar .site-main {
|
|
margin-right: 0;
|
|
}
|