diff options
Diffstat (limited to 'src/css/imports/_background-position.css')
| -rwxr-xr-x | src/css/imports/_background-position.css | 131 |
1 files changed, 55 insertions, 76 deletions
diff --git a/src/css/imports/_background-position.css b/src/css/imports/_background-position.css index 4d850b6..8da6ef5 100755 --- a/src/css/imports/_background-position.css +++ b/src/css/imports/_background-position.css @@ -1,126 +1,105 @@ -/* - - BACKGROUND POSITION - - Base: - bg = background - - Modifiers: - -center = center center - -top = top center - -right = center right - -bottom = bottom center - -left = center left - - Media Query Extensions: - -ns = not-small - -m = medium - -l = large - - */ - .bg-center { background-repeat: no-repeat; - background-position: center center; + background-position: center center; } -.bg-top { - background-repeat: no-repeat; - background-position: top center; +.bg-top { + background-repeat: no-repeat; + background-position: top center; } -.bg-right { - background-repeat: no-repeat; - background-position: center right; +.bg-right { + background-repeat: no-repeat; + background-position: center right; } -.bg-bottom { - background-repeat: no-repeat; - background-position: bottom center; +.bg-bottom { + background-repeat: no-repeat; + background-position: bottom center; } -.bg-left { - background-repeat: no-repeat; - background-position: center left; +.bg-left { + background-repeat: no-repeat; + background-position: center left; } @media (--breakpoint-not-small) { - .bg-center-ns { + .bg-center-ns { background-repeat: no-repeat; - background-position: center center; + background-position: center center; } - .bg-top-ns { - background-repeat: no-repeat; - background-position: top center; + .bg-top-ns { + background-repeat: no-repeat; + background-position: top center; } - .bg-right-ns { - background-repeat: no-repeat; - background-position: center right; + .bg-right-ns { + background-repeat: no-repeat; + background-position: center right; } - .bg-bottom-ns { - background-repeat: no-repeat; - background-position: bottom center; + .bg-bottom-ns { + background-repeat: no-repeat; + background-position: bottom center; } - .bg-left-ns { - background-repeat: no-repeat; - background-position: center left; + .bg-left-ns { + background-repeat: no-repeat; + background-position: center left; } } @media (--breakpoint-medium) { - .bg-center-m { + .bg-center-m { background-repeat: no-repeat; - background-position: center center; + background-position: center center; } - .bg-top-m { - background-repeat: no-repeat; - background-position: top center; + .bg-top-m { + background-repeat: no-repeat; + background-position: top center; } - .bg-right-m { - background-repeat: no-repeat; - background-position: center right; + .bg-right-m { + background-repeat: no-repeat; + background-position: center right; } - .bg-bottom-m { - background-repeat: no-repeat; - background-position: bottom center; + .bg-bottom-m { + background-repeat: no-repeat; + background-position: bottom center; } - .bg-left-m { - background-repeat: no-repeat; - background-position: center left; + .bg-left-m { + background-repeat: no-repeat; + background-position: center left; } } @media (--breakpoint-large) { - .bg-center-l { + .bg-center-l { background-repeat: no-repeat; - background-position: center center; + background-position: center center; } - .bg-top-l { - background-repeat: no-repeat; - background-position: top center; + .bg-top-l { + background-repeat: no-repeat; + background-position: top center; } - .bg-right-l { - background-repeat: no-repeat; - background-position: center right; + .bg-right-l { + background-repeat: no-repeat; + background-position: center right; } - .bg-bottom-l { - background-repeat: no-repeat; - background-position: bottom center; + .bg-bottom-l { + background-repeat: no-repeat; + background-position: bottom center; } - .bg-left-l { - background-repeat: no-repeat; - background-position: center left; + .bg-left-l { + background-repeat: no-repeat; + background-position: center left; } } |
