Skip to content

Latest commit

 

History

History
27 lines (18 loc) · 1.08 KB

ui_bootstrap.md

File metadata and controls

27 lines (18 loc) · 1.08 KB

Twitter Bootstrap

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';

Additional Recommendations for Rails projects

Rails projects should use the bootstrap-sass and bootstrap_form gems, which integrate well with the Rails asset pipeline and Rails form helpers.

Examples