diff options
author | Surinna Curtis <ekiru.0@gmail.com> | 2017-06-24 13:18:54 -0500 |
---|---|---|
committer | Surinna Curtis <ekiru.0@gmail.com> | 2017-06-24 15:29:46 -0500 |
commit | a70468aa562e51c3dd0d4a7505f4163e3572ea13 (patch) | |
tree | 0fe4eaaebdbd3a7fe2b58a3de21f43636fd1aa7c /app/javascript/styles/_mixins.scss | |
parent | 8b23bf7cbdc525f1fb0926456752e13012dc8e91 (diff) |
Support overriding media queries for deciding between single-column/multi-column layouts with a class
Diffstat (limited to 'app/javascript/styles/_mixins.scss')
-rw-r--r-- | app/javascript/styles/_mixins.scss | 22 |
1 files changed, 22 insertions, 0 deletions
diff --git a/app/javascript/styles/_mixins.scss b/app/javascript/styles/_mixins.scss index 455062135..76302af99 100644 --- a/app/javascript/styles/_mixins.scss +++ b/app/javascript/styles/_mixins.scss @@ -10,3 +10,25 @@ height: $size; background-size: $size $size; } + +@mixin single-column($media, $parent: '&') { + .auto-columns #{$parent} { + @media #{$media} { + @content; + } + } + .single-column #{$parent} { + @content; + } +} + +@mixin multi-columns($media, $parent: '&') { + .auto-columns #{$parent} { + @media #{$media} { + @content; + } + } + .multi-columns #{$parent} { + @content; + } +} \ No newline at end of file |