consul/ui/packages/consul-ui/app/components/tabular-dl/layout.scss

/**
 * Copyright (c) HashiCorp, Inc.
 * SPDX-License-Identifier: MPL-2.0
 */

%tabular-dl {
  display: flex;
  flex-wrap: wrap;
  > dt:last-of-type,
  > dd:last-of-type {
    border-bottom: 1px solid !important;
  }
  dt,
  dd {
    padding: 12px 0;
    margin: 0;
    border-top: 1px solid !important;
  }
  dt {
    width: 20%;
  }
  dd {
    margin-left: auto;
    width: 80%;
    display: flex;
  }
  dd > ul li {
    display: flex;
  }
  dd > ul li:not(:last-of-type) {
    padding-bottom: 12px;
  }
  dt.check + dd {
    padding-top: 16px;
  }
  dt.type + dd span::before {
    margin-left: 4px;
  }
}