_fonts.scss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. @import '../fonts/libertinus/libertinus.css';
  2. @import '../fonts/notosans/notosans.css';
  3. // @import '../fonts/notosans/notosans-semicondensed.css';
  4. // @import '../fonts/notosans/notosans-condensed.css';
  5. // @import '../fonts/notosans/notosans-extracondensed.css';
  6. @mixin fontsans {
  7. font-family: "noto_sans";
  8. }
  9. @mixin fontserif {
  10. font-family: 'libertinus_serif';
  11. }
  12. body{
  13. @include fontserif;
  14. font-weight: 400;
  15. // font-family: 'noto_sans';
  16. // font-weight: 900;
  17. // font-style: italic;
  18. }
  19. #header-menu,
  20. #footer-tabs,
  21. #search,
  22. footer[role="tools"] .row>header,
  23. footer[role="tools"] .row>nav{
  24. @include fontsans;
  25. }
  26. @mixin title1blue {
  27. @include fontserif;
  28. font-size: 2.268em;
  29. color: $bleuroi;
  30. font-weight: 400;
  31. margin:0;
  32. line-height: $base-line;
  33. }
  34. @mixin title1black {
  35. @include fontserif;
  36. font-size: 1.512em;
  37. color: $grisfonce;
  38. font-weight: 400;
  39. margin:0;
  40. line-height: $base-line;
  41. }
  42. @mixin title2black {
  43. @include fontserif;
  44. font-size: 1.134em;
  45. color: $grisfonce;
  46. font-weight: 400;
  47. margin:0;
  48. line-height: $base-line / 2;
  49. }
  50. @mixin title2blue {
  51. @include fontserif;
  52. font-size: 1.134em;
  53. color: $grisfonce;
  54. font-weight: 400;
  55. margin:0;
  56. line-height: $base-line / 2;
  57. }
  58. @mixin title3black {
  59. @include fontserif;
  60. font-size: 1em;
  61. color: $grisfonce;
  62. font-weight: 400;
  63. margin:0;
  64. line-height: $base-line / 2;
  65. }
  66. @mixin title4black {
  67. @include fontserif;
  68. font-size: 0.882em;;
  69. color: $grisfonce;
  70. font-weight: 400;
  71. margin:0;
  72. line-height: $base-line / 2;
  73. }
  74. @mixin title4grey {
  75. @include fontserif;
  76. font-size: 0.882em;;
  77. color: $gris;
  78. font-weight: 400;
  79. margin:0;
  80. }
  81. // TEI
  82. @mixin teititlefrontblue {
  83. @include fontserif;
  84. font-size: 2.6em;
  85. color: $bleuroi;
  86. font-weight: 400;
  87. margin:0;
  88. text-align: center;
  89. line-height: $base-line * 1.5;
  90. }
  91. @mixin teititle1blue {
  92. @include fontserif;
  93. font-size: 1.8em;
  94. color: $bleuroi;
  95. font-weight: 400;
  96. margin:0;
  97. line-height: $base-line;
  98. }
  99. @mixin titleSansRed {
  100. font-family: "noto_sans";
  101. color: $rouge;
  102. font-weight: 400;
  103. line-height: $base-line;
  104. }
  105. @mixin fontcaption {
  106. @include fontsans;
  107. font-size: 0.756em;
  108. line-height: 1.1em;
  109. }