border.css

Opensource functional CSS border classes. Available on npm for production and unpkg for prototyping online.

npm install border.css

@import all

@import 'node_modules/border.css/border';

@import incrementally

@import 'node_modules/border.css/border-collapse';
@import 'node_modules/border.css/border-color';
@import 'node_modules/border.css/border-context';
@import 'node_modules/border.css/border-style';
@import 'node_modules/border.css/border-width';

Classes

border-collapse

• .border-separate
• .border-collapse

border-color

• .border-current
• .border-transparent
  • .top-transparent
  • .left-transparent
  • .right-transparent
  • .bottom-transparent

border-context

• .first-top-none
• .first-left-none
• .last-right-none
• .last-bottom-none

border-style

• .border-none
  • .top-none
  • .left-none
  • .right-none
  • .bottom-none
• .border-inset
• .border-groove
• .border-outset
• .border-ridge
• .border-dotted
• .border-dashed
• .border-solid
  • .top-solid
  • .left-solid
  • .right-solid
  • .bottom-solid
• .border-double
• .border-hidden
  • .top-hidden
  • .left-hidden
  • .right-hidden
  • .bottom-hidden

border-width

• .border-trim
  • .top-trim
  • .left-trim
  • .right-trim
  • .bottom-trim
• .border-thin
• .border-medium
• .border-thick

Precedence

• border < top|left|right|bottom < first|last
• none < style < hidden