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 }