_archives.scss 1.2 KB

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