position: absolute;
top: 0;
right: 0;
- background: image-url("menu-icon.png") no-repeat;
+ background: image-url("menu-icon.svg") no-repeat;
background-size: 30px 30px;
width: 30px;
height: 30px;
/* Rules for routing */
div.direction {
- background-image: image-url('routing-sprite.png');
+ background-image: image-url('routing-sprite.svg');
width: 20px;
height: 20px;
background-repeat: no-repeat;
/* Overrides for pages that use new layout conventions */
.header-illustration {
- background-position: 0 0;
+ background-position: right;
background-repeat: no-repeat;
position: relative;
min-height: 200px;
bottom: 0;
&.new-user-main {
- background-image: image-url("sign-up-illustration.png");
- background-position-x: 50px;
+ background-image: image-url("sign-up-illustration.svg");
}
&.confirm-main {
- background-image: image-url("confirm-illustration.png");
+ background-image: image-url("confirm-illustration.svg");
}
&.new-user-terms {
- background-image: image-url("terms-illustration.png");
+ background-image: image-url("terms-illustration.svg");
}
}