ui-patterns
A fast way to install and maintain our common ui patterns and abstractions.
At the time of this repos creation, installing ui-patterns through npm gives you buttons, forms, grid, header, and typography.
You can see how these components look at http://ui-patterns.digitalsurgeonsdev.com
quick usage
npm install @digitalsurgeons/ui-patterns
include node_modules
in your scss path:
node-sass --include-path ./node_modules scss/app.scss public_html/dist/app.css
in your scss file:
@import '@digitalsurgeons/ui-patterns/scss/app'
quick build
git clone git@gitlab.com:digitalsurgeons/ui-patterns.git
npm install
npm run build
npm start
open your browser to http://localhost:8080
browser-sync
site=[site url here] npm run browsersync
updating components
new components can be created by making a scss partial
under the scss/components
folder.
be sure to include all the dependencies for your new component
in the partial and also in scss/app.scss
publishing to npm
how to publish to npm:
- make your changes
- bump the version number in package.json (
npm version patch | minor | major
) - push to the master branch
- gitlab should handle the rest