mirror of
https://github.com/tachyons-css/tachyons.git
synced 2026-02-06 13:56:46 +00:00
87486e3812
- New color system - New support for grid - Updated scales - New hover animations - Min width based media queries
49 lines
1.0 KiB
CSS
49 lines
1.0 KiB
CSS
/*
|
|
|
|
BORDER STYLES
|
|
Docs: http://tachyons.io/docs/themes/borders/
|
|
|
|
Depends on base border module in _borders.css
|
|
|
|
Base:
|
|
b = border-style
|
|
|
|
Modifiers:
|
|
--none = none
|
|
--dotted = dotted
|
|
--dashed = dashed
|
|
--solid = solid
|
|
|
|
Media Query Extensions:
|
|
-ns = small
|
|
-m = medium
|
|
-l = large
|
|
|
|
*/
|
|
|
|
.b--dotted { border-style: dotted; }
|
|
.b--dashed { border-style: dashed; }
|
|
.b--solid { border-style: solid; }
|
|
.b--none { border-style: none; }
|
|
|
|
@media (--breakpoint-small) {
|
|
.b--dotted-s { border-style: dotted; }
|
|
.b--dashed-s { border-style: dashed; }
|
|
.b--solid-s { border-style: solid; }
|
|
.b--none-s { border-style: none; }
|
|
}
|
|
|
|
@media (--breakpoint-medium) {
|
|
.b--dotted-m { border-style: dotted; }
|
|
.b--dashed-m { border-style: dashed; }
|
|
.b--solid-m { border-style: solid; }
|
|
.b--none-m { border-style: none; }
|
|
}
|
|
|
|
@media (--breakpoint-large) {
|
|
.b--dotted-l { border-style: dotted; }
|
|
.b--dashed-l { border-style: dashed; }
|
|
.b--solid-l { border-style: solid; }
|
|
.b--none-l { border-style: none; }
|
|
}
|