Upscale input elements slightly to make them fill more of the screen
Simon Volpert
7 years ago
39 | 39 | } |
40 | 40 | |
41 | 41 | input { |
42 | width: 16.67vmin; | |
43 | height: 16.67vmin; | |
44 | font-size: 10vmin; | |
42 | width: 18vmin; | |
43 | height: 18vmin; | |
44 | font-size: 11vmin; | |
45 | 45 | font-weight: bold; |
46 | 46 | background-color: lightgray; |
47 | border-radius: 1.67vmin; | |
47 | border-radius: 2vmin; | |
48 | 48 | margin: 0; |
49 | 49 | padding: 1vmin; |
50 | 50 | margin-bottom: 1vmin; |
52 | 52 | } |
53 | 53 | |
54 | 54 | input.text { |
55 | width: 50vmin; | |
55 | width: 52.75vmin; | |
56 | 56 | text-align: center; |
57 | 57 | background-color: white; |
58 | 58 | } |
85 | 85 | } |
86 | 86 | |
87 | 87 | input#currency { |
88 | font-size: 4vmin; | |
88 | font-size: 5vmin; | |
89 | 89 | } |
90 | 90 | |
91 | 91 | input.major { |
92 | width: 50vmin; | |
92 | width: 52.75vmin; | |
93 | 93 | } |
94 | 94 | |
95 | 95 | input.wide { |
96 | width: 34.25vmin; | |
96 | width: 37vmin; | |
97 | 97 | } |
98 | 98 | |
99 | 99 | input.tax:disabled { |