@import "../variables/typography"; @import "../variables/spacing"; @import "../mixins"; .txt--normal { font-weight: $font-normal !important; font-style: normal !important; } .txt--bold { font-weight: $font-bold; } .txt--underline { text-decoration: underline; } .txt--uppercase { text-transform: uppercase; } .txt--nowrap { white-space: nowrap; } .txt--wrap { white-space: normal; } .txt--break-words { word-wrap: break-word; } .txt--break-words-alt { word-break: break-word; } .txt--break-all { word-break: break-all; } .txt--ellipsis { @include ellipsis; } .txt--dimmed { opacity: $opacity-75; } .txt--very-dimmed { opacity: $opacity-50; } .txt--overflow-hidden { overflow: hidden; } .txt--xs { font-size: $text-xs; line-height: $leading-4; } .txt--sm { font-size: $text-sm; line-height: $leading-5; } .txt--md { font-size: $text-base; line-height: $leading-6; } .txt--lg { font-size: $text-lg; line-height: $leading-7; } .txt--xl { font-size: $text-xl; line-height: $leading-7; } .txt--2xl { font-size: $text-2xl; line-height: $leading-8; } .txt--3xl { font-size: $text-3xl; line-height: $leading-9; } .txt--4xl { font-size: $text-4xl; line-height: $leading-10; } .txt--5xl { font-size: $text-5xl; line-height: $leading-none; } .txt--6xl { font-size: $text-6xl; line-height: $leading-none; } .txt--7xl { font-size: $text-7xl; line-height: $leading-none; } .txt--8xl { font-size: $text-8xl; line-height: $leading-none; } .txt--9xl { font-size: $text-9xl; line-height: $leading-none; } .undecorated { color: inherit; text-decoration: none; }