BioTorrents.de’s version of Gazelle
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

fonts.scss 8.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383
  1. /**
  2. * Fonts
  3. *
  4. * Enables sitewide access to the font engine.
  5. * All themes can use the font toggle options.
  6. */
  7. /* Font Path */
  8. $font-path: "assets/fonts/";
  9. /**
  10. * Font Awesome
  11. */
  12. @import "assets/fonts/fa/css/all.min.css";
  13. $FontAwesome: "Font Awesome 5 Free";
  14. .fa,
  15. .fab,
  16. .fad,
  17. .fal,
  18. .far,
  19. .fas {
  20. font-family: $FontAwesome;
  21. }
  22. /**
  23. * Noto Sans
  24. */
  25. $NotoSans: "NotoSans-SemiCondensed";
  26. $NotoSansBold: "NotoSans-SemiCondensedBold";
  27. $NotoSansItalic: "NotoSans-SemiCondensedItalic";
  28. @font-face {
  29. font-family: "NotoSans-SemiCondensed";
  30. src: url($font-path + "noto/NotoSans-SemiCondensed.woff2");
  31. }
  32. @font-face {
  33. font-family: "NotoSans-SemiCondensedBold";
  34. src: url($font-path + "noto/NotoSans-SemiCondensedBold.woff2");
  35. }
  36. @font-face {
  37. font-family: "NotoSans-SemiCondensedItalic";
  38. src: url($font-path + "noto/NotoSans-SemiCondensedItalic.woff2");
  39. }
  40. /**
  41. * Noto Serif
  42. */
  43. $NotoSerif: "NotoSerif-SemiCondensed";
  44. $NotoSerifBold: "NotoSerif-SemiCondensedBold";
  45. $NotoSerifItalic: "NotoSerif-SemiCondensedItalic";
  46. @font-face {
  47. font-family: "NotoSerif-SemiCondensed";
  48. src: url($font-path + "noto/NotoSerif-SemiCondensed.woff2");
  49. }
  50. @font-face {
  51. font-family: "NotoSerif-SemiCondensedBold";
  52. src: url($font-path + "noto/NotoSerif-SemiCondensedBold.woff2");
  53. }
  54. @font-face {
  55. font-family: "NotoSerif-SemiCondensedItalic";
  56. src: url($font-path + "noto/NotoSerif-SemiCondensedItalic.woff2");
  57. }
  58. /**
  59. * Noto Mono
  60. */
  61. $NotoMono: "NotoSansMono-SemiCondensed";
  62. $NotoMonoBold: "NotoSansMono-SemiCondensedBold";
  63. @font-face {
  64. font-family: "NotoSansMono-SemiCondensed";
  65. src: url($font-path + "noto/NotoSansMono-SemiCondensed.woff2");
  66. }
  67. @font-face {
  68. font-family: "NotoSansMono-SemiCondensedBold";
  69. src: url($font-path + "noto/NotoSansMono-SemiCondensedBold.woff2");
  70. }
  71. /**
  72. * Luxi Sans
  73. */
  74. $LuxiSans: "LuxiSans";
  75. $LuxiSansBold: "LuxiSans-Bold";
  76. $LuxiSansItalic: "LuxiSans-Italic";
  77. @font-face {
  78. font-family: "LuxiSans";
  79. src: url($font-path + "luxi/LuxiSans.woff2");
  80. }
  81. @font-face {
  82. font-family: "LuxiSans-Bold";
  83. src: url($font-path + "luxi/LuxiSans-Bold.woff2");
  84. }
  85. @font-face {
  86. font-family: "LuxiSans-Italic";
  87. src: url($font-path + "luxi/LuxiSans-Italic.woff2");
  88. }
  89. /**
  90. * Luxi Serif
  91. */
  92. $LuxiSerif: "LuxiSerif";
  93. $LuxiSerifBold: "LuxiSerif-Bold";
  94. $LuxiSerifItalic: "LuxiSerif-Italic";
  95. @font-face {
  96. font-family: "LuxiSerif";
  97. src: url($font-path + "luxi/LuxiSerif.woff2");
  98. }
  99. @font-face {
  100. font-family: "LuxiSerif-Bold";
  101. src: url($font-path + "luxi/LuxiSerif-Bold.woff2");
  102. }
  103. @font-face {
  104. font-family: "LuxiSerif-Italic";
  105. src: url($font-path + "luxi/LuxiSerif-Italic.woff2");
  106. }
  107. /**
  108. * Luxi Mono
  109. */
  110. $LuxiMono: "LuxiMono";
  111. $LuxiMonoBold: "LuxiMono-Bold";
  112. $LuxiMonoItalic: "LuxiMono-Italic";
  113. @font-face {
  114. font-family: "LuxiMono";
  115. src: url($font-path + "luxi/LuxiMono.woff2");
  116. }
  117. @font-face {
  118. font-family: "LuxiMono-Bold";
  119. src: url($font-path + "luxi/LuxiMono-Bold.woff2");
  120. }
  121. @font-face {
  122. font-family: "LuxiMono-Italic";
  123. src: url($font-path + "luxi/LuxiMono-Italic.woff2");
  124. }
  125. /**
  126. * Computer Modern Sans
  127. */
  128. $CModernSans: "CMUSansSerif";
  129. $CModernSansBold: "CMUSansSerif-Bold";
  130. $CModernSansItalic: "CMUSansSerif-Oblique";
  131. @font-face {
  132. font-family: "CMUSansSerif";
  133. src: url($font-path + "cmodern/CMUSansSerif.woff2");
  134. }
  135. @font-face {
  136. font-family: "CMUSansSerif-Bold";
  137. src: url($font-path + "cmodern/CMUSansSerif-Bold.woff2");
  138. }
  139. @font-face {
  140. font-family: "CMUSansSerif-Oblique";
  141. src: url($font-path + "cmodern/CMUSansSerif-Oblique.woff2");
  142. }
  143. /**
  144. * Computer Modern Serif
  145. */
  146. $CModernSerif: "CMUSerif-Roman";
  147. $CModernSerifBold: "CMUSerif-Bold";
  148. $CModernSerifItalic: "CMUSerif-Italic";
  149. @font-face {
  150. font-family: "CMUSerif-Roman";
  151. src: url($font-path + "cmodern/CMUSerif-Roman.woff2");
  152. }
  153. @font-face {
  154. font-family: "CMUSerif-Bold";
  155. src: url($font-path + "cmodern/CMUSerif-Bold.woff2");
  156. }
  157. @font-face {
  158. font-family: "CMUSerif-Italic";
  159. src: url($font-path + "cmodern/CMUSerif-Italic.woff2");
  160. }
  161. /**
  162. * Computer Modern Mono
  163. */
  164. $CModernMono: "CMUTypewriter-Regular";
  165. $CModernMonoBold: "CMUTypewriter-Bold";
  166. $CModernMonoItalic: "CMUTypewriter-Italic";
  167. @font-face {
  168. font-family: "CMUTypewriter-Regular";
  169. src: url($font-path + "cmodern/CMUTypewriter-Regular.woff2");
  170. }
  171. @font-face {
  172. font-family: "CMUTypewriter-Bold";
  173. src: url($font-path + "cmodern/CMUTypewriter-Bold.woff2");
  174. }
  175. @font-face {
  176. font-family: "CMUTypewriter-Italic";
  177. src: url($font-path + "cmodern/CMUTypewriter-Italic.woff2");
  178. }
  179. /**
  180. * Comic Neue
  181. */
  182. $ComicNeue: "ComicNeue-Regular";
  183. $ComicNeueBold: "ComicNeue-Bold";
  184. $ComicNeueItalic: "ComicNeue-Italic";
  185. @font-face {
  186. font-family: "ComicNeue-Regular";
  187. src: url($font-path + "comic/ComicNeue-Regular.woff2");
  188. }
  189. @font-face {
  190. font-family: "ComicNeue-Bold";
  191. src: url($font-path + "comic/ComicNeue-Bold.woff2");
  192. }
  193. @font-face {
  194. font-family: "ComicNeue-Italic";
  195. src: url($font-path + "comic/ComicNeue-Italic.woff2");
  196. }
  197. /**
  198. * OpenDyslexic
  199. */
  200. $OpenDyslexic: "OpenDyslexic-Regular";
  201. $OpenDyslexicBold: "OpenDyslexic-Bold";
  202. $OpenDyslexicItalic: "OpenDyslexic-Italic";
  203. @font-face {
  204. font-family: "OpenDyslexic-Regular";
  205. src: url($font-path + "dyslex/OpenDyslexic-Regular.woff2");
  206. }
  207. @font-face {
  208. font-family: "OpenDyslexic-Bold";
  209. src: url($font-path + "dyslex/OpenDyslexic-Bold.woff2");
  210. }
  211. @font-face {
  212. font-family: "OpenDyslexic-Italic";
  213. src: url($font-path + "dyslex/OpenDyslexic-Italic.woff2");
  214. }
  215. /*
  216. * Theme Options
  217. */
  218. @mixin font-styles($b, $i, $m, $mb, $mi: null) {
  219. b,
  220. strong {
  221. font-family: $b;
  222. font-weight: normal;
  223. }
  224. /* Font Awesome exception to the Comic Sans rule */
  225. i:not(.fa):not(.fab):not(.fad):not(.fal):not(.far):not(.fas),
  226. em:not(.fa):not(.fab):not(.fad):not(.fal):not(.far):not(.fas) {
  227. font-family: $i;
  228. font-style: normal;
  229. }
  230. code,
  231. pre,
  232. tt {
  233. font-family: $m;
  234. margin-bottom: 1rem;
  235. word-wrap: break-word;
  236. /* word-wrap: pre; */
  237. b,
  238. strong {
  239. font-family: $mb;
  240. font-weight: normal;
  241. }
  242. i,
  243. em {
  244. /* Noto Mono workaround: no italics */
  245. @if ($mi) {
  246. font-family: $mi;
  247. font-style: normal;
  248. }
  249. }
  250. }
  251. }
  252. /* Noto Sans */
  253. body.style_noto_sans {
  254. font-family: $NotoSans, sans-serif;
  255. @include font-styles($NotoSansBold, $NotoSansItalic, $NotoMono, $NotoMonoBold);
  256. }
  257. /* Noto Serif */
  258. body.style_noto_serif {
  259. font-family: $NotoSerif, serif;
  260. @include font-styles($NotoSerifBold, $NotoSerifItalic, $NotoMono, $NotoMonoBold);
  261. }
  262. /* Luxi Sans */
  263. body.style_luxi_sans {
  264. font-family: $LuxiSans, sans-serif;
  265. @include font-styles($LuxiSansBold, $LuxiSansItalic, $LuxiMono, $LuxiMonoBold, $LuxiMonoItalic);
  266. }
  267. /* Luxi Serif */
  268. body.style_luxi_serif {
  269. font-family: $LuxiSerif, serif;
  270. @include font-styles($LuxiSerifBold, $LuxiSerifItalic, $LuxiMono, $LuxiMonoBold, $LuxiMonoItalic);
  271. }
  272. /* Computer Modern Sans */
  273. body.style_cmodern_sans {
  274. font-family: $CModernSans, sans-serif;
  275. @include font-styles($CModernSansBold, $CModernSansItalic, $CModernMono, $CModernMonoBold, $CModernMonoItalic);
  276. }
  277. /* Computer Modern Serif */
  278. body.style_cmodern_serif {
  279. font-family: $CModernSerif, serif;
  280. @include font-styles($CModernSerifBold, $CModernSerifItalic, $CModernMono, $CModernMonoBold, $CModernMonoItalic);
  281. }
  282. /* OpenDyslexic */
  283. body.style_opendyslexic {
  284. font-family: $OpenDyslexic, sans-serif;
  285. @include font-styles($OpenDyslexicBold, $OpenDyslexicItalic, $NotoMono, $NotoMonoBold);
  286. }
  287. /* Comic Neue */
  288. body.style_comic_neue {
  289. font-family: $ComicNeue, sans-serif;
  290. @include font-styles($ComicNeueBold, $ComicNeueItalic, $NotoMono, $NotoMonoBold);
  291. }
  292. /**
  293. * beluga
  294. */
  295. /* latin-ext */
  296. @font-face {
  297. font-family: "Open Sans";
  298. font-style: normal;
  299. font-weight: 400;
  300. src: url($font-path + "misc/OpenSans-Regular.woff2");
  301. }
  302. /* latin */
  303. @font-face {
  304. font-family: "Open Sans";
  305. font-style: normal;
  306. font-weight: 600;
  307. src: url($font-path + "misc/OpenSans-SemiBold.woff2");
  308. }