diff options
| -rw-r--r-- | public/css/app.css | 20 | ||||
| -rw-r--r-- | resources/sass/app.scss | 17 |
2 files changed, 35 insertions, 2 deletions
diff --git a/public/css/app.css b/public/css/app.css index 7772382..c4b929a 100644 --- a/public/css/app.css +++ b/public/css/app.css @@ -10889,8 +10889,26 @@ a.text-dark:focus { box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); } +@media (max-width: 500px) { + body { + background: url(/img/sakamoto-mobile.jpg) no-repeat left center fixed; + } +} + +@media (max-width: 1640px) and (min-width: 500px) { + body { + background: url(/img/sakamoto-mobile.jpg) no-repeat right center fixed; + } +} + +@media (min-width: 1640px) { + body { + background: url(/img/sakamoto.jpg) no-repeat center center fixed; + } +} + body { - background: url(/img/sakamoto.jpg) no-repeat center center fixed; + background-color: #c6c6c6; } .bg-white-transparent { diff --git a/resources/sass/app.scss b/resources/sass/app.scss index 2a69939..bd9430b 100644 --- a/resources/sass/app.scss +++ b/resources/sass/app.scss @@ -12,8 +12,23 @@ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.04); } +@media( max-width: 500px ) { + body { + background: url(/img/sakamoto-mobile.jpg) no-repeat left center fixed; + } +} +@media( max-width: 1640px ) and ( min-width: 500px ) { + body { + background: url(/img/sakamoto-mobile.jpg) no-repeat right center fixed; + } +} +@media( min-width: 1640px ) { + body { + background: url(/img/sakamoto.jpg) no-repeat center center fixed; + } +} body { - background: url(/img/sakamoto.jpg) no-repeat center center fixed; + background-color: #c6c6c6; } .bg-white-transparent { |