Experiments page.
[wolnelektury.git] / src / wolnelektury / static / 2022 / styles / utils / bourbon / library / _font-stacks.scss
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 /// @link https://goo.gl/LHRZIf
75 ///
76 /// @type list
77 ///
78 /// @example scss
79 ///   .element {
80 ///     font-family: $font-stack-system;
81 ///   }
82 ///
83 ///   // CSS Output
84 ///   .element {
85 ///     font-family: -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;
86 ///   }
87
88 $font-stack-system: (
89   -apple-system,
90   BlinkMacSystemFont,
91   "Avenir Next",
92   "Avenir",
93   "Segoe UI",
94   "Lucida Grande",
95   "Helvetica Neue",
96   "Helvetica",
97   "Fira Sans",
98   "Roboto",
99   "Noto",
100   "Droid Sans",
101   "Cantarell",
102   "Oxygen",
103   "Ubuntu",
104   "Franklin Gothic Medium",
105   "Century Gothic",
106   "Liberation Sans",
107   sans-serif,
108 );
109
110 /// A variable that outputs a Garamond font stack.
111 ///
112 /// @link https://goo.gl/QQFEkV
113 ///
114 /// @type list
115 ///
116 /// @example scss
117 ///   .element {
118 ///     font-family: $font-stack-garamond;
119 ///   }
120 ///
121 ///   // CSS Output
122 ///   .element {
123 ///     font-family: "Garamond", "Baskerville", "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
124 ///   }
125
126 $font-stack-garamond: (
127   "Garamond",
128   "Baskerville",
129   "Baskerville Old Face",
130   "Hoefler Text",
131   "Times New Roman",
132   serif,
133 );
134
135 /// A variable that outputs a Georgia font stack.
136 ///
137 /// @link https://goo.gl/wtzVPy
138 ///
139 /// @type list
140 ///
141 /// @example scss
142 ///   .element {
143 ///     font-family: $font-stack-georgia;
144 ///   }
145 ///
146 ///   // CSS Output
147 ///   .element {
148 ///     font-family: "Georgia", "Times", "Times New Roman", serif;
149 ///   }
150
151 $font-stack-georgia: (
152   "Georgia",
153   "Times",
154   "Times New Roman",
155   serif,
156 );
157
158 /// A variable that outputs a Hoefler Text font stack.
159 ///
160 /// @link https://goo.gl/n7U7zx
161 ///
162 /// @type list
163 ///
164 /// @example scss
165 ///   .element {
166 ///     font-family: $font-stack-hoefler-text;
167 ///   }
168 ///
169 ///   // CSS Output
170 ///   .element {
171 ///     font-family: "Hoefler Text", "Baskerville Old Face", "Garamond", "Times New Roman", serif;
172 ///   }
173
174 $font-stack-hoefler-text: (
175   "Hoefler Text",
176   "Baskerville Old Face",
177   "Garamond",
178   "Times New Roman",
179   serif,
180 );
181
182 /// A variable that outputs a Consolas font stack.
183 ///
184 /// @link https://goo.gl/iKrtqv
185 ///
186 /// @type list
187 ///
188 /// @example scss
189 ///   .element {
190 ///     font-family: $font-stack-consolas;
191 ///   }
192 ///
193 ///   // CSS Output
194 ///   .element {
195 ///     font-family: "Consolas", "monaco", monospace;
196 ///   }
197
198 $font-stack-consolas: (
199   "Consolas",
200   "monaco",
201   monospace,
202 );
203
204 /// A variable that outputs a Courier New font stack.
205 ///
206 /// @link https://goo.gl/bHfWMP
207 ///
208 /// @type list
209 ///
210 /// @example scss
211 ///   .element {
212 ///     font-family: $font-stack-courier-new;
213 ///   }
214 ///
215 ///   // CSS Output
216 ///   .element {
217 ///     font-family: "Courier New", "Courier", "Lucida Sans Typewriter", "Lucida Typewriter", monospace;
218 ///   }
219
220 $font-stack-courier-new: (
221   "Courier New",
222   "Courier",
223   "Lucida Sans Typewriter",
224   "Lucida Typewriter",
225   monospace,
226 );
227
228 /// A variable that outputs a Monaco font stack.
229 ///
230 /// @link https://goo.gl/9PgKDO
231 ///
232 /// @type list
233 ///
234 /// @example scss
235 ///   .element {
236 ///     font-family: $font-stack-monaco;
237 ///   }
238 ///
239 ///   // CSS Output
240 ///   .element {
241 ///     font-family: "Monaco", "Consolas", "Lucida Console", monospace;
242 ///   }
243
244 $font-stack-monaco: (
245   "Monaco",
246   "Consolas",
247   "Lucida Console",
248   monospace,
249 );