github.com/outbrain/consul@v1.4.5/ui-v2/app/styles/core/typography.scss (about)

     1  %button {
     2    font-family: $typo-family-sans;
     3  }
     4  main p,
     5  %modal-window p {
     6    margin-bottom: 1em;
     7  }
     8  %button,
     9  %form-element textarea,
    10  %form-element [type='text'],
    11  %form-element [type='password'] {
    12    line-height: 1.5;
    13  }
    14  %radio-group label {
    15    line-height: 1.25;
    16  }
    17  %filter-bar [role='radiogroup'] label {
    18    line-height: 1.7;
    19  }
    20  %header-nav,
    21  %tab-nav {
    22    letter-spacing: 0.03em;
    23  }
    24  %footer {
    25    letter-spacing: -0.05em;
    26  }
    27  th,
    28  button,
    29  td strong,
    30  td:first-child,
    31  h1,
    32  %app-content div > dt,
    33  %header-drop-nav .is-active {
    34    font-weight: $typo-weight-bold;
    35  }
    36  h2,
    37  %header-nav,
    38  %healthchecked-resource header span,
    39  %healthcheck-status dt,
    40  %copy-button,
    41  %app-content div > dl > dt,
    42  td a {
    43    font-weight: $typo-weight-semibold;
    44  }
    45  %form-element > span,
    46  %toggle label span,
    47  caption {
    48    font-weight: $typo-weight-semibold;
    49  }
    50  %button {
    51    font-weight: $typo-weight-semibold !important;
    52  }
    53  th,
    54  %breadcrumbs a,
    55  %action-group a,
    56  %tab-nav,
    57  %tooltip-bubble {
    58    font-weight: $typo-weight-medium;
    59  }
    60  main label a[rel*='help'],
    61  td:first-child em,
    62  %pill,
    63  %form-element > strong,
    64  %healthchecked-resource strong {
    65    font-weight: $typo-weight-normal;
    66  }
    67  %form-element > em,
    68  td:first-child em,
    69  %healthchecked-resource header em {
    70    font-style: normal;
    71  }
    72  %footer > * {
    73    font-size: inherit;
    74  }
    75  h1 {
    76    font-size: $typo-header-100;
    77  }
    78  h2,
    79  %header-drop-nav .is-active {
    80    font-size: $typo-size-500;
    81  }
    82  body,
    83  pre code,
    84  input,
    85  textarea,
    86  td {
    87    font-size: $typo-size-600;
    88  }
    89  th,
    90  caption,
    91  .type-dialog,
    92  %form-element > span,
    93  %tooltip-bubble,
    94  %healthchecked-resource strong,
    95  %footer {
    96    font-size: $typo-size-700;
    97  }
    98  %toggle label span {
    99    font-size: $typo-size-700 !important;
   100  }
   101  %app-content > p:only-child,
   102  [role='tabpanel'] > p:only-child,
   103  %app-view > div.disabled > div,
   104  .template-error > div,
   105  %button,
   106  %form-element > em,
   107  %form-element > strong,
   108  .with-confirmation p,
   109  %feedback-dialog-inline p {
   110    font-size: $typo-size-800;
   111  }