|
@@ -74,6 +74,7 @@
|
|
|
font-size: 24px;
|
|
font-size: 24px;
|
|
|
line-height: 24px;
|
|
line-height: 24px;
|
|
|
width: 177px;
|
|
width: 177px;
|
|
|
|
|
+ color: #fff;
|
|
|
position: absolute;
|
|
position: absolute;
|
|
|
left: 95%;
|
|
left: 95%;
|
|
|
top: 60%;
|
|
top: 60%;
|
|
@@ -102,7 +103,7 @@
|
|
|
height: 35px;
|
|
height: 35px;
|
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
|
- font-weight: 600;
|
|
|
|
|
|
|
+ font-weight: bold;
|
|
|
color: #007bff;
|
|
color: #007bff;
|
|
|
background: linear-gradient(to right top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4));
|
|
background: linear-gradient(to right top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4));
|
|
|
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
|
|
@@ -112,13 +113,19 @@
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
transform: translateX(21.5%);
|
|
transform: translateX(21.5%);
|
|
|
|
|
+ &:hover {
|
|
|
|
|
+ scale: 1.05;
|
|
|
|
|
+ span {
|
|
|
|
|
+ transform: scale(calc(1 / 1.05));
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
.floor-2 {
|
|
.floor-2 {
|
|
|
width: 140px;
|
|
width: 140px;
|
|
|
height: 35px;
|
|
height: 35px;
|
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
background-color: rgba(255, 255, 255, 0.8);
|
|
|
font-size: 16px;
|
|
font-size: 16px;
|
|
|
- font-weight: 600;
|
|
|
|
|
|
|
+ font-weight: bold;
|
|
|
color: #007bff;
|
|
color: #007bff;
|
|
|
background: linear-gradient(to right top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4));
|
|
background: linear-gradient(to right top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4));
|
|
|
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
|
|
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
|
|
@@ -127,6 +134,12 @@
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
justify-content: center;
|
|
justify-content: center;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
|
|
+ &:hover {
|
|
|
|
|
+ scale: 1.05;
|
|
|
|
|
+ span {
|
|
|
|
|
+ transform: scale(calc(1 / 1.05));
|
|
|
|
|
+ }
|
|
|
|
|
+ }
|
|
|
}
|
|
}
|
|
|
.arrow {
|
|
.arrow {
|
|
|
pointer-events: none;
|
|
pointer-events: none;
|