@kungbib/bootstrap-styles
v3.0.0-rc.1
Published
Stylesheets for use in development at the National Library of Sweden
Readme
kungbib/styles
Bootstrap theme for use in development at the National Library of Sweden.
The theme is based on Bootstrap 5.3.
See Bootstrap documentation on how to use Bootstrap components.
Also see KB Styleguide for brand guidelines.
Usage
The are several ways to consume this package.
Installation
NPM package
Install the NPM package if you want all the benefits of NPM, and want to customize the theme:
$ npm install @kungbib/bootstrap-styles
Here you have several options:
- Use the compiled css file:
<link rel="stylesheet" href="node_modules/@kungbib/bootstrap-styles/lib/css/theme.css">- Use Sass file, if your project supports it:
<link rel="stylesheet" href="node_modules/@kungbib/bootstrap-styles/lib/scss/theme.css">- Use Sass files combined with your own variables, if you want to customize the theme:
// The order of these imports are important.
// Project specific styles following
// Any bootstrap variables should be imported before importing bootstrap package
// Your own variables
@import 'variables';
// Kungbib-styles variables
@import 'node_modules/@kungbib/bootstrap-styles/lib/scss/variables';
// Bootstrap import
@import 'node_modules/bootstrap/scss/bootstrap';
// Kungbib-styles styles
@import 'node_modules/@kungbib/bootstrap-styles/lib/scss/styles';
// Icons, optional import
@import url("https://cdn.kb.se/[email protected]/bootstrap-icons.min.css");
Compiled CSS file
If your project does not support NPM packages or SASS files,
download this package as .zip, then use the lib/css/theme.css file as-is:
<link rel="stylesheet" href="theme.css">Contributions
Please leave comments/issues about 3.x in this repo.
Everything regarding 1.x should be handled in the frontend-guide repo.