|
1 | 1 | html {
|
2 | 2 | box-sizing: border-box;
|
3 |
| - background: url('http://wes.io/hx9M/oh-la-la.jpg') center no-repeat; |
| 3 | + background: url("oh-la-la.jpeg") center no-repeat; |
4 | 4 | background-size: cover;
|
5 | 5 | min-height: 100vh;
|
6 | 6 | display: flex;
|
7 | 7 | justify-content: center;
|
8 | 8 | align-items: center;
|
9 | 9 | text-align: center;
|
10 |
| - font-family: Futura,"Trebuchet MS",Arial,sans-serif; |
| 10 | + font-family: Futura, "Trebuchet MS", Arial, sans-serif; |
11 | 11 | }
|
12 | 12 |
|
13 |
| -*, *:before, *:after { |
14 |
| - box-sizing: inherit; |
| 13 | +*, |
| 14 | +*:before, |
| 15 | +*:after { |
| 16 | + box-sizing: inherit; |
15 | 17 | }
|
16 | 18 |
|
17 | 19 | svg {
|
18 |
| - fill:white; |
19 |
| - background: rgba(0,0,0,0.1); |
| 20 | + fill: white; |
| 21 | + background: rgba(0, 0, 0, 0.1); |
20 | 22 | padding: 20px;
|
21 | 23 | border-radius: 50%;
|
22 | 24 | width: 200px;
|
|
26 | 28 | .wrapper {
|
27 | 29 | padding: 20px;
|
28 | 30 | 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 | + background: rgba(255, 255, 255, 0.95); |
| 32 | + box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.1); |
31 | 33 | }
|
32 | 34 |
|
33 | 35 | h2 {
|
|
44 | 46 | }
|
45 | 47 |
|
46 | 48 | .plates li {
|
47 |
| - border-bottom: 1px solid rgba(0,0,0,0.2); |
| 49 | + border-bottom: 1px solid rgba(0, 0, 0, 0.2); |
48 | 50 | padding: 10px 0;
|
49 | 51 | font-weight: 100;
|
50 | 52 | display: flex;
|
|
60 | 62 | }
|
61 | 63 |
|
62 | 64 | .plates input + label:before {
|
63 |
| - content: '⬜️'; |
| 65 | + content: "⬜️"; |
64 | 66 | margin-right: 10px;
|
65 | 67 | }
|
66 | 68 |
|
67 | 69 | .plates input:checked + label:before {
|
68 |
| - content: '🌮'; |
| 70 | + content: "🌮"; |
69 | 71 | }
|
70 | 72 |
|
71 | 73 | .add-items {
|
|
75 | 77 | .add-items input {
|
76 | 78 | padding: 10px;
|
77 | 79 | outline: 0;
|
78 |
| - border: 1px solid rgba(0,0,0,0.1); |
| 80 | + border: 1px solid rgba(0, 0, 0, 0.1); |
79 | 81 | }
|
0 commit comments