corso vuejs
view | history | commit | commitdiff
Cristiano Magro
2024-12-27 5978c32125c0eca102102eb9e37bd7e3ed4364f5
commit | author | age
5978c3 1 * {
CM 2   box-sizing: border-box;
3 }
4
5 html {
6   font-family: 'Jost', sans-serif;
7 }
8
9 body {
10   margin: 0;
11 }
12
13 header {
14   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
15   margin: 3rem auto;
16   border-radius: 10px;
17   padding: 1rem;
18   background-color: #4fc08d;
19   color: white;
20   text-align: center;
21   width: 90%;
22   max-width: 40rem;
23 }
24
25 #app,
26 #app2 {
27   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
28   margin: 3rem auto;
29   border-radius: 10px;
30   padding: 1rem;
31   text-align: center;
32   width: 90%;
33   max-width: 40rem;
34 }
35
36 #app h2,
37 #app2 h2 {
38   font-size: 2rem;
39   border-bottom: 4px solid #ccc;
40   color: #4fc08d;
41   margin: 0 0 1rem 0;
42 }
43
44 #app p,
45 #app2 p {
46   font-size: 1.25rem;
47   font-weight: bold;
48   border: 1px solid #4fc08d;
49   background-color: #4fc08d;
50   color: white;
51   padding: 0.5rem;
52   border-radius: 25px;
53 }
54
55 #app input,
56 #app2 input {
57   font: inherit;
58   border: 1px solid #ccc;
59 }
60
61 #app input:focus {
62   outline: none;
63   border-color: #1b995e;
64   background-color: #d7fdeb;
65 }
66
67 #app button {
68   font: inherit;
69   cursor: pointer;
70   border: 1px solid #ff0077;
71   background-color: #ff0077;
72   color: white;
73   padding: 0.05rem 1rem;
74   box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.26);
75 }
76
77 #app button:hover,
78 #app button:active {
79   background-color: #ec3169;
80   border-color: #ec3169;
81   box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.26);
82 }