created media queries for card, form, popup, story components and for booking section

This commit is contained in:
Yusuf Ipek
2021-05-06 10:41:08 +03:00
parent 9eee80c625
commit d72346a221
5 changed files with 118 additions and 1 deletions
+45
View File
@@ -176,4 +176,49 @@
font-size: 6rem;
font-weight: 100;
}
@include respond(tab-port) {
height: auto;
border-radius: 3px;
background-color: $color-white;
box-shadow: $shadow-default;
&__side {
height: auto;
transition: all 0.58s ease;
position: relative;
box-shadow: none;
&--back {
transform: rotateY(0);
clip-path: polygon(0 15%, 100% 0, 100% 100%, 0% 100%);
}
}
&:hover &__side--front {
transform: rotateY(0);
}
&__details {
padding: 1rem 3rem;
}
// Back side
&__cta {
position: relative;
top: 0;
left: 0;
transform: translate(0);
width: 100%;
padding: 7rem 4rem 4rem 4rem;
}
&__price-box {
margin-bottom: 3rem;
}
&__price-value {
font-size: 5.5rem;
}
}
}