Skip to content

Commit

Permalink
Revert "#1092: new year design"
Browse files Browse the repository at this point in the history 
This reverts commit 883a988.
  • Loading branch information
@vmonakhov
vmonakhov committed Feb 27, 2024
1 parent 635ba23 commit e99d287
Showing 1 changed file with 7 additions and 47 deletions.
54 changes: 7 additions & 47 deletions src/styles/main.scss
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,46 +78,22 @@ body {
width: 100%;

height: 200px;
/*background: url("../images/rectangle1.svg") 0 -110px no-repeat, url("../images/rectangle2.svg") 100% 60px no-repeat;*/
background: url("../images/snow.svg") 50% 50% repeat, url("../images/ny_toys.png") 60px 0 no-repeat, url("../images/ny_toys.png") calc(100% - 60px) 0 no-repeat, url("../images/rectangle1.svg") 0 -110px no-repeat, url("../images/rectangle2.svg") 100% 60px no-repeat;
background: url("../images/rectangle1.svg") 0 -110px no-repeat, url("../images/rectangle2.svg") 100% 60px no-repeat;
background-color: #372f9d;

/* for newyear style */
@media only screen and (max-device-width: 1150px), only screen and (max-width: 1150px) {
background: url("../images/snow.svg") 50% 50% repeat, url("../images/ny_toys.png") 10px 0 no-repeat, url("../images/ny_toys.png") calc(100% - 5px) 0 no-repeat, url("../images/rectangle1.svg") 0 -110px no-repeat, url("../images/rectangle2.svg") 100% 60px no-repeat;
background-color: #372f9d;
}
/* /for newyear style */

/* for newyear style */
@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
background: url("../images/ny_toys_small.png") 21px -9px no-repeat, url("../images/ny_toys_small.png") calc(100% - 21px) -9px no-repeat, url("../images/snow_small.svg") 50% 50% repeat, url("../images/rectangle1.svg") 0 -110px no-repeat, url("../images/rectangle2.svg") 100% 60px no-repeat;
background-color: #372f9d;
}
/* /for newyear style */
}
}

.background-header {
/*background: url("../images/rectangle1.svg") 0 -185px no-repeat, url("../images/rectangle2.svg") 100% 35px no-repeat;*/
background: url("../images/snow.svg") 50% 50% repeat, url("../images/rectangle1.svg") 0 -185px no-repeat, url("../images/rectangle2.svg") 100% 35px no-repeat;
background: url("../images/rectangle1.svg") 0 -185px no-repeat, url("../images/rectangle2.svg") 100% 35px no-repeat;
background-color: #372f9d;

padding: 26px 0;
margin: 0 0 26px 0;

/* for newyear style */
@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
background: url("../images/snow_small.svg") 50% 50% repeat, url("../images/rectangle1.svg") 0 -185px no-repeat, url("../images/rectangle2.svg") 100% 35px no-repeat;
background-color: #372f9d;
}
/* /for newyear style */
}

.background-main-page {
/*background: url("../images/rectangle1.svg") 0 -110px no-repeat,
url("../images/rectangle2.svg") calc(100% + 30px) calc(100% + 75px) no-repeat;*/
background: url("../images/snowtree.svg") calc(100% - 70px) 100% no-repeat, url("../images/snow.svg") 50% 50% repeat, url("../images/ny_toys.png") 60px 0 no-repeat, url("../images/ny_toys.png") calc(100% - 60px) 0 no-repeat, url("../images/rectangle1.svg") 0 -110px no-repeat, url("../images/rectangle2.svg") calc(100% + 30px) calc(100% + 75px) no-repeat;
background: url("../images/rectangle1.svg") 0 -110px no-repeat,
url("../images/rectangle2.svg") calc(100% + 30px) calc(100% + 75px) no-repeat;
background-color: #372f9d;

padding: 0 0 24px 0;
Expand All @@ -132,18 +108,10 @@ body {
}
}

/* for newyear style */
@media only screen and (max-device-width: 1150px), only screen and (max-width: 1150px) {
background: url("../images/snowtree.svg") calc(100% - 20px) 100% no-repeat, url("../images/snow.svg") 50% 50% repeat, url("../images/ny_toys.png") 10px 0 no-repeat, url("../images/ny_toys.png") calc(100% - 5px) 0 no-repeat, url("../images/rectangle1.svg") 0 -110px no-repeat, url("../images/rectangle2.svg") calc(100% + 30px) calc(100% + 75px) no-repeat;
background-color: #372f9d;
}
/* /for newyear style */

@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
padding-bottom: 20px;
/*background: url("../images/rectangle1.svg") -70px -170px no-repeat,
url("../images/rectangle2.svg") calc(100% + 30px) calc(100% + 275px) no-repeat;*/
background: url("../images/snowtree_small.svg") calc(100% - 18px) 100% no-repeat, url("../images/ny_toys_small.png") 21px -9px no-repeat, url("../images/ny_toys_small.png") calc(100% - 21px) -9px no-repeat, url("../images/snow_small.svg") 50% 50% repeat, url("../images/rectangle1.svg") -70px -170px no-repeat, url("../images/rectangle2.svg") calc(100% + 30px) calc(100% + 275px) no-repeat;
background: url("../images/rectangle1.svg") -70px -170px no-repeat,
url("../images/rectangle2.svg") calc(100% + 30px) calc(100% + 275px) no-repeat;
background-color: #372f9d;
}
}
Expand All @@ -159,8 +127,7 @@ body {
}

.background-content {
/*background: url("../images/rectangle1.svg") 0 -80px no-repeat, url("../images/rectangle2.svg") 100% 110px no-repeat;*/
background: url("../images/snow.svg") 50% 50% repeat, url("../images/rectangle1.svg") 0 -80px no-repeat, url("../images/rectangle2.svg") 100% 110px no-repeat;
background: url("../images/rectangle1.svg") 0 -80px no-repeat, url("../images/rectangle2.svg") 100% 110px no-repeat;
background-color: #372f9d;

padding: 26px 20px 70px 20px;
Expand All @@ -170,13 +137,6 @@ body {
&_fix-height {
height: 100%;
}

/* for newyear style */
@media only screen and (max-device-width: 767px), only screen and (max-width: 767px) {
background: url("../images/snow_small.svg") 50% 50% repeat, url("../images/rectangle1.svg") 0 -80px no-repeat, url("../images/rectangle2.svg") 100% 110px no-repeat;
background-color: #372f9d;
}
/* /for newyear style */
}

.gentium {
Expand Down

0 comments on commit e99d287

Please sign in to comment.