suzanne.soy/travis-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

push hills around

Browse Source
This commit is contained in:
Lisa Passing 2015-02-13 11:58:53 +01:00
parent f7b034102a
commit 01c973cac9
1 changed files with 18 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
app/styles/app/layouts/error.sass
View File

@ -67,22 +67,24 @@
@include error-bg-gradient($error-sand)
.hill-left
background-image: url(../images/error/500-hills-left.svg)
@include error-position-img(38vw auto, 0 62%)
@include error-position-img(38vw auto, 0 58%)
@media #{$medium-up}
@include error-position-img(38vw auto, 0 54%)
.hill-right
background-image: url(../images/error/500-hills-right.svg)
@include error-position-img(38vw auto, 99% 63%)
@include error-position-img(38vw auto, 99% 58%)
display: none
@media #{$medium-up}
display: block
.shadow-left
background-image: url(../images/error/500-hills-shade-left.svg)
@include error-position-img(24vw auto, 6% 82%)
@include error-position-img(24vw auto, 6% 72%)
.shadow-right
background-image: url(../images/error/500-hills-shade-right.svg)
@include error-position-img(17vw auto, 95% 89%)
@include error-position-img(17vw auto, 95% 79%)
.road
background-image: url(../images/error/500-road.svg)
@include error-position-img(auto 40vh, 30% 91.3%)
@include error-position-img(auto 40vh, 42% 91.3%)
.error404
.error-bg
@ -90,16 +92,16 @@
.hill-left
display: none
background-image: url(../images/error/404-hills-left.svg)
@include error-position-img(30vw auto, 0 (100% - 37%))
@include error-position-img(30vw auto, 0 58%)
@media #{$medium-up}
display: block
.hill-right
background-image: url(../images/error/404-hills-right.svg)
@include error-position-img(auto 20vw, 99% 63%)
@include error-position-img(auto 20vw, 99% 58%)
@media #{$medium-up}
@include error-position-img(50vw auto, 99% 63%)
@include error-position-img(50vw auto, 99% 58%)
@media #{$large-up}
@include error-position-img(50vw auto, 99% 61%)
@include error-position-img(50vw auto, 99% 54%)
.error-excavator
background-image: url(../images/error/excavator.svg)
@include error-position-img(auto 25vh, 71% 83%)
@ -117,26 +119,26 @@
@include error-bg-gradient($maintenance-grass)
.hill-left
background-image: url(../images/error/maintenance-hills-left.svg)
@include error-position-img(80vw auto, 0 62%)
@include error-position-img(80vw auto, 0 56%)
@media #{$medium-up}
@include error-position-img(58vw auto, 0 62%)
@include error-position-img(58vw auto, 0 58%)
@media #{$large-up}
@include error-position-img(50vw auto, 0 61%)
@include error-position-img(50vw auto, 0 52%)
.hill-right
background-image: url(../images/error/maintenance-hills-right.svg)
@include error-position-img(38vw auto, 99% 63%)
@include error-position-img(38vw auto, 99% 59%)
display: none
@media #{$medium-up}
display: block
.shadow-left
background-image: url(../images/error/maintenance-grass-shade-left.svg)
@include error-position-img(24vw auto, 6% 82%)
@include error-position-img(24vw auto, 6% 72%)
.shadow-right
background-image: url(../images/error/maintenance-grass-shade-right.svg)
@include error-position-img(17vw auto, 95% 89%)
@include error-position-img(17vw auto, 95% 79%)
.maintenance-tractor
background-image: url(../images/error/maintenance-tractor.svg)
@include error-position-img(87vw auto, 63% 87%)
@media #{$medium-up}
@include error-position-img(auto 40vh, 63% 87%)
@include error-position-img(auto 44vh, 63% 83%)