Skip to content

Commit a610a44

Browse files
ZahraB21ZahraB21
committed
Fixing the tab indentation:
1 parent f02011f commit a610a44

File tree

1 file changed

+122
-122
lines changed

1 file changed

+122
-122
lines changed

‎styles/Footer.module.scss

Lines changed: 122 additions & 122 deletions
Original file line numberDiff line numberDiff line change
@@ -1,157 +1,157 @@
11
@import "mixins";
22

33
.footer {
4-
width: 100%;
5-
background-color: #eaeaea;
4+
width: 100%;
5+
background-color: #eaeaea;
66
}
77

88
.footerList {
9-
list-style: none;
10-
padding: 0;
9+
list-style: none;
10+
padding: 0;
1111
}
1212

1313
.container {
14-
border-bottom: 1px solid #bebebe;
15-
max-width: 80%;
16-
margin: 0 auto;
17-
padding: 2rem 0;
14+
border-bottom: 1px solid #bebebe;
15+
max-width: 80%;
16+
margin: 0 auto;
17+
padding: 2rem 0;
1818
}
1919

2020
.columnLeft {
21-
display: flex;
22-
justify-content: space-between;
23-
align-items: center;
21+
display: flex;
22+
justify-content: space-between;
23+
align-items: center;
2424
}
2525

2626
.footerItem {
27-
+.footerItem {
28-
margin-top: 0.5rem;
29-
}
30-
31-
&:hover,
32-
&:focus {
33-
color: #666;
34-
}
27+
+.footerItem {
28+
margin-top: 0.5rem;
29+
}
30+
31+
&:hover,
32+
&:focus {
33+
color: #666;
34+
}
3535
}
3636

3737
.logo {
38-
border-radius: 50%;
39-
height: 4.5em;
40-
cursor: pointer;
38+
border-radius: 50%;
39+
height: 4.5em;
40+
cursor: pointer;
4141

42-
&:hover {
43-
opacity: 0.6;
44-
}
42+
&:hover {
43+
opacity: 0.6;
44+
}
4545
}
4646

4747
.subscribe {
48-
h2 {
49-
margin-bottom: 0.8rem;
50-
font-size: 1.8rem;
51-
}
52-
53-
p {
54-
margin-top: 0.2rem;
55-
font-size: 0.8rem;
56-
color: #696969;
57-
}
58-
59-
.text {
60-
font-size: 1rem;
61-
color: #000;
62-
}
63-
64-
input {
65-
height: 2.4rem;
66-
width: 65%;
67-
border-radius: 5px 0 0 5px;
68-
text-indent: 5%;
69-
border: 1px solid #bebebe;
70-
}
71-
72-
button {
73-
height: 2.4rem;
74-
width: 35%;
75-
border-radius: 0 5px 5px 0;
76-
background-color: #696969;
77-
color: #fff;
78-
font-size: 0.7rem;
79-
border: 1px solid #696969;
80-
text-transform: uppercase;
81-
@include transition(opacity 0.3s ease);
82-
83-
&:hover {
84-
opacity: 0.6;
85-
cursor: pointer;
86-
}
87-
}
48+
h2 {
49+
margin-bottom: 0.8rem;
50+
font-size: 1.8rem;
51+
}
52+
53+
p {
54+
margin-top: 0.2rem;
55+
font-size: 0.8rem;
56+
color: #696969;
57+
}
58+
59+
.text {
60+
font-size: 1rem;
61+
color: #000;
62+
}
63+
64+
input {
65+
height: 2.4rem;
66+
width: 65%;
67+
border-radius: 5px 0 0 5px;
68+
text-indent: 5%;
69+
border: 1px solid #bebebe;
70+
}
71+
72+
button {
73+
height: 2.4rem;
74+
width: 35%;
75+
border-radius: 0 5px 5px 0;
76+
background-color: #696969;
77+
color: #fff;
78+
font-size: 0.7rem;
79+
border: 1px solid #696969;
80+
text-transform: uppercase;
81+
@include transition(opacity 0.3s ease);
82+
83+
&:hover {
84+
opacity: 0.6;
85+
cursor: pointer;
86+
}
87+
}
8888
}
8989

9090
.socialMedia {
91-
margin: 1.8rem 0 1rem;
92-
display: flex;
93-
justify-content: center;
91+
margin: 1.8rem 0 1rem;
92+
display: flex;
93+
justify-content: center;
9494

95-
+.socialMedia {
96-
margin-left: 1rem;
97-
}
95+
+.socialMedia {
96+
margin-left: 1rem;
97+
}
9898

99-
img {
100-
height: 2rem;
99+
img {
100+
height: 2rem;
101101

102-
&:hover {
103-
opacity: 65%;
104-
}
105-
}
102+
&:hover {
103+
opacity: 65%;
104+
}
105+
}
106106
}
107107

108108
.copyright {
109-
font-size: 0.8rem;
110-
color: #696969;
111-
text-align: center;
112-
margin: 0 auto;
113-
width: 80%;
114-
padding: 0.5rem 0;
109+
font-size: 0.8rem;
110+
color: #696969;
111+
text-align: center;
112+
margin: 0 auto;
113+
width: 80%;
114+
padding: 0.5rem 0;
115115
}
116116

117117
@media (min-width: 578px) {
118-
.container {
119-
display: flex;
120-
justify-content: space-between;
121-
}
122-
123-
.columnLeft {
124-
display: flex;
125-
flex-direction: column;
126-
}
127-
128-
.columnRight {
129-
width: 55%;
130-
display: flex;
131-
flex-direction: column;
132-
}
133-
134-
.subscribe {
135-
h2 {
136-
margin-top: 0.5rem;
137-
}
138-
139-
button {
140-
font-size: 0.875rem;
141-
width: 30%;
142-
}
143-
144-
input {
145-
width: 70%;
146-
}
147-
}
148-
149-
.socialMedia {
150-
justify-content: flex-end;
151-
margin: 1rem 1rem 0.5rem 0;
152-
}
153-
154-
.copyright {
155-
text-align: left;
156-
}
118+
.container {
119+
display: flex;
120+
justify-content: space-between;
121+
}
122+
123+
.columnLeft {
124+
display: flex;
125+
flex-direction: column;
126+
}
127+
128+
.columnRight {
129+
width: 55%;
130+
display: flex;
131+
flex-direction: column;
132+
}
133+
134+
.subscribe {
135+
h2 {
136+
margin-top: 0.5rem;
137+
}
138+
139+
button {
140+
font-size: 0.875rem;
141+
width: 30%;
142+
}
143+
144+
input {
145+
width: 70%;
146+
}
147+
}
148+
149+
.socialMedia {
150+
justify-content: flex-end;
151+
margin: 1rem 1rem 0.5rem 0;
152+
}
153+
154+
.copyright {
155+
text-align: left;
156+
}
157157
}

0 commit comments

Comments
 (0)