github.com/replicatedhq/ship@v0.55.0/web/init/src/scss/utilities/typography.scss (about) 1 /* Font sizes */ 2 3 .u-fontSize--smaller { font-size: 10px; } 4 .u-fontSize--small { font-size: 12px; } 5 .u-fontSize--normal { font-size: 14px; } 6 .u-fontSize--large { font-size: 16px; } 7 .u-fontSize--larger { font-size: 18px; } 8 .u-fontSize--largest { font-size: 20px; } 9 .u-fontSize--jumbo { font-size: 24px; } 10 .u-fontSize--jumbo2 { font-size: 22px; } 11 .u-fontSize--header { font-size: 32px; } 12 .u-fontSize--header2 { font-size: 26px; } 13 .u-fontSize--giant { font-size: 42px; } 14 15 /* Line height */ 16 17 .u-lineHeight--normal { 18 line-height: 1.4; 19 } 20 .u-lineHeight--default { 21 line-height: 1; 22 } 23 .u-lineHeight--more { 24 line-height: 1.7; 25 } 26 27 /* Font decoration */ 28 29 .u-textDecoration--underline { 30 text-decoration: underline; 31 } 32 .u-textDecoration--underlineOnHover:hover, 33 .u-textDecoration--underlineOnHover:focus { 34 cursor: pointer; 35 text-decoration: underline; 36 } 37 38 /* Alignment classes */ 39 40 .u-textAlign--center { 41 text-align: center; 42 } 43 .u-textAlign--left { 44 text-align: left; 45 } 46 .u-textAlign--right { 47 text-align: right; 48 } 49 50 /* Font weight classes */ 51 52 .u-fontWeight--normal { 53 font-weight: 400; 54 } 55 .u-fontWeight--medium { 56 font-weight: 500; 57 } 58 .u-fontWeight--bold { 59 font-weight: 700; 60 } 61 .u-fontStyle--italic { 62 font-style: italic; 63 } 64 .u-textTransform--uppercase { 65 text-transform: uppercase; 66 } 67 68 /* Media Queries */ 69 70 /* ≥ 768px */ 71 @media screen and (min-width: 48em) { 72 73 } 74 75 /* ≥ 960px */ 76 @media screen and (min-width: 60em) { 77 78 } 79 80 /* ≥ 1024px */ 81 @media screen and (min-width: 64em) { 82 83 }