_global.scss 916 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980
  1. // Global styling for this template
  2. body,
  3. html {
  4. width: 100%;
  5. height: 100%;
  6. }
  7. body {
  8. @include serif-font;
  9. }
  10. hr {
  11. max-width: 50px;
  12. border-width: 3px;
  13. border-color: $primary;
  14. }
  15. hr.light {
  16. border-color: $white;
  17. }
  18. a {
  19. color: $primary;
  20. @include transition-all;
  21. &:hover {
  22. color: darken($primary, .1);
  23. }
  24. }
  25. h1,
  26. h2,
  27. h3,
  28. h4,
  29. h5,
  30. h6 {
  31. @include sans-serif-font;
  32. }
  33. .bg-primary {
  34. background-color: $primary !important;
  35. }
  36. .bg-dark {
  37. background-color: $gray-900 !important;
  38. }
  39. .text-faded {
  40. color: fade-out($white, .3);
  41. }
  42. section {
  43. padding: 8rem 0;
  44. }
  45. .section-heading {
  46. margin-top: 0;
  47. }
  48. ::-moz-selection {
  49. color: $white;
  50. background: $gray-900;
  51. text-shadow: none;
  52. }
  53. ::selection {
  54. color: $white;
  55. background: $gray-900;
  56. text-shadow: none;
  57. }
  58. img::selection {
  59. color: $white;
  60. background: transparent;
  61. }
  62. img::-moz-selection {
  63. color: $white;
  64. background: transparent;
  65. }