Add grunt.js build script
- Move Bootstrap LESS files into new subdirectory - Change app.css to app.less, add @import's to utilize Bootstrap variables and mixins - Remove plugins.js and main.js - Move Bootstrap JS plugins into new subdirectory - Add new _main.js file with example DOM-based routing script that works off the WordPress body_class - lib/scripts.php has been updated to remove all extra CSS and JS files and also places JavaScript in the footer
This commit is contained in:
95
assets/css/less/app.less
Normal file
95
assets/css/less/app.less
Normal file
@@ -0,0 +1,95 @@
|
||||
/*!
|
||||
* Roots 6.1.0
|
||||
*/
|
||||
|
||||
@import "bootstrap/variables.less";
|
||||
@import "bootstrap/mixins.less";
|
||||
@import "bootstrap/responsive-utilities.less";
|
||||
@import "bootstrap/utilities.less";
|
||||
|
||||
/* ==========================================================================
|
||||
Base
|
||||
========================================================================== */
|
||||
|
||||
body { }
|
||||
|
||||
|
||||
|
||||
/* =============================================================================
|
||||
Header
|
||||
========================================================================== */
|
||||
|
||||
#banner { }
|
||||
|
||||
/* Fixed Topbar Navigation */
|
||||
body.top-navbar { padding-top: 60px; }
|
||||
body.admin-bar .navbar-fixed-top { top: 28px; }
|
||||
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
Content
|
||||
========================================================================== */
|
||||
|
||||
#content { }
|
||||
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
Primary Content
|
||||
========================================================================== */
|
||||
|
||||
#main { }
|
||||
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
Sidebar
|
||||
========================================================================== */
|
||||
|
||||
#sidebar { }
|
||||
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
Posts
|
||||
========================================================================== */
|
||||
|
||||
.hentry header { }
|
||||
.hentry time { }
|
||||
.hentry p.byline { }
|
||||
.hentry .entry-content { }
|
||||
.hentry footer { }
|
||||
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
Footer
|
||||
========================================================================== */
|
||||
|
||||
#content-info { }
|
||||
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
WordPress Generated Classes
|
||||
See: http://codex.wordpress.org/CSS#WordPress_Generated_Classes
|
||||
========================================================================== */
|
||||
|
||||
.aligncenter { display: block; margin: 0 auto; }
|
||||
.alignleft { float: left; }
|
||||
.alignright { float: right; }
|
||||
figure.alignnone { margin-left: 0; margin-right: 0; }
|
||||
|
||||
|
||||
|
||||
/* ==========================================================================
|
||||
Media Queries
|
||||
========================================================================== */
|
||||
|
||||
@media (max-width: 979px) {
|
||||
/* Fix top padding when using the responsive grid with the fixed topbar */
|
||||
body.top-navbar {
|
||||
padding-top: 0;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user