diff options
| author | Darin Dimitroff <d@thecrazyones.agency> | 2016-11-22 13:07:51 +0200 |
|---|---|---|
| committer | Darin Dimitroff <d@thecrazyones.agency> | 2016-11-22 13:07:51 +0200 |
| commit | dedfd8a8098db999f81a55a845e0e4d041f9d7a8 (patch) | |
| tree | a2b93f205083ba4f1c11c9e8f3b54c384cce1bc9 /src/css/imports/_outlines.css | |
| parent | 4b9c3e021037a5df04df7e8c804d979501c136ad (diff) | |
Adds Tachyons
Diffstat (limited to 'src/css/imports/_outlines.css')
| -rwxr-xr-x | src/css/imports/_outlines.css | 32 |
1 files changed, 32 insertions, 0 deletions
diff --git a/src/css/imports/_outlines.css b/src/css/imports/_outlines.css new file mode 100755 index 0000000..9a292fd --- /dev/null +++ b/src/css/imports/_outlines.css @@ -0,0 +1,32 @@ +/* + + OUTLINES + + Media Query Extensions: + -ns = not-small + -m = medium + -l = large + +*/ + +.outline { outline: 1px solid; } +.outline-transparent { outline: 1px solid transparent; } +.outline-0 { outline: 0; } + +@media (--breakpoint-not-small) { + .outline-ns { outline: 1px solid; } + .outline-transparent-ns { outline: 1px solid transparent; } + .outline-0-ns { outline: 0; } +} + +@media (--breakpoint-medium) { + .outline-m { outline: 1px solid; } + .outline-transparent-m { outline: 1px solid transparent; } + .outline-0-m { outline: 0; } +} + +@media (--breakpoint-medium) { + .outline-l { outline: 1px solid; } + .outline-transparent-l { outline: 1px solid transparent; } + .outline-0-l { outline: 0; } +} |
