src/features/shared/components/KeyValueTable/KeyValueTable.scss

   1 .table {
   2   background: $background-color;
   3   table-layout: fixed;
   4   width: 100%;
   5
   6   td {
   7     border-bottom: 1px solid $border-color;
   8     vertical-align: top;
   9     padding: 13px $gutter-size;
  10     line-height: 15px;
  11   }
  12
  13   a .pre {
  14     color: $highlight-default;
  15   }
  16
  17   tr:first-child td {
  18     padding-top: 20px;
  19   }
  20
  21   tr:last-child td {
  22     border-bottom: none;
  23     padding-bottom: 20px;
  24   }
  25 }
  26
  27 .edit {
  28   float: right;
  29   font-family: $font-family-sans-serif;
  30   font-size: $font-size-base;
  31 }
  32
  33 .detail {
  34   padding: 0px;
  35   margin: 0px;
  36   line-height: 15px;
  37 }
  38
  39 .pencil {
  40   padding-right: 5px;
  41   font-size: 10px;
  42   font-weight: 600;
  43 }
  44
  45 .label {
  46   background: $background-color;
  47   border-right: 1px solid $border-color;
  48   color: $text-strong-color;
  49   font-weight: 600;
  50   width: 200px;
  51   font-size: $font-size-base;
  52   font-family: Nitti Grotesk;
  53   text-align: right;
  54   letter-spacing: 0.2px;
  55   text-transform: uppercase;
  56 }
  57
  58 .value, .pre {
  59   font-size: $font-size-code;
  60   color: $text-table-value-color;
  61 }
  62
  63 .value {
  64   word-wrap: break-word;
  65   font-family: Nitti;
  66 }
  67
  68 .pre {
  69   display: inline-block;
  70   padding: 0;
  71   margin: 0;
  72
  73   word-break: break-all;
  74   word-wrap: break-word;
  75   white-space: pre-wrap;
  76
  77   border: none;
  78   line-height: 1.4;
  79 }