_archives.scss 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788
  1. .archive .page-header,
  2. .search .page-header,
  3. .error404 .page-header {
  4. margin: $size__spacing-unit $size__spacing-unit calc(3 * #{$size__spacing-unit});
  5. @include media(tablet) {
  6. margin: 32px auto;
  7. max-width: $size__site-tablet-content;
  8. }
  9. @include media(desktop) {
  10. max-width: $size__site-desktop-content;
  11. }
  12. .page-title {
  13. color: $color__text-main-alt;
  14. display: inline;
  15. letter-spacing: normal;
  16. font-weight: $font__weight_semi_bold;
  17. &:before {
  18. display: none;
  19. }
  20. }
  21. .search-term,
  22. .page-description {
  23. display: inherit;
  24. clear: both;
  25. &:after {
  26. content: ".";
  27. font-weight: bold;
  28. color: $color__text-light;
  29. }
  30. }
  31. }
  32. .archive .page-header .page-description, .search .page-header .page-description {
  33. display: block;
  34. color: $color__text-main;
  35. font-size: 1em;
  36. font-weight: $font__weight_semi_bold;
  37. }
  38. .hfeed .entry .entry-header {
  39. @include media(tablet) {
  40. margin: calc(3 * 1rem) auto calc(1rem / 2);
  41. max-width: $size__site-tablet-content;
  42. }
  43. @include media(desktop) {
  44. max-width: $size__site-desktop-content;
  45. }
  46. }
  47. /* 404 & Not found */
  48. .error-404.not-found,
  49. .no-results.not-found {
  50. .page-title,
  51. .page-content {
  52. margin: calc(3 * #{$size__spacing-unit}) #{$size__spacing-unit};
  53. @include media(tablet) {
  54. margin: 32px auto;
  55. max-width: $size__site-tablet-content;
  56. }
  57. @include media(desktop) {
  58. max-width: $size__site-desktop-content;
  59. }
  60. }
  61. .search-submit {
  62. vertical-align: middle;
  63. margin: $size__spacing-unit 0;
  64. }
  65. .search-field {
  66. width: 100%;
  67. }
  68. }