dcl-bootstrap-attributes
Mixins for Twitter Bootstrap common classes to be used with dcl-widget
.
Installation
npm install dcl-bootstrap-attributes
Usage
Let's say we want to define a widget class that should able to work as Bootstrap grid element.
var BSAttrs = ;var Widget = ;var MyWidget = Widget ;
Summing it up, we need call .extend()
for each mixin we want to use.
Available mixins
grid
Adds the following attributes:
- Columns size
colExtraSmall
colSmall
colMedium
colLarge
- Columns ordering
colExtraSmallPush
colSmallPush
colMediumPush
colLargePush
colExtraSmallPull
colSmallPull
colMediumPull
colLargePull
- Columns offsetting
offsetExtraSmall
offsetSmall
offsetMedium
offsetLarge
- Responsive utilities
visibleExtraSmall
visibleSmall
visibleMedium
visibleLarge
hiddenExtraSmall
hiddenSmall
hiddenMedium
hiddenLarge
row
utils
Adds the following attributes:
hidden
clearfix