Nessuna descrizione
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.

_Fabric.Typography.Language.Overrides.scss 5.1KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118
  1. // Copyright (c) Microsoft. All rights reserved. Licensed under the MIT license. See LICENSE in the project root for license information.
  2. //
  3. // Office UI Fabric
  4. // --------------------------------------------------
  5. // Language override definitions
  6. // A mixin that overrides all of the font classes for languages that
  7. // use system fonts. A single font-family is used for all weights.
  8. @mixin language-override-system-fonts($ms-lang-code, $ms-font-family) {
  9. *[lang="#{$ms-lang-code}"] {
  10. .ms-font-mi,
  11. .ms-font-xs,
  12. .ms-font-s,
  13. .ms-font-s-plus,
  14. .ms-font-m,
  15. .ms-font-m-plus,
  16. .ms-font-l,
  17. .ms-font-xl,
  18. .ms-font-xxl,
  19. .ms-font-su,
  20. .ms-fontWeight-light,
  21. .ms-fontWeight-light-hover:hover,
  22. .ms-fontWeight-semilight,
  23. .ms-fontWeight-semilight-hover:hover,
  24. .ms-fontWeight-regular,
  25. .ms-fontWeight-regular-hover:hover,
  26. .ms-fontWeight-semibold,
  27. .ms-fontWeight-semibold-hover:hover {
  28. font-family: $ms-font-family;
  29. }
  30. }
  31. }
  32. // Base font stack.
  33. $ms-font-system-base: 'Segoe UI', Tahoma, Arial, sans-serif;
  34. // Variables for each of the non-distributed (native) font stacks.
  35. $ms-font-stack-japanese: 'Yu Gothic', 'Meiryo UI', Meiryo, 'MS Pgothic', Osaka, $ms-font-system-base;
  36. $ms-font-stack-korean: 'Malgun Gothic', Gulim, $ms-font-system-base;
  37. $ms-font-stack-chinese-simplified: 'Microsoft Yahei', Verdana, Simsun, $ms-font-system-base;
  38. $ms-font-stack-chinese-traditional: 'Microsoft Jhenghei', Pmingliu, $ms-font-system-base;
  39. $ms-font-stack-hindi: 'Nirmala UI', $ms-font-system-base;
  40. //== Web fonts
  41. //
  42. // A mixin that overrides all of the font classes for languages that use
  43. // distributed web fonts. These reference different fonts for each weight.
  44. @mixin language-override-web-fonts($ms-lang-code, $ms-font-family-light, $ms-font-family-semilight, $ms-font-family-regular, $ms-font-family-semibold) {
  45. *[lang="#{$ms-lang-code}"] {
  46. .ms-font-xl,
  47. .ms-font-xxl,
  48. .ms-fontWeight-light,
  49. .ms-fontWeight-light-hover:hover {
  50. font-family: $ms-font-family-light;
  51. }
  52. .ms-font-l,
  53. .ms-font-su,
  54. .ms-fontWeight-semilight,
  55. .ms-fontWeight-semilight-hover:hover {
  56. font-family: $ms-font-family-semilight;
  57. }
  58. .ms-fontWeight-regular,
  59. .ms-fontweight-regular-hover:hover {
  60. font-family: $ms-font-family-regular;
  61. }
  62. .ms-font-mi,
  63. .ms-fontWeight-semibold,
  64. .ms-fontWeight-semibold-hover:hover {
  65. font-family: $ms-font-family-semibold;
  66. }
  67. }
  68. }
  69. // Variables for each of the web font stacks.
  70. // East European
  71. $ms-font-family-light-eastEuropean: 'Segoe UI Light EastEuropean', $ms-font-family-light;
  72. $ms-font-family-semilight-eastEuropean: 'Segoe UI Semilight EastEuropean', $ms-font-family-semilight;
  73. $ms-font-family-regular-eastEuropean: 'Segoe UI Regular EastEuropean', $ms-font-family-regular;
  74. $ms-font-family-semibold-eastEuropean: 'Segoe UI Semibold EastEuropean', $ms-font-family-semibold;
  75. // Cyrillic
  76. $ms-font-family-light-cyrillic: 'Segoe UI Light Cyrillic', $ms-font-family-light;
  77. $ms-font-family-semilight-cyrillic: 'Segoe UI Semilight Cyrillic', $ms-font-family-semilight;
  78. $ms-font-family-regular-cyrillic: 'Segoe UI Regular Cyrillic', $ms-font-family-regular;
  79. $ms-font-family-semibold-cyrillic: 'Segoe UI Semibold Cyrillic', $ms-font-family-semibold;
  80. // Leelawadee
  81. $ms-font-family-semilight-leelawadee: 'Leelawadee UI Semilight', 'Kmer UI', $ms-font-family-semilight;
  82. $ms-font-family-regular-leelawadee: 'Leelawadee UI Regular', 'Kmer UI', $ms-font-family-regular;
  83. $ms-font-family-semibold-leelawadee: 'Leelawadee UI Bold', 'Kmer UI', $ms-font-family-semibold;
  84. // Arabic
  85. $ms-font-family-light-arabic: 'Segoe UI Light Arabic', $ms-font-family-light;
  86. $ms-font-family-semilight-arabic: 'Segoe UI Semilight Arabic', $ms-font-family-semilight;
  87. $ms-font-family-regular-arabic: 'Segoe UI Regular Arabic', $ms-font-family-regular;
  88. $ms-font-family-semibold-arabic: 'Segoe UI Semibold Arabic', $ms-font-family-semibold;
  89. // Greek
  90. $ms-font-family-light-greek: 'Segoe UI Light Greek', $ms-font-family-light;
  91. $ms-font-family-semilight-greek: 'Segoe UI Semilight Greek', $ms-font-family-semilight;
  92. $ms-font-family-regular-greek: 'Segoe UI Regular Greek', $ms-font-family-regular;
  93. $ms-font-family-semibold-greek: 'Segoe UI Semibold Greek', $ms-font-family-semibold;
  94. // Hebrew
  95. $ms-font-family-light-hebrew: 'Segoe UI Light Hebrew', $ms-font-family-light;
  96. $ms-font-family-semilight-hebrew: 'Segoe UI Semilight Hebrew', $ms-font-family-semilight;
  97. $ms-font-family-regular-hebrew: 'Segoe UI Regular Hebrew', $ms-font-family-regular;
  98. $ms-font-family-semibold-hebrew: 'Segoe UI Semibold Hebrew', $ms-font-family-semibold;
  99. // Vietnamese
  100. $ms-font-family-light-vietnamese: 'Segoe UI Light Vietnamese', $ms-font-family-light;
  101. $ms-font-family-semilight-vietnamese: 'Segoe UI Semilight Vietnamese', $ms-font-family-semilight;
  102. $ms-font-family-regular-vietnamese: 'Segoe UI Regular Vietnamese', $ms-font-family-regular;
  103. $ms-font-family-semibold-vietnamese: 'Segoe UI Semibold Vietnamese', $ms-font-family-semibold;