]> git.wincent.com - hextrapolate.git/blob - src/App.css
2a9ed3308cd4f71ad8522b40258821d1ee41803b
[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-size: 12px;
23   position: relative;
24 }
25
26 .hextrapolate-field input {
27   flex-grow: 80;
28   font-family: monospace;
29 }
30
31 .hextrapolate-row {
32   display: flex;
33   margin-bottom: 12px;
34 }
35
36 .hextrapolate {
37   padding: 0 64px;
38 }
39
40 .hextrapolate h1 {
41   text-align: center;
42 }
43
44 .hextrapolate-base {
45   display: inline-block;
46   font-size: 12px;
47   padding-right: 12px;
48   text-align: right;
49   width: 128px;
50 }
51
52 .hextrapolate-copy {
53   background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBmaWxsPSIjNDQ0IiBkPSJNMjAgOFYwSDZMMCA2djE4aDEydjhoMjBWOEgyMHpNNiAyLjgyOFY2SDIuODI4TDYgMi44Mjh6TTIgMjJWOGg2VjJoMTB2NmwtNiA2djhIMnptMTYtMTEuMTcyVjE0aC0zLjE3MkwxOCAxMC44Mjh6TTMwIDMwSDE0VjE2aDZ2LTZoMTB2MjB6Ii8+PC9zdmc+);
54   background-repeat: no-repeat;
55   background-size: 16px 16px;
56   cursor: pointer;
57   display: inline-block;
58   height: 16px;
59   margin-left: 8px;
60   overflow: hidden;
61   position: relative;
62   text-indent: -10000px;
63   top: 4px;
64   user-select: none;
65   width: 16px;
66 }
67
68 .hextrapolate-copy-status {
69   color: #0f0;
70   opacity: 0;
71   position: absolute;
72   right: 4px;
73   top: 4px;
74   transform: scale(1);
75   transition: transform .25s, opacity .25s;
76   user-select: none;
77 }
78
79 .hextrapolate-copy-success {
80   opacity: .5;
81   transform: scale(5);
82   transition: transform .5s, opacity .5s;
83 }