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.

72 lines
1.3 KiB

  1. .title,
  2. .subtitle
  3. @extend .block
  4. font-weight: $weight-title-normal
  5. word-break: break-word
  6. em,
  7. span
  8. font-weight: $weight-title-normal
  9. a
  10. &:hover
  11. border-bottom: 1px solid
  12. strong
  13. font-weight: $weight-title-bold
  14. .tag
  15. vertical-align: bottom
  16. .title
  17. color: $text-strong
  18. font-size: $size-large
  19. line-height: 1
  20. code
  21. display: inline-block
  22. font-size: $size-large
  23. strong
  24. color: inherit
  25. & + .highlight
  26. margin-top: -10px
  27. & + .subtitle
  28. margin-top: -10px
  29. // Colors
  30. @each $size in $sizes
  31. $i: index($sizes, $size)
  32. &.is-#{$i}
  33. font-size: $size
  34. code
  35. font-size: nth($sizes, min($i + 1, 6))
  36. // Modifiers
  37. &.is-normal
  38. font-weight: 400
  39. strong
  40. font-weight: 700
  41. // Responsiveness
  42. +tablet
  43. & + .subtitle
  44. margin-top: -15px
  45. .subtitle
  46. color: $text
  47. font-size: $size-medium
  48. line-height: 1.125
  49. code
  50. border-radius: $radius
  51. display: inline-block
  52. font-size: $size-normal
  53. padding: 2px 3px
  54. vertical-align: top
  55. strong
  56. color: $text-strong
  57. & + .title
  58. margin-top: -20px
  59. // Colors
  60. @each $size in $sizes
  61. $i: index($sizes, $size)
  62. &.is-#{$i}
  63. font-size: $size
  64. code
  65. font-size: nth($sizes, min($i + 1, 6))
  66. // Modifiers
  67. &.is-normal
  68. font-weight: 400
  69. strong
  70. font-weight: 700