/*doc
---
title: Borders
name: borderMod
category: Modifier Classes
---
Sets border properties on element

Class                   | Description
----------------------- | --------------------------------
`.border--top`          | sets a standard top border on the element
`.border--none`         | removes all borders from element
`.bordered`             | sets a standard top border AND top padding
*/

@include _modifier(border, top) {
	@include standardBorder();
}

@include _modifier(border, none) {
	border-width: 0 !important;
}

%bordered,
.bordered {
	@extend %border--top;
	padding-top: $space;
}

/*doc
---
title: Borders
name: borderMod
category: Modifier Classes
---
Sets border properties on element

Class                   | Description
----------------------- | --------------------------------
`.border--top`          | sets a standard top border on the element
`.border--left`         | sets a standard left border on the element
`.border--none`         | removes all borders from element
`.bordered`             | sets a standard top border AND top padding
*/

@include _modifier(border, top) {
	@include standardBorder();
}

@include _modifier(border, left) {
	@include standardBorder('left');
}

@include _modifier(border, none) {
	border-width: 0 !important;
}

%bordered,
.bordered {
	@extend %border--top;
	padding-top: $space;
}

Add `border--left` to make a vertical divider
Add `border--left` to make a vertical divider

Sometimes you need a vertical divider. Because row element use margin-right and padding-left, `border--left` is the best way to get a border that evenly divides items in a row.