trmb-common-css

This repository contains the css in html tags group wise. For example forms, buttons, table, modal popup, etc..

This component css will be available in three formats.

• scss file
• css file
• dom-module file (this can be include in any web component)

Scss is basically the extension of foundation scss + trimble standard css.

Available css components are

• Buttons
• Checkbox
• Card
• Common
• Form
• profilex-image
• table
• xy-grid

Steps for compile scss into css & dom-modules

$ npm install -g gulp
$ npm install
$ gulp run:sass

View any html element in trimble css view

install trmb-css

$ npm install trmb-css
$ npm install @polymer/polymer @webcomponents/webcomponentsjs

Include webcomponents loader and trmb-css web components

• Include @webcomponents/webcomponentsjs/webcomponents-loader.js
• Include node-modules/trmb-css/trmb-css.html

<trmb-css>
 //Your html element here
</trmb-css>