]> git.wincent.com - hextrapolate.git/blob - src/App.css
ca6cea4fbb3304c24a9c4d5a1ec7ea7d1c500f9f
[hextrapolate.git] / src / App.css
1 html {
2   box-sizing: border-box;
3 }
4
5 *,
6 *:before,
7 *:after {
8   box-sizing: inherit;
9 }
10
11 body {
12   font-family: monospace;
13 }
14
15 .hextrapolate-footer {
16   text-align: center;
17 }
18
19 .hextrapolate-field {
20   display: flex;
21   flex-grow: 5;
22   font-family: monospace;
23   font-size: 12px;
24 }
25
26 .hextrapolate-field input {
27   flex-grow: 80;
28 }
29
30 .hextrapolate-row {
31   display: flex;
32   margin-bottom: 12px;
33 }
34
35 .hextrapolate {
36   padding: 0 64px;
37 }
38
39 .hextrapolate h1 {
40   text-align: center;
41 }
42
43 .hextrapolate-base {
44   display: inline-block;
45   font-size: 12px;
46   padding-right: 12px;
47   text-align: right;
48   width: 128px;
49 }
50
51 .hextrapolate-copy {
52   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSIjNDQ0IiBkPSJNMjAgOFYwSDZMMCA2djE4aDEydjhoMjBWOEgyMHpNNiAyLjgyOFY2SDIuODI4TDYgMi44Mjh6TTIgMjJWOGg2VjJoMTB2NmwtNiA2djhIMnptMTYtMTEuMTcyVjE0aC0zLjE3MkwxOCAxMC44Mjh6TTMwIDMwSDE0VjE2aDZ2LTZoMTB2MjB6Ii8+PC9zdmc+);
53   background-repeat: no-repeat;
54   background-size: 16px 16px;
55   display: inline-block;
56   height: 16px;
57   margin-left: 8px;
58   overflow: hidden;
59   position: relative;
60   text-indent: -10000px;
61   top: 4px;
62   width: 16px;
63 }