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 }