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.

111 lines
2.0 KiB

3 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. //
  2. // Reboot
  3. // --------------------------------------------------
  4. // Import Inter font
  5. // inter-300 - latin
  6. @font-face {
  7. font-family: "Inter";
  8. font-style: normal;
  9. font-weight: 300;
  10. src: local(""),
  11. url("../fonts/inter/inter-v11-latin-300.woff2") format("woff2");
  12. }
  13. // inter-regular - latin
  14. @font-face {
  15. font-family: "Inter";
  16. font-style: normal;
  17. font-weight: 400;
  18. src: local(""),
  19. url("../fonts/inter/inter-v11-latin-regular.woff2") format("woff2");
  20. }
  21. // inter-500 - latin
  22. @font-face {
  23. font-family: "Inter";
  24. font-style: normal;
  25. font-weight: 500;
  26. src: local(""),
  27. url("../fonts/inter/inter-v11-latin-500.woff2") format("woff2");
  28. }
  29. // inter-600 - latin
  30. @font-face {
  31. font-family: "Inter";
  32. font-style: normal;
  33. font-weight: 600;
  34. src: local(""),
  35. url("../fonts/inter/inter-v11-latin-600.woff2") format("woff2");
  36. }
  37. // inter-700 - latin
  38. @font-face {
  39. font-family: "Inter";
  40. font-style: normal;
  41. font-weight: 700;
  42. src: local(""),
  43. url("../fonts/inter/inter-v11-latin-700.woff2") format("woff2");
  44. }
  45. // Emphasis
  46. b,
  47. strong {
  48. font-weight: $font-weight-bold;
  49. }
  50. // Links
  51. a {
  52. transition: color .12s ease-out;
  53. @include media-breakpoint-up(sm) {
  54. &.link-fx {
  55. position: relative;
  56. &::before {
  57. position: absolute;
  58. bottom: 0;
  59. left: 0;
  60. width: 100%;
  61. height: 2px;
  62. content: '';
  63. background-color: $link-color;
  64. visibility: hidden;
  65. transform: scaleX(0);
  66. transform-origin: 0 50%;
  67. transition: transform .2s ease-out;
  68. }
  69. }
  70. }
  71. &.link-fx:hover::before,
  72. &.link-fx:focus::before {
  73. visibility: visible;
  74. transform: scaleX(1);
  75. }
  76. }
  77. // Paragraphs
  78. p {
  79. line-height: $paragraph-line-height;
  80. }
  81. .story p,
  82. p.story {
  83. line-height: $paragraph-line-height;
  84. font-size: $font-size-lg;
  85. color: $gray-700;
  86. @include media-breakpoint-up(sm) {
  87. line-height: $paragraph-line-height-lg;
  88. }
  89. }
  90. .story {
  91. h2,
  92. h3,
  93. h4 {
  94. margin-top: 3rem;
  95. }
  96. }