mirror of
https://github.com/yusufipk/natours-react.git
synced 2026-09-12 03:26:10 +00:00
created media queries for card, form, popup, story components and for booking section
This commit is contained in:
@@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user