| 1 | :global {
|
| 2 | /********************************************* TEXT **********************************************/
|
| 3 | * * *.fs-9 {font-size: 9px }
|
| 4 | * * *.fs-10 {font-size: 10px}
|
| 5 | * * *.fs-11 {font-size: 11px}
|
| 6 | * * *.fs-12 {font-size: 12px}
|
| 7 | * * *.fs-13 {font-size: 13px}
|
| 8 | * * *.fs-14 {font-size: 14px}
|
| 9 | * * *.fs-15 {font-size: 15px}
|
| 10 | * * *.fs-16 {font-size: 16px}
|
| 11 | * * *.fs-17 {font-size: 17px}
|
| 12 | * * *.fs-18 {font-size: 18px}
|
| 13 | * * *.fs-19 {font-size: 19px}
|
| 14 | * * *.fs-20 {font-size: 20px}
|
| 15 | * * *.fs-21 {font-size: 21px}
|
| 16 | * * *.fs-22 {font-size: 22px}
|
| 17 | * * *.fs-23 {font-size: 23px}
|
| 18 | * * *.fs-24 {font-size: 24px}
|
| 19 | * * *.fs-25 {font-size: 25px}
|
| 20 | * * *.fs-26 {font-size: 26px}
|
| 21 | * * *.fs-27 {font-size: 27px}
|
| 22 | * * *.fs-28 {font-size: 28px}
|
| 23 | * * *.fs-29 {font-size: 29px}
|
| 24 | * * *.fs-30 {font-size: 30px}
|
| 25 | * * *.fs-35 {font-size: 35px}
|
| 26 | * * *.fs-40 {font-size: 40px}
|
| 27 | * * *.fs-50 {font-size: 50px}
|
| 28 |
|
| 29 | /**************************************** FONT WEIGHT *****************************************/
|
| 30 | * * *.fw-300 {font-weight: 300}
|
| 31 | * * *.fw-400 {font-weight: 400}
|
| 32 | * * *.fw-500 {font-weight: 500}
|
| 33 | * * *.fw-600 {font-weight: 600}
|
| 34 | * * *.fw-700 {font-weight: 700}
|
| 35 |
|
| 36 | * * *.fw-normal {font-weight: normal}
|
| 37 | * * *.bold {font-weight: bold}
|
| 38 |
|
| 39 | /************************************** FONT DECORATION ***************************************/
|
| 40 | .underline {text-decoration: underline}
|
| 41 | .no-underline {text-decoration: none }
|
| 42 | .no-hover-underline:hover {text-decoration: none }
|
| 43 | .italic {font-style: italic }
|
| 44 | .italics {font-style: italic }
|
| 45 |
|
| 46 | /************************************ FONT CAPITALIZATION *************************************/
|
| 47 | .uppercase {text-transform: uppercase }
|
| 48 | .lowercase {text-transform: lowercase }
|
| 49 | .capitalize {text-transform: capitalize}
|
| 50 |
|
| 51 | // REVERSE TEXT
|
| 52 | .reverse-text, .text-reverse, .text-flipx, .flipx-text {
|
| 53 | direction: rtl;
|
| 54 | unicode-bidi: bidi-override;
|
| 55 | text-align: left;
|
| 56 | }
|
| 57 |
|
| 58 |
|
| 59 | .lh-5 {line-height: 5px }
|
| 60 | .lh-6 {line-height: 6px }
|
| 61 | .lh-7 {line-height: 7px }
|
| 62 | .lh-8 {line-height: 8px }
|
| 63 | .lh-9 {line-height: 9px }
|
| 64 | .lh-10 {line-height: 10px }
|
| 65 | .lh-11 {line-height: 11px }
|
| 66 | .lh-12 {line-height: 12px }
|
| 67 | .lh-13 {line-height: 13px }
|
| 68 | .lh-14 {line-height: 14px }
|
| 69 | .lh-15 {line-height: 15px }
|
| 70 | .lh-16 {line-height: 16px }
|
| 71 | .lh-17 {line-height: 17px }
|
| 72 | .lh-18 {line-height: 18px }
|
| 73 | .lh-19 {line-height: 19px }
|
| 74 | .lh-20 {line-height: 20px }
|
| 75 | .lh-21 {line-height: 21px }
|
| 76 | .lh-22 {line-height: 22px }
|
| 77 | .lh-23 {line-height: 23px }
|
| 78 | .lh-24 {line-height: 24px }
|
| 79 | .lh-25 {line-height: 25px }
|
| 80 | .lh-30 {line-height: 30px }
|
| 81 | .lh-35 {line-height: 35px }
|
| 82 | .lh-36 {line-height: 36px }
|
| 83 | .lh-40 {line-height: 40px }
|
| 84 | .lh-45 {line-height: 45px }
|
| 85 | .lh-50 {line-height: 50px }
|
| 86 | .lh-75 {line-height: 75px }
|
| 87 | .lh-100 {line-height: 100px}
|
| 88 |
|
| 89 | /*************************************** LETTER-SPACING ***************************************/
|
| 90 | .ls-normal {letter-spacing: normal}
|
| 91 | .ls-n3 {letter-spacing: -3px }
|
| 92 | .ls-n2pt5 {letter-spacing: -2.5px}
|
| 93 | .ls-n2 {letter-spacing: -2px }
|
| 94 | .ls-n1pt5 {letter-spacing: -1.5px}
|
| 95 | .ls-n1 {letter-spacing: -1px }
|
| 96 | .ls-n0pt75, .ls-n0p75 {letter-spacing: -0.75px}
|
| 97 | .ls-n0pt5, .ls-n0p5 {letter-spacing: -0.5px }
|
| 98 | .ls-n0pt45, .ls-n0p45 {letter-spacing: -0.45px}
|
| 99 | .ls-n0pt4, .ls-n0p4 {letter-spacing: -0.4px }
|
| 100 | .ls-n0pt35, .ls-n0p35 {letter-spacing: -0.35px}
|
| 101 | .ls-n0pt3, .ls-n0p3 {letter-spacing: -0.3px }
|
| 102 | .ls-n0pt25, .ls-n0p25 {letter-spacing: -0.25px}
|
| 103 | .ls-n0pt2, .ls-n0p2 {letter-spacing: -0.2px }
|
| 104 | .ls-n0pt15, .ls-n0p15 {letter-spacing: -0.15px}
|
| 105 | .ls-n0pt1, .ls-n0p1 {letter-spacing: -0.1px }
|
| 106 | .ls-n0pt05, .ls-n0p05 {letter-spacing: -0.05px}
|
| 107 |
|
| 108 | .ls-0 {letter-spacing: 0px}
|
| 109 |
|
| 110 | .ls-0pt05, .ls-0p05 {letter-spacing: 0.05px}
|
| 111 | .ls-0pt1, .ls-0p1 {letter-spacing: 0.1px }
|
| 112 | .ls-0pt15, .ls-0p15 {letter-spacing: 0.15px}
|
| 113 | .ls-0pt2, .ls-0p2 {letter-spacing: 0.2px }
|
| 114 | .ls-0pt25, .ls-0p25 {letter-spacing: 0.25px}
|
| 115 | .ls-0pt3, .ls-0p3 {letter-spacing: 0.3px }
|
| 116 | .ls-0pt35, .ls-0p35 {letter-spacing: 0.35px}
|
| 117 | .ls-0pt4, .ls-0p4 {letter-spacing: 0.4px }
|
| 118 | .ls-0pt45, .ls-0p45 {letter-spacing: 0.45px}
|
| 119 | .ls-0pt5, .ls-0p5 {letter-spacing: 0.5px }
|
| 120 | .ls-0pt75, .ls-0p75 {letter-spacing: 0.75px}
|
| 121 | .ls-1 {letter-spacing: 1px }
|
| 122 | .ls-1p5, .ls-1pt5 {letter-spacing: 1.5px }
|
| 123 | .ls-2 {letter-spacing: 2px }
|
| 124 | .ls-2p5, .ls-2pt5 {letter-spacing: 2.5px }
|
| 125 | .ls-3 {letter-spacing: 3px }
|
| 126 |
|
| 127 | /**************************************** FONT FAMILY *****************************************/
|
| 128 | * * *.better-helvetica {
|
| 129 | font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica,
|
| 130 | Arial, "Lucida Grande", sans-serif;
|
| 131 | }
|
| 132 |
|
| 133 | * * *.helvetica-neue-medium {
|
| 134 | font-family: "HelveticaNeue-Medium", "Helvetica Neue Medium", "Helvetica Neue", Helvetica,
|
| 135 | Arial, "Lucida Grande", sans-serif;
|
| 136 | }
|
| 137 |
|
| 138 | * * *.helvetica-neue {
|
| 139 | font-family: "Helvetica Neue", sans-serif;
|
| 140 | }
|
| 141 |
|
| 142 | * * *.helvetica-neue-serif {
|
| 143 | font-family: "Helvetica Neue";
|
| 144 | }
|
| 145 |
|
| 146 | * * *.helvetica-neue-light {
|
| 147 | font-family: "Helvetica Neue Light", sans-serif;
|
| 148 | }
|
| 149 |
|
| 150 | * * *.helvetica-neue-light-serif {
|
| 151 | font-family: "Helvetica Neue Light";
|
| 152 | }
|
| 153 |
|
| 154 |
|
| 155 | .ts-none {text-shadow: none}
|
| 156 |
|
| 157 | /***************************************** ALIGNMENT ******************************************/
|
| 158 | * * *.ta-left {text-align: left }
|
| 159 | * * *.ta-center {text-align: center}
|
| 160 | * * *.ta-right {text-align: right }
|
| 161 |
|
| 162 | /* Utilities */
|
| 163 | .ellipsize {
|
| 164 | text-overflow: ellipsis;
|
| 165 | overflow: hidden;
|
| 166 | white-space: nowrap;
|
| 167 | }
|
| 168 |
|
| 169 | .wk-smoothen-text {
|
| 170 | -webkit-appearance: none;
|
| 171 | -webkit-font-smoothing: antialiased;
|
| 172 | -webkit-tap-highlight-color: transparent;
|
| 173 | }
|
| 174 |
|
| 175 |
|
| 176 | .ws-no-wrap, .ws-nowrap, .ws-nw {white-space: nowrap}
|
| 177 | .ws-normal, .ws-norm, .ws-n {white-space: normal}
|
| 178 | .ws-pre {white-space: pre}
|
| 179 | .ws-pre-line, .ws-preline, .ws-pl {white-space: pre-line}
|
| 180 | .ws-pre-wrap, .ws-prewrap, .ws-pw {white-space: pre-wrap}
|
| 181 | .ws-unset, .ws-us {white-space: unset}
|
| 182 |
|
| 183 | .ov-wrap-break-word, .break-word, .ov-word-break, .word-break-wrap,
|
| 184 | .wrap-word, .overflow-word-break, .wrap-break-word, .wrap-word-break {overflow-wrap: break-word}
|
| 185 | }
|