The POD Point frontend framework is a library of base styles and components designed for rapid prototyping.
Install via npm:
npm install @pod-point/pod-point-ui-toolkitThen either link to the production ready files:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
<title>Document</title>
<link rel="stylesheet" href="/path/to/node_modules/pod-point/pod-point-ui-toolkit/dist/css/style.min.css">
</head>
<body>
<script src="/path/to/node_modules/pod-point/pod-point-ui-toolkit/dist/js/script.js"></script>
</body>
</html>Or import the entry points into your project. For Sass, this is done by:
@import 'path/to/node_modules/pod-point/pod-point-ui-toolkit/src/scss/style.scss';And for the JavaScripts:
import modal from '/path/to/node_modules/pod-point/pod-point-ui-toolkit/dist/js/modal';To publish a new version to NPM run the following commands:
npm version [patch|minor|major]
git push --tagsFirst, install all of the Node modules needed:
git clone git@github.com:Pod-Point/pod-point-ui-toolkit.git
cd pod-point-ui-toolkit
npm installThen run the following command:
gulp watchThis will spin up a new development server at http://localhost:3000 with /dist as the
document root.
The gh-pages branch is a snapshot of /dist, hence why it is important to copy the build folder across. To generate
new documentation online, run the following anywhere within the project:
git subtree push --prefix="dist" origin gh-pages