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) @include error-bg-gradient($error-sand)
.hill-left .hill-left
background-image: url(../images/error/500-hills-left.svg) 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 .hill-right
background-image: url(../images/error/500-hills-right.svg) 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 display: none
@media #{$medium-up} @media #{$medium-up}
display: block display: block
.shadow-left .shadow-left
background-image: url(../images/error/500-hills-shade-left.svg) 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 .shadow-right
background-image: url(../images/error/500-hills-shade-right.svg) 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 .road
background-image: url(../images/error/500-road.svg) 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 .error404
.error-bg .error-bg
@ -90,16 +92,16 @@
.hill-left .hill-left
display: none display: none
background-image: url(../images/error/404-hills-left.svg) 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} @media #{$medium-up}
display: block display: block
.hill-right .hill-right
background-image: url(../images/error/404-hills-right.svg) 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} @media #{$medium-up}
@include error-position-img(50vw auto, 99% 63%) @include error-position-img(50vw auto, 99% 58%)
@media #{$large-up} @media #{$large-up}
@include error-position-img(50vw auto, 99% 61%) @include error-position-img(50vw auto, 99% 54%)
.error-excavator .error-excavator
background-image: url(../images/error/excavator.svg) background-image: url(../images/error/excavator.svg)
@include error-position-img(auto 25vh, 71% 83%) @include error-position-img(auto 25vh, 71% 83%)
@ -117,26 +119,26 @@
@include error-bg-gradient($maintenance-grass) @include error-bg-gradient($maintenance-grass)
.hill-left .hill-left
background-image: url(../images/error/maintenance-hills-left.svg) 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} @media #{$medium-up}
@include error-position-img(58vw auto, 0 62%) @include error-position-img(58vw auto, 0 58%)
@media #{$large-up} @media #{$large-up}
@include error-position-img(50vw auto, 0 61%) @include error-position-img(50vw auto, 0 52%)
.hill-right .hill-right
background-image: url(../images/error/maintenance-hills-right.svg) 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 display: none
@media #{$medium-up} @media #{$medium-up}
display: block display: block
.shadow-left .shadow-left
background-image: url(../images/error/maintenance-grass-shade-left.svg) 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 .shadow-right
background-image: url(../images/error/maintenance-grass-shade-right.svg) 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 .maintenance-tractor
background-image: url(../images/error/maintenance-tractor.svg) background-image: url(../images/error/maintenance-tractor.svg)
@include error-position-img(87vw auto, 63% 87%) @include error-position-img(87vw auto, 63% 87%)
@media #{$medium-up} @media #{$medium-up}
@include error-position-img(auto 40vh, 63% 87%) @include error-position-img(auto 44vh, 63% 83%)