A collection of tools and libraries to implement the HSPH Design System
HSPH Boostrap
An implementation of the Bootstrap CSS framework implementing the Harvard Chan brand.
How to use
In your theme or plugin you can either directly enqueue the styles and optionally the scripts:
Direct enqueing
add_action(
'wp_enqueue_scripts',
function () {
// Enqueue the CSS files.
wp_enqueue_style( 'hsph-bootstrap' );
// Optionnaly: Enqueue JS if you want to use tabs, dropdowns, modals, tooltips, ...
wp_enqueue_script( 'hsph-bootstrap' );
}
);
Or if you have existing scripts and styles you can simply make hsph-bootstrap a dependency:
By dependency
add_action(
'wp_enqueue_scripts',
function () {
// Enqueue the CSS files.
wp_enqueue_style( 'theme-styles', get_stylesheet_directory_uri() . '/style.css', array( 'hsph-bootstrap' ), HSPH_HOME_THEME_VERSION );
// Optionnaly: Enqueue JS if you want to use tabs, dropdowns, modals, tooltips, ...
wp_enqueue_script( 'theme-scripts', get_stylesheet_directory_uri() . '/js/homepage.js', array( 'jquery', 'jquery-ui-tabs', 'jquery-flexslider' ), HSPH_HOME_THEME_VERSION, true );
}
);