2d3ca553 |
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 | ); |