_archives.scss 1.2 KB

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