When building front-end interfaces, we should use Twitter Bootstrap to provide a base layout, common user interface components, and easily sharable SUL branding and look and feel across DLSS projects.
Projects should override bootstrap variables (following SCSS conventions) to customize the Bootstrap theme, e.g.:
# variables.scss
$cardinal-red: #8c1515;
$btn-primary-color: $white;
$btn-primary-bg: $cardinal-red;
$btn-primary-border: darken($btn-primary-bg, 9.8%);
@import 'bootstrap-variables';
Rails projects should use the bootstrap-sass
and bootstrap_form
gems, which integrate well with the Rails asset pipeline and Rails form helpers.