Adventurine Components

This is a element with a border

Adventurine offers many different border options to choose from via the BorderMixin() mixin. The options are as follows:

• Default: border on all four sides. BorderMixin()
• Vertical: border on top and bottom. BorderMixin('vertical')
• Horizontal: border on left and right sides only. BorderMixin('horizontal')
• Top: border on top only. BorderMixin('top')
• Bottom: border on bottom only. BorderMixin('bottom')
• Left: border on the left only. BorderMixin('left')
• Right: border on the right only. BorderMixin('right')
• Center: border acting as a strikethrough. BorderMixin('center')

How To Use

If no parameters are passed along, the default behavior for the default is borders on all four sides, in Vimeo $Porcelain, 1px. You may change the color, size, and orientation as you wish. For example, its possible to have a top border in $SunsetOrange like this: BorderMixin('top' $color: $SunsetOrange). Or a 3px bottom border in $AstroGranite like this: BorderMixin('bottom', $size: 3px, $color: $AstroGranite).

Examples

Cookie liquorice sugar plum candy donut tiramisu jelly-o. Fruitcake liquorice jelly beans croissant tiramisu cookie candy chocolate cake muffin. Tootsie roll cake liquorice chocolate chocolate bar topping cupcake dessert.