| 1 | @charset "UTF-8"; |
| 2 | |
| 3 | /// A variable that outputs a Helvetica font stack. |
| 4 | /// |
| 5 | /// @link https://goo.gl/uSJvZe |
| 6 | /// |
| 7 | /// @type list |
| 8 | /// |
| 9 | /// @example scss |
| 10 | /// .element { |
| 11 | /// font-family: $font-stack-helvetica; |
| 12 | /// } |
| 13 | /// |
| 14 | /// // CSS Output |
| 15 | /// .element { |
| 16 | /// font-family: "Helvetica Neue", "Helvetica", "Arial", sans-serif; |
| 17 | /// } |
| 18 | |
| 19 | $font-stack-helvetica: ( |
| 20 | "Helvetica Neue", |
| 21 | "Helvetica", |
| 22 | "Arial", |
| 23 | sans-serif, |
| 24 | ); |
| 25 | |
| 26 | /// A variable that outputs a Lucida Grande font stack. |
| 27 | /// |
| 28 | /// @link https://goo.gl/R5UyYE |
| 29 | /// |
| 30 | /// @type list |
| 31 | /// |
| 32 | /// @example scss |
| 33 | /// .element { |
| 34 | /// font-family: $font-stack-lucida-grande; |
| 35 | /// } |
| 36 | /// |
| 37 | /// // CSS Output |
| 38 | /// .element { |
| 39 | /// font-family: "Lucida Grande", "Lucida Sans Unicode", "Geneva", "Verdana", sans-serif; |
| 40 | /// } |
| 41 | |
| 42 | $font-stack-lucida-grande: ( |
| 43 | "Lucida Grande", |
| 44 | "Lucida Sans Unicode", |
| 45 | "Geneva", |
| 46 | "Verdana", |
| 47 | sans-serif, |
| 48 | ); |
| 49 | |
| 50 | /// A variable that outputs a Verdana font stack. |
| 51 | /// |
| 52 | /// @link https://goo.gl/yGXWSS |
| 53 | /// |
| 54 | /// @type list |
| 55 | /// |
| 56 | /// @example scss |
| 57 | /// .element { |
| 58 | /// font-family: $font-stack-verdana; |
| 59 | /// } |
| 60 | /// |
| 61 | /// // CSS Output |
| 62 | /// .element { |
| 63 | /// font-family: "Verdana", "Geneva", sans-serif; |
| 64 | /// } |
| 65 | |
| 66 | $font-stack-verdana: ( |
| 67 | "Verdana", |
| 68 | "Geneva", |
| 69 | sans-serif, |
| 70 | ); |
| 71 | |
| 72 | /// A variable that outputs a system font stack. |
| 73 | /// |
| 74 | /// @type list |
| 75 | /// |
| 76 | /// @example scss |
| 77 | /// .element { |
| 78 | /// font-family: $font-stack-system; |
| 79 | /// } |
| 80 | /// |
| 81 | /// // CSS Output |
| 82 | /// .element { |
| 83 | /// font-family: system-ui, -apple-system, BlinkMacSystemFont, "Avenir Next", "Avenir", "Segoe UI", "Lucida Grande", "Helvetica Neue", "Helvetica", "Fira Sans", "Roboto", "Noto", "Droid Sans", "Cantarell", "Oxygen", "Ubuntu", "Franklin Gothic Medium", "Century Gothic", "Liberation Sans", sans-serif; |
| 84 | /// } |
| 85 | |
| 86 | $font-stack-system: ( |
| 87 | system-ui, |
| 88 | -apple-system, |
| 89 | BlinkMacSystemFont, |
| 90 | "Avenir Next", |
| 91 | "Avenir", |
| 92 | "Segoe UI", |
| 93 | "Lucida Grande", |
| 94 | "Helvetica Neue", |
| 95 | "Helvetica", |
| 96 | "Fira Sans", |
| 97 | "Roboto", |
| 98 | "Noto", |
| 99 | "Droid Sans", |
| 100 | "Cantarell", |
| 101 | "Oxygen", |
| 102 | "Ubuntu", |
| 103 | "Franklin Gothic Medium", |
| 104 | "Century Gothic", |
| 105 | "Liberation Sans", |
| 106 | sans-serif, |
| 107 | ); |
| 108 | |
| 109 | /// A variable that outputs a Garamond font stack. |
| 110 | /// |
| 111 | /// @link https://goo.gl/QQFEkV |
| 112 | /// |
| 113 | /// @type list |
| 114 | /// |
| 115 | /// @example scss |
| 116 | /// .element { |
| 117 | /// font-family: $font-stack-garamond; |
| 118 | /// } |
| 119 | /// |
| 120 | /// // CSS Output |
| 121 | /// .element { |
| 122 | /// font-family: "Garamond", "Baskerville", "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; |
| 123 | /// } |
| 124 | |
| 125 | $font-stack-garamond: ( |
| 126 | "Garamond", |
| 127 | "Baskerville", |
| 128 | "Baskerville Old Face", |
| 129 | "Hoefler Text", |
| 130 | "Times New Roman", |
| 131 | serif, |
| 132 | ); |
| 133 | |
| 134 | /// A variable that outputs a Georgia font stack. |
| 135 | /// |
| 136 | /// @link https://goo.gl/wtzVPy |
| 137 | /// |
| 138 | /// @type list |
| 139 | /// |
| 140 | /// @example scss |
| 141 | /// .element { |
| 142 | /// font-family: $font-stack-georgia; |
| 143 | /// } |
| 144 | /// |
| 145 | /// // CSS Output |
| 146 | /// .element { |
| 147 | /// font-family: "Georgia", "Times", "Times New Roman", serif; |
| 148 | /// } |
| 149 | |
| 150 | $font-stack-georgia: ( |
| 151 | "Georgia", |
| 152 | "Times", |
| 153 | "Times New Roman", |
| 154 | serif, |
| 155 | ); |
| 156 | |
| 157 | /// A variable that outputs a Hoefler Text font stack. |
| 158 | /// |
| 159 | /// @link https://goo.gl/n7U7zx |
| 160 | /// |
| 161 | /// @type list |
| 162 | /// |
| 163 | /// @example scss |
| 164 | /// .element { |
| 165 | /// font-family: $font-stack-hoefler-text; |
| 166 | /// } |
| 167 | /// |
| 168 | /// // CSS Output |
| 169 | /// .element { |
| 170 | /// font-family: "Hoefler Text", "Baskerville Old Face", "Garamond", "Times New Roman", serif; |
| 171 | /// } |
| 172 | |
| 173 | $font-stack-hoefler-text: ( |
| 174 | "Hoefler Text", |
| 175 | "Baskerville Old Face", |
| 176 | "Garamond", |
| 177 | "Times New Roman", |
| 178 | serif, |
| 179 | ); |
| 180 | |
| 181 | /// A variable that outputs a Consolas font stack. |
| 182 | /// |
| 183 | /// @link https://goo.gl/iKrtqv |
| 184 | /// |
| 185 | /// @type list |
| 186 | /// |
| 187 | /// @example scss |
| 188 | /// .element { |
| 189 | /// font-family: $font-stack-consolas; |
| 190 | /// } |
| 191 | /// |
| 192 | /// // CSS Output |
| 193 | /// .element { |
| 194 | /// font-family: "Consolas", "monaco", monospace; |
| 195 | /// } |
| 196 | |
| 197 | $font-stack-consolas: ( |
| 198 | "Consolas", |
| 199 | "monaco", |
| 200 | monospace, |
| 201 | ); |
| 202 | |
| 203 | /// A variable that outputs a Courier New font stack. |
| 204 | /// |
| 205 | /// @link https://goo.gl/bHfWMP |
| 206 | /// |
| 207 | /// @type list |
| 208 | /// |
| 209 | /// @example scss |
| 210 | /// .element { |
| 211 | /// font-family: $font-stack-courier-new; |
| 212 | /// } |
| 213 | /// |
| 214 | /// // CSS Output |
| 215 | /// .element { |
| 216 | /// font-family: "Courier New", "Courier", "Lucida Sans Typewriter", "Lucida Typewriter", monospace; |
| 217 | /// } |
| 218 | |
| 219 | $font-stack-courier-new: ( |
| 220 | "Courier New", |
| 221 | "Courier", |
| 222 | "Lucida Sans Typewriter", |
| 223 | "Lucida Typewriter", |
| 224 | monospace, |
| 225 | ); |
| 226 | |
| 227 | /// A variable that outputs a Monaco font stack. |
| 228 | /// |
| 229 | /// @link https://goo.gl/9PgKDO |
| 230 | /// |
| 231 | /// @type list |
| 232 | /// |
| 233 | /// @example scss |
| 234 | /// .element { |
| 235 | /// font-family: $font-stack-monaco; |
| 236 | /// } |
| 237 | /// |
| 238 | /// // CSS Output |
| 239 | /// .element { |
| 240 | /// font-family: "Monaco", "Consolas", "Lucida Console", monospace; |
| 241 | /// } |
| 242 | |
| 243 | $font-stack-monaco: ( |
| 244 | "Monaco", |
| 245 | "Consolas", |
| 246 | "Lucida Console", |
| 247 | monospace, |
| 248 | ); |