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