@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--spread { letter-spacing: $tracking-widest; } .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; } .txt--sm { font-size: $text-sm; } .txt--md { font-size: $text-base; } .txt--lg { font-size: $text-lg; } .txt--xl { font-size: $text-xl; } .txt--2xl { font-size: $text-2xl; } .txt--3xl { font-size: $text-3xl; } .txt--4xl { font-size: $text-4xl; } .txt--5xl { font-size: $text-5xl; } .txt--6xl { font-size: $text-6xl; } .txt--7xl { font-size: $text-7xl; } .txt--8xl { font-size: $text-8xl; } .txt--9xl { font-size: $text-9xl; } .undecorated { color: inherit; text-decoration: none; }