Skip to content

Commit 91aefd1

Browse files
devvsakibdevvsakib
committed
Crew CSS
1 parent 4f4c8f6 commit 91aefd1

9 files changed

Lines changed: 184 additions & 11 deletions

File tree

‎spacetourismwebsite/starter-code/assets/css/crew.css‎

Lines changed: 78 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,78 @@
1+
body {
2+
background: url(../crew/background-crew-desktop.jpg);
3+
background-repeat: no-repeat;
4+
background-size: cover;
5+
overflow: hidden;
6+
color: var(--white);
7+
}
8+
9+
.feature-section {
10+
margin-top: 50px;
11+
}
12+
13+
.row h5 {
14+
color: var(--white);
15+
font-weight: 400;
16+
text-transform: uppercase;
17+
font-family: var(--h5font);
18+
font-size: var(--h5);
19+
letter-spacing: var(--space);
20+
}
21+
.row h5 span {
22+
color: rgba(208, 214, 249, 0.6784313725) !important;
23+
font-family: var(--h5font) !important;
24+
font-weight: 500;
25+
margin-right: 10px;
26+
font-size: var(--h5) !important;
27+
}
28+
29+
.left_content {
30+
margin-bottom: 50px;
31+
height: 70vh;
32+
}
33+
.left_content .crew_content {
34+
margin-top: 50px;
35+
margin-bottom: 60px;
36+
}
37+
.left_content .crew_content .subHeading {
38+
text-transform: uppercase;
39+
color: rgba(208, 214, 249, 0.6784313725);
40+
font-size: var(--h6);
41+
font-family: var(--hfont);
42+
letter-spacing: var(--subh1space);
43+
}
44+
.left_content .crew_content .mainHeading {
45+
text-transform: uppercase;
46+
margin-bottom: 20px;
47+
color: white;
48+
font-family: var(--hfont);
49+
font-size: var(--h4);
50+
}
51+
.left_content .crew_content .paraDes {
52+
width: 430px;
53+
line-height: 27px !important;
54+
font-weight: 200 !important;
55+
font-family: var(--h5font);
56+
font-size: 20px;
57+
letter-spacing: 1px;
58+
}
59+
.left_content .crewTabBtn {
60+
width: 110px;
61+
display: flex;
62+
justify-content: space-between;
63+
}
64+
.left_content .crewTabBtn .dots {
65+
width: 10px;
66+
height: 10px;
67+
border-radius: 50%;
68+
background-color: rgba(208, 214, 249, 0.5960784314);
69+
cursor: pointer;
70+
}
71+
.left_content .crewTabBtn .mkWhite {
72+
background-color: white;
73+
}
74+
75+
.right_content img {
76+
width: 341px;
77+
margin-bottom: 80px;
78+
}/*# sourceMappingURL=crew.css.map */

‎spacetourismwebsite/starter-code/assets/css/crew.css.map‎

Lines changed: 1 addition & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎spacetourismwebsite/starter-code/assets/css/crew.scss‎

Lines changed: 90 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,90 @@
1+
body {
2+
background: url(../crew/background-crew-desktop.jpg);
3+
background-repeat: no-repeat;
4+
background-size: cover;
5+
overflow: hidden;
6+
color: var(--white);
7+
}
8+
9+
.feature-section {
10+
margin-top: 50px;
11+
}
12+
13+
.row h5 {
14+
color: var(--white);
15+
font-weight: 400;
16+
text-transform: uppercase;
17+
font-family: var(--h5font);
18+
font-size: var(--h5);
19+
letter-spacing: var(--space);
20+
21+
span {
22+
color: #d0d6f9ad !important;
23+
font-family: var(--h5font) !important;
24+
font-weight: 500;
25+
margin-right: 10px;
26+
font-size: var(--h5) !important;
27+
}
28+
}
29+
30+
31+
32+
33+
.left_content {
34+
margin-bottom: 50px;
35+
height: 70vh;
36+
37+
.crew_content {
38+
margin-top: 50px;
39+
margin-bottom: 60px;
40+
.subHeading {
41+
text-transform: uppercase;
42+
color: #d0d6f9ad;
43+
font-size: var(--h6);
44+
font-family: var(--hfont);
45+
letter-spacing: var(--subh1space);
46+
}
47+
48+
.mainHeading {
49+
text-transform: uppercase;
50+
margin-bottom: 20px;
51+
color: white;
52+
font-family: var(--hfont);
53+
font-size: var(--h4);
54+
}
55+
56+
.paraDes {
57+
width: 430px;
58+
line-height: 27px !important;
59+
font-weight: 200 !important;
60+
font-family: var(--h5font);
61+
font-size: 20px;
62+
letter-spacing: 1px;
63+
}
64+
}
65+
66+
.crewTabBtn {
67+
width: 110px;
68+
display: flex;
69+
justify-content: space-between;
70+
71+
.dots {
72+
width: 10px;
73+
height: 10px;
74+
border-radius: 50%;
75+
background-color: #d0d6f998;
76+
cursor: pointer;
77+
}
78+
79+
.mkWhite{
80+
background-color: white;
81+
}
82+
}
83+
}
84+
85+
.right_content {
86+
img {
87+
width: 341px;
88+
margin-bottom: 80px;
89+
}
90+
}

‎spacetourismwebsite/starter-code/assets/css/destination.css‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -106,7 +106,8 @@ body {
106106
}
107107

108108
@media (max-width: 800px) {
109-
.right_content .tab-nav li, .right_content .tab-details li {
109+
.right_content .tab-nav li,
110+
.right_content .tab-details li {
110111
margin-right: 19px;
111112
}
112113
}/*# sourceMappingURL=destination.css.map */

‎spacetourismwebsite/starter-code/assets/css/destination.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎spacetourismwebsite/starter-code/assets/css/destination.scss‎

Lines changed: 9 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -64,15 +64,16 @@ body {
6464
background-color: var(--white);
6565
transform: scaleX(0);
6666
opacity: 0;
67-
transition: all 250ms ease-in-out;
67+
transition: all 250ms ease-in-out;
6868
}
6969

70-
70+
7171
&:hover {
72-
a{
72+
a {
7373
color: var(--fog);
7474
}
75-
a:before{
75+
76+
a:before {
7677
background-color: var(--fog);
7778
transform: scaleX(1);
7879
opacity: 1;
@@ -125,7 +126,9 @@ body {
125126
}
126127

127128
@media (max-width: 800px) {
128-
.right_content .tab-nav li, .right_content .tab-details li {
129-
margin-right: 19px ;
129+
130+
.right_content .tab-nav li,
131+
.right_content .tab-details li {
132+
margin-right: 19px;
130133
}
131134
}

‎spacetourismwebsite/starter-code/assets/css/style.css‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@
1212
--h5: 28px;
1313
--space: 4.75px;
1414
--subh1: 12px;
15-
--subh1space: 2.35px;
15+
--subh1space: 2.1px;
1616
--nvtext: 16px;
1717
--nvtextspace: 2.7px;
1818
}

‎spacetourismwebsite/starter-code/assets/css/style.css.map‎

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎spacetourismwebsite/starter-code/assets/css/style.scss‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@
1414
--h5: 28px;
1515
--space: 4.75px;
1616
--subh1: 12px;
17-
--subh1space: 2.35px;
17+
--subh1space: 2.1px;
1818
--nvtext: 16px;
1919
--nvtextspace: 2.7px;
2020
}

0 commit comments

Comments
 (0)