diff options
| author | horus | 2020-09-18 17:45:34 +0200 |
|---|---|---|
| committer | horus | 2020-09-18 17:45:34 +0200 |
| commit | 888fe32f5329221ec903e330c79b5d0009fa9c03 (patch) | |
| tree | 45e76a1227f9f0e3d441cc76236216d5f5eee2b5 | |
| parent | af395329437d8e314737dcfb18963810fabe3d8a (diff) | |
| download | senpai-888fe32f5329221ec903e330c79b5d0009fa9c03.tar.gz | |
prettier bg in css
| -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 { |