px-mixins-design

The Predix UI Mixins module is a fork of the inuitcss Mixins Module and contains mixins for use across other Predix UI modules.

Dependencies

The px-mixins-design module depends on one other Px module:

Install this module and its dependencies using bower:

bower install --save px-mixins-design

Once installed, @import into your project's Sass file in its Tools layer:

@import "px-mixins-design/_tools.mixins.scss";

The following Sass mixins are provided:

inuit-font-size: Generates rem sized fonts with line height from pixel sizes (can take the following parameters--$inuit-font-size and $inuit-line-height)
border-right-left: Swaps horizontal border placement if HTML direction switched to dir=rtl (can take the following parameters--$inuit-border-position, $inuit-border-color, $inuit-border-width, and $inuit-border-style)
font-face: Generates webfont-friendly font families (can take the following parameters--$font-family, $file-path, $weight, and $style)

View the full API here.

Name		Name	Last commit message	Last commit date
Latest commit History 63 Commits
.github		.github
css		css
demo		demo
sass		sass
scripts		scripts
.bowerrc		.bowerrc
.editorconfig		.editorconfig
.gitignore		.gitignore
.jshintrc		.jshintrc
.travis.yml		.travis.yml
CONTRIBUTING.md		CONTRIBUTING.md
HISTORY.md		HISTORY.md
LICENSE		LICENSE
OSS_Notice.pdf		OSS_Notice.pdf
README.md		README.md
_tools.mixins.scss		_tools.mixins.scss
bower.json		bower.json
deploy.enc		deploy.enc
favicon.ico		favicon.ico
gulpfile.js		gulpfile.js
index.html		index.html
monogram-wdmk.png		monogram-wdmk.png
package-lock.json		package-lock.json
package.json		package.json
sassdoc.json		sassdoc.json
yarn.lock		yarn.lock