Skip to content

Commit 8d5827c

Browse files
committed
beautify css file
1 parent 7c918c8 commit 8d5827c

File tree

1 file changed

+41
-40
lines changed

1 file changed

+41
-40
lines changed

VAT Calculator/style.css

Lines changed: 41 additions & 40 deletions
Original file line numberDiff line numberDiff line change
@@ -1,45 +1,45 @@
1-
*{
1+
* {
22
margin: 0;
33
padding: 0;
44
box-sizing: border-box;
5-
}
6-
7-
body{
5+
}
6+
7+
body {
88
height: 100vh;
99
display: flex;
1010
justify-content: center;
1111
align-items: center;
1212
flex-direction: column;
1313
background-color: #d3f1f8;
14-
}
15-
16-
.vat-calc{
14+
}
15+
16+
.vat-calc {
1717
background: #0ad3ff;
1818
padding: 3rem 1rem;
1919
border-radius: 10px;
20-
box-shadow: 0 1px 5px 0 rgba(28,184,227,1);
20+
box-shadow: 0 1px 5px 0 rgba(28, 184, 227, 1);
2121
margin: 0 auto;
22-
}
23-
24-
h2{
22+
}
23+
24+
h2 {
2525
text-align: center;
2626
font-size: 2rem;
2727
text-transform: uppercase;
2828
padding: 1.2rem 0;
2929
color: #fff;
30-
}
31-
32-
.main-wrapper{
30+
}
31+
32+
.main-wrapper {
3333
padding: 1rem;
3434
height: 160px;
3535
border-radius: 5px;
36-
}
37-
38-
.button_group{
36+
}
37+
38+
.button_group {
3939
display: flex;
40-
}
41-
42-
.main-btn{
40+
}
41+
42+
.main-btn {
4343
padding: 0.6rem 0;
4444
font-size: 1rem;
4545
border-radius: 25px;
@@ -52,38 +52,39 @@ h2{
5252
margin-top: 36px;
5353
transition: all 0.5s ease;
5454
cursor: pointer;
55-
}
56-
57-
.main-btn:hover{
55+
}
56+
57+
.main-btn:hover {
5858
background: #252525;
5959
color: #fff;
60-
}
61-
62-
form{
60+
}
61+
62+
form {
6363
line-height: 1.8;
64-
}
65-
66-
form label{
64+
}
65+
66+
form label {
6767
font-weight: bold;
6868
padding-right: 0.5rem;
6969
color: #fff;
70-
}
71-
72-
form input{
70+
}
71+
72+
form input {
7373
font-size: 1rem;
7474
padding: 0.3rem;
7575
outline: none;
7676
border: none;
7777
text-align: right;
78-
border-radius: 5px ;
79-
}
80-
81-
form input[disabled]{
78+
border-radius: 5px;
79+
}
80+
81+
form input[disabled] {
8282
border: 1ps solid #fff;
83-
}
84-
85-
form div{
83+
}
84+
85+
form div {
8686
display: flex;
8787
justify-content: space-between;
8888
padding: 0.3rem 0;
89-
}
89+
}
90+

0 commit comments

Comments
 (0)