_archives.scss 1.3 KB

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