_elements.scss 981 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687
  1. html {
  2. box-sizing: border-box;
  3. }
  4. ::-moz-selection {
  5. background-color: $color__background_selection;
  6. }
  7. ::selection {
  8. background-color: $color__background_selection;
  9. }
  10. *,
  11. *:before,
  12. *:after {
  13. box-sizing: inherit;
  14. }
  15. body {
  16. background-color: $color__background-body;
  17. }
  18. a {
  19. @include link-transition;
  20. color: $color__link;
  21. }
  22. a:visited {
  23. }
  24. a:hover,
  25. a:active {
  26. color: $color__link-hover;
  27. outline: 0;
  28. text-decoration: none;
  29. }
  30. a:focus {
  31. outline: thin;
  32. outline-style: dotted;
  33. text-decoration: underline;
  34. }
  35. h1,
  36. h2,
  37. h3,
  38. h4,
  39. h5,
  40. h6 {
  41. clear: both;
  42. margin: $size__spacing-unit 0;
  43. }
  44. hr {
  45. background-color: $color__text-light;
  46. border: 0;
  47. height: 2px;
  48. }
  49. @import "lists";
  50. img {
  51. height: auto;
  52. max-width: 100%;
  53. position: relative;
  54. }
  55. figure {
  56. margin: 0;
  57. }
  58. blockquote {
  59. border-left: 2px solid $color__link;
  60. margin-left: 0;
  61. padding: 0 0 0 $size__spacing-unit;
  62. > p {
  63. margin: 0 0 $size__spacing-unit;
  64. }
  65. cite {
  66. color: $color__text-light;
  67. }
  68. }
  69. @import "tables";