Skip to content

Commit 2245c95

Browse files
Updated das js app
I have minified my CSS and JavaScript code.
1 parent 5fbba00 commit 2245c95

1 file changed

Lines changed: 20 additions & 14 deletions

File tree

dist/styles.min.css

Lines changed: 20 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,12 @@
1+
.modal-img,
2+
.pokemon-list li button {
3+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
4+
}
5+
.modal-header,
6+
footer,
7+
header {
8+
background-color: #ef5350;
9+
}
110
body {
211
background-color: #f5f5f5;
312
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
@@ -6,8 +15,7 @@ body {
615
flex-direction: column;
716
}
817
header {
9-
background-color: #ef5350;
10-
box-shadow: 0 2px 10px rgb(0 0 0 / 0.1);
18+
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
1119
}
1220
.navbar {
1321
padding: 1rem 2rem;
@@ -26,14 +34,14 @@ header {
2634
}
2735
#pokemonSearch:focus {
2836
border-color: #3d7dca;
29-
box-shadow: 0 0 0 0.25rem rgb(61 125 202 / 0.25);
37+
box-shadow: 0 0 0 0.25rem rgba(61, 125, 202, 0.25);
3038
}
3139
.pokemon-list {
3240
margin: 30px auto;
3341
padding: 0 15px;
3442
}
35-
.pokemon-list .col-md-4,
36-
.pokemon-list .col-12 {
43+
.pokemon-list .col-12,
44+
.pokemon-list .col-md-4 {
3745
padding: 10px;
3846
}
3947
.pokemon-list li {
@@ -49,43 +57,42 @@ header {
4957
background-color: #3d7dca;
5058
border: none;
5159
color: #fff;
52-
transition: all 0.3s;
60+
transition: 0.3s;
5361
text-transform: capitalize;
54-
box-shadow: 0 4px 8px rgb(0 0 0 / 0.1);
5562
}
5663
.pokemon-list li button:hover {
5764
background-color: #ffcb05;
5865
color: #2a75bb;
5966
transform: translateY(-3px);
60-
box-shadow: 0 6px 12px rgb(0 0 0 / 0.15);
67+
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
6168
}
6269
.modal-content {
6370
border-radius: 15px;
6471
border: 3px solid #ffcb05;
6572
}
6673
.modal-header {
67-
background-color: #ef5350;
6874
color: #fff;
6975
border-bottom: 2px solid #ffcb05;
7076
}
77+
.modal-body,
78+
.modal-footer,
79+
.modal-img {
80+
background-color: #f5f5f5;
81+
}
7182
.modal-title {
7283
text-transform: capitalize;
7384
font-weight: 700;
7485
}
7586
.modal-body {
76-
background-color: #f5f5f5;
7787
padding: 30px;
7888
}
7989
.modal-img {
80-
background-color: #f5f5f5;
8190
border-radius: 50%;
8291
padding: 15px;
8392
margin-bottom: 20px;
8493
border: 3px solid #3d7dca;
85-
box-shadow: 0 4px 8px rgb(0 0 0 / 0.1);
8694
}
8795
.modal-footer {
88-
background-color: #f5f5f5;
8996
border-top: 2px solid #ffcb05;
9097
}
9198
.btn-secondary {
@@ -96,7 +103,6 @@ header {
96103
background-color: #2a75bb;
97104
}
98105
footer {
99-
background-color: #ef5350;
100106
color: #fff;
101107
margin-top: auto;
102108
}

0 commit comments

Comments
 (0)