Skip to content

Commit fdf0e3e

Browse files
authored
Merge pull request wesbos#260 from shahroozme/patch-1
removed extra spaces.
2 parents 6df5ee5 + 14927a4 commit fdf0e3e

File tree

1 file changed

+67
-68
lines changed

1 file changed

+67
-68
lines changed

15 - LocalStorage/style.css

+67-68
Original file line numberDiff line numberDiff line change
@@ -1,80 +1,79 @@
1+
html {
2+
box-sizing: border-box;
3+
background: url('http://wes.io/hx9M/oh-la-la.jpg') center no-repeat;
4+
background-size: cover;
5+
min-height: 100vh;
6+
display: flex;
7+
justify-content: center;
8+
align-items: center;
9+
text-align: center;
10+
font-family: Futura,"Trebuchet MS",Arial,sans-serif;
11+
}
112

2-
html {
3-
box-sizing: border-box;
4-
background: url('http://wes.io/hx9M/oh-la-la.jpg') center no-repeat;
5-
background-size: cover;
6-
min-height: 100vh;
7-
display: flex;
8-
justify-content: center;
9-
align-items: center;
10-
text-align: center;
11-
font-family: Futura,"Trebuchet MS",Arial,sans-serif;
12-
}
13+
*, *:before, *:after {
14+
box-sizing: inherit;
15+
}
1316

14-
*, *:before, *:after {
15-
box-sizing: inherit;
16-
}
17+
svg {
18+
fill:white;
19+
background: rgba(0,0,0,0.1);
20+
padding: 20px;
21+
border-radius: 50%;
22+
width: 200px;
23+
margin-bottom: 50px;
24+
}
1725

18-
svg {
19-
fill:white;
20-
background: rgba(0,0,0,0.1);
21-
padding: 20px;
22-
border-radius: 50%;
23-
width: 200px;
24-
margin-bottom: 50px;
25-
}
26+
.wrapper {
27+
padding: 20px;
28+
max-width: 350px;
29+
background: rgba(255,255,255,0.95);
30+
box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
31+
}
2632

27-
.wrapper {
28-
padding: 20px;
29-
max-width: 350px;
30-
background: rgba(255,255,255,0.95);
31-
box-shadow: 0 0 0 10px rgba(0,0,0,0.1);
32-
}
33+
h2 {
34+
text-align: center;
35+
margin: 0;
36+
font-weight: 200;
37+
}
3338

34-
h2 {
35-
text-align: center;
36-
margin: 0;
37-
font-weight: 200;
38-
}
39+
.plates {
40+
margin: 0;
41+
padding: 0;
42+
text-align: left;
43+
list-style: none;
44+
}
3945

40-
.plates {
41-
margin: 0;
42-
padding: 0;
43-
text-align: left;
44-
list-style: none;
45-
}
46+
.plates li {
47+
border-bottom: 1px solid rgba(0,0,0,0.2);
48+
padding: 10px 0;
49+
font-weight: 100;
50+
display: flex;
51+
}
4652

47-
.plates li {
48-
border-bottom: 1px solid rgba(0,0,0,0.2);
49-
padding: 10px 0;
50-
font-weight: 100;
51-
display: flex;
52-
}
53+
.plates label {
54+
flex: 1;
55+
cursor: pointer;
56+
}
5357

54-
.plates label {
55-
flex: 1;
56-
cursor: pointer;
57-
}
58+
.plates input {
59+
display: none;
60+
}
5861

59-
.plates input {
60-
display: none;
61-
}
62+
.plates input + label:before {
63+
content: '⬜️';
64+
margin-right: 10px;
65+
}
6266

63-
.plates input + label:before {
64-
content: '⬜️';
65-
margin-right: 10px;
66-
}
67+
.plates input:checked + label:before {
68+
content: '🌮';
69+
}
6770

68-
.plates input:checked + label:before {
69-
content: '🌮';
70-
}
71+
.add-items {
72+
margin-top: 20px;
73+
}
7174

72-
.add-items {
73-
margin-top: 20px;
74-
}
75-
76-
.add-items input {
77-
padding: 10px;
78-
outline: 0;
79-
border: 1px solid rgba(0,0,0,0.1);
80-
}
75+
.add-items input {
76+
padding: 10px;
77+
outline: 0;
78+
border: 1px solid rgba(0,0,0,0.1);
79+
}

0 commit comments

Comments
 (0)