JSPM

livn-bootstrap-themes

1.0.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 7
  • Score
    100M100P100Q37906F
  • License MIT

LivaNova Bootstrap themes.

Package Exports

  • livn-bootstrap-themes

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (livn-bootstrap-themes) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

LivaNova Bootstrap Themes

Version: 1.0.1

Bootstrap 4 Themes for LivaNova Plc. Currenty brands/products that themes have been made for are:

  • LivaNova
  • Tandem Life
  • VNS Therapy

How do I get set up?

Adding the dependency

NPM
npm i livn-bootstrap-themes
Yarn
yarn add livn-bootsrap-themes

Using a theme in your web project

Note: You will not need to import the base bootstrap css file as the compiled themes reference them already.

Reference the compiled and minified css stylesheet into your HTML

If you are writing your code directly in HTML, or not using a front-end framework to compile scss, inside the pages' <head></head> tag before any other stylesheet - add the following:

<link rel="stylesheet" href="node_modules/livn-bootstrap-themes/public/css/[THEME_NAME]-theme.css">

depending on your development environmnt, you may need to ensure that the css file is made avaialble in the output folder and alter the above file path accordingly.

Referencing the the scss source files
@import('node_modules/livn-bootstrap-themes/src/scss/[THEME_NAME]-theme');
List of supported theme names
Theme [THEME_NAME]
LivaNova Plc. livanvova
Tandem Life tandemlife
VNS Therapy vnstherapy

Many Bootstrap 4 components require the use of JavaScript to function. Specifically, they require jQuery, Popper.js, in addition to some custom bootstrap JavaScript plugins.

Place the following <script/> tags near the end of your pages, right before the closing </body>. jQuery must come first, then Popper.js, and then our JavaScript plugins.

<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>

Who do I talk to if there is an issue installing or using the package?

Submit an issue via the git repositoy: https://bitbucket.org/sagarlivn/livn-bootstrap-themes

How can I request to have a new product/brand theme be created?

Via https://bitbucket.org/sagarlivn/livn-bootstrap-themes, provide the following information regarding the new product/branding:

  • Reason for new theme.
  • Contact information for the owner.
  • Guidlines, logos, colors to be applied to the theme.
  • Additional requirements

Author: Sagar Patel BEng (Hons) - Full Stack Software Engineer (Digital Innovation Team - LivaNova Plc.)