Package Exports

morph-bootstrap
morph-bootstrap/dist/css/morph-bootstrap.css

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 (morph-bootstrap) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Morph Bootstrap

A skeuomorphic fork of Bootstrap CSS that brings dimensional, textured design to the popular Bootstrap framework.

Installation

npm install morph-bootstrap

Usage

In CSS/SCSS Projects

Import the compiled CSS:

<link rel="stylesheet" href="node_modules/morph-bootstrap/dist/css/morph-bootstrap.css">

In SCSS Projects

Import the source Sass files:

@import "morph-bootstrap/src/scss/morph-bootstrap";

With React Bootstrap

Morph Bootstrap is fully compatible with React Bootstrap. Simply import the CSS as shown above, and then use React Bootstrap components as usual:

import Button from 'react-bootstrap/Button';

function App() {
  return <Button variant="primary">Morph Button</Button>;
}

Customization

To customize Morph Bootstrap, you can override the variables in your own Sass file:

// Your custom variables
$primary: #007bff;

// Import Morph Bootstrap
@import "morph-bootstrap/src/scss/morph-bootstrap";

License

MIT