yusufipek/natours-react
1
0
Fork 0
mirror of https://github.com/yusufipk/natours-react.git synced 2026-09-11 19:16:11 +00:00
Code Issues Packages Projects Releases Wiki Activity

finished tours section

Browse Source
This commit is contained in:
Yusuf Ipek
2021-05-03 10:31:55 +03:00
parent 11ea48a038
commit 851c0b90c2
9 changed files with 166 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/sass/components/_card.scss
+70 -3
View File
@@ -30,6 +30,22 @@
$color-secondary-dark
);
}
&-2 {
background-image: linear-gradient(
to right bottom,
$color-primary-light,
$color-primary-dark
);
}
&-3 {
background-image: linear-gradient(
to right bottom,
$color-tertiary-light,
$color-tertiary-dark
);
}
}
}
@@ -59,11 +75,21 @@
}
&--2 {
background-image: url(../../commons/images/nat-5.jpg);
background-image: linear-gradient(
to right bottom,
$color-primary-light,
$color-primary-dark
),
url(../../commons/images/nat-6.jpg);
}
&--3 {
background-image: url(../../commons/images/nat-5.jpg);
background-image: linear-gradient(
to right bottom,
$color-tertiary-light,
$color-tertiary-dark
),
url(../../commons/images/nat-7.jpg);
}
}
@@ -89,13 +115,28 @@
rgba($color-secondary-dark, 0.85)
);
}
&--2 {
background-image: linear-gradient(
to right bottom,
rgba($color-primary-light, 0.85),
rgba($color-primary-dark, 0.85)
);
}
&--3 {
background-image: linear-gradient(
to right bottom,
rgba($color-tertiary-light, 0.85),
rgba($color-tertiary-dark, 0.85)
);
}
}
&__details {
padding: 3rem;
ul {
list-style: none;
width: 80%;
margin: 0 auto;
li {
@@ -109,4 +150,30 @@
}
}
}
// Back side
&__cta {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 90%;
text-align: center;
}
&__price-box {
text-align: center;
margin-bottom: 8rem;
color: $color-white;
}
&__price-only {
font-size: 1.4rem;
text-transform: uppercase;
}
&__price-value {
font-size: 6rem;
font-weight: 100;
}
}