Default set of themes to ship with Koype. https://koype.net/themes/
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.

_typography.scss 1.6KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109
  1. @import url("//fonts.googleapis.com/css?family=Open+Sans:400,300,700");
  2. // @import url("//fonts.googleapis.com/css?family=Merriweather:400,300,700");
  3. body {
  4. color: $base-font-color;
  5. font-family: $base-font-family;
  6. font-feature-settings: "kern", "liga", "pnum";
  7. font-size: $base-font-size;
  8. line-height: $base-line-height;
  9. }
  10. h1,
  11. h2,
  12. h3,
  13. h4,
  14. h5,
  15. h6 {
  16. font-family: $heading-font-family;
  17. font-size: $base-font-size;
  18. line-height: $heading-line-height;
  19. margin: 0 0 $small-spacing;
  20. font-weight: 300;
  21. }
  22. h1 {
  23. font-size: rem(30);
  24. }
  25. h2 {
  26. font-size: rem(26);
  27. }
  28. h3 {
  29. font-size: rem(24);
  30. }
  31. h4 {
  32. font-size: rem(20);
  33. }
  34. h5,
  35. h6 {
  36. font-size: rem(16);
  37. }
  38. p {
  39. margin: 0 0 $small-spacing;
  40. &.lead {
  41. font-size: rem(22);
  42. font-weight: 300;
  43. }
  44. }
  45. a {
  46. color: $action-color;
  47. text-decoration: none;
  48. transition: color $base-duration $base-timing;
  49. &:active,
  50. &:focus,
  51. &:hover {
  52. color: shade($action-color, 25%);
  53. }
  54. }
  55. hr {
  56. border-bottom: $base-border;
  57. border-left: 0;
  58. border-right: 0;
  59. border-top: 0;
  60. margin: $base-spacing 0;
  61. }
  62. img,
  63. picture {
  64. margin: 0;
  65. max-width: 100%;
  66. }
  67. blockquote {
  68. padding: 0 0 0 $base-spacing;
  69. margin: $base-spacing 0;
  70. color: $medium-gray-color;
  71. line-height: 1.8;
  72. border-left: $small-spacing solid $light-gray-color;
  73. }
  74. code {
  75. background: none;
  76. border-radius: 0;
  77. border: none;
  78. font-family: "Courier New", monospace;
  79. font-size: 0.9em;
  80. margin: 0;
  81. padding: 0 5px;
  82. background-color: lighten($light-gray-color, 13%);
  83. }
  84. pre {
  85. -webkit-overflow-scrolling: touch;
  86. font-family: "Courier New", monospace;
  87. font-size: 0.9em;
  88. margin: 0;
  89. code {
  90. line-height: 1.75em;
  91. }
  92. }