_blog.scss 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114
  1. /** Extra columns spacing **/
  2. .extra-spacing:not(.col-12), :not(.col12) > .e-content {
  3. padding-right: 1rem;
  4. @include breakpoint(md) {
  5. padding-right: 0;
  6. }
  7. }
  8. /** Breadcrumbs styling **/
  9. #breadcrumbs {
  10. padding-left: 0;
  11. display: flex;
  12. align-items: center;
  13. margin-top: -1rem;
  14. margin-bottom: 1rem;
  15. i {
  16. display: none;
  17. }
  18. span, a {
  19. padding: 0 0.5rem;
  20. &:first-child {
  21. padding-left: 0;
  22. }
  23. }
  24. span, a {
  25. &:not(:first-child)::before {
  26. color: #e7e9ed;
  27. content: "/";
  28. padding-right: 1rem;
  29. }
  30. }
  31. }
  32. /** Blog Listing **/
  33. .blog-listing {
  34. .bricklayer-column {
  35. padding-left: 0px;
  36. padding-right: 25px;
  37. }
  38. .card {
  39. margin-bottom: 25px;
  40. border: 0;
  41. box-shadow: 0 10px 45px -9px rgba(0,0,0,0.1);
  42. }
  43. .card-footer {
  44. text-align: right;
  45. }
  46. .blog-date {
  47. font-size: 13px;
  48. }
  49. .label {
  50. }
  51. }
  52. /** Blog Item **/
  53. .content-title {
  54. margin-bottom: 2rem;
  55. h2 {
  56. margin-bottom: 0.5rem;
  57. }
  58. }
  59. .label {
  60. font-size: 12px;
  61. text-transform: uppercase;
  62. }
  63. /** Pagination **/
  64. ul.pagination {
  65. justify-content: center;
  66. }
  67. .prev-next {
  68. margin-top: 4rem;
  69. }
  70. /** Sidebar specific tweaks **/
  71. #sidebar {
  72. ul.related-pages {
  73. box-shadow: none;
  74. padding: 0;
  75. z-index: 1;
  76. li {
  77. border-bottom: 1px solid $border-color;
  78. &:last-child {
  79. border-bottom: 0;
  80. }
  81. }
  82. }
  83. ul.archives {
  84. list-style: none;
  85. margin-left: 0;
  86. .label {
  87. vertical-align: text-top;
  88. }
  89. }
  90. }