diff options
Diffstat (limited to 'src/css/imports/_border-style.css')
| -rwxr-xr-x | src/css/imports/_border-style.css | 48 |
1 files changed, 48 insertions, 0 deletions
diff --git a/src/css/imports/_border-style.css b/src/css/imports/_border-style.css new file mode 100755 index 0000000..b9eb61b --- /dev/null +++ b/src/css/imports/_border-style.css @@ -0,0 +1,48 @@ +/* + + 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 = not-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-not-small) { + .b--dotted-ns { border-style: dotted; } + .b--dashed-ns { border-style: dashed; } + .b--solid-ns { border-style: solid; } + .b--none-ns { 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; } +} |
