_blog-sidebar.scss 2.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  1. .widget {
  2. margin-bottom: 30px;
  3. padding-bottom: 35px;
  4. .widget-title {
  5. margin-bottom: 15px;
  6. padding-bottom: 10px;
  7. font-size: 16px;
  8. color: #333;
  9. font-weight: 500;
  10. border-bottom: 1px solid $border-color;
  11. }
  12. // latest Posts
  13. &.widget-latest-post {
  14. .media {
  15. .media-object {
  16. width: 100px;
  17. height: auto;
  18. }
  19. .media-heading {
  20. a {
  21. color: $black;
  22. font-size: 16px;
  23. }
  24. }
  25. p {
  26. font-size: 12px;
  27. color: #808080;
  28. }
  29. }
  30. }
  31. //end latest posts
  32. // Caterogry
  33. &.widget-category {
  34. ul {
  35. li {
  36. margin-bottom: 10px;
  37. a {
  38. color: #837f7e;
  39. @include transition (all, 0.3s, ease);
  40. &:before {
  41. padding-right: 10px;
  42. }
  43. &:hover {
  44. color: $primary-color;
  45. padding-left: 5px;
  46. }
  47. }
  48. }
  49. }
  50. }
  51. //end caterogry
  52. // Tag Cloud
  53. &.widget-tag {
  54. ul {
  55. li {
  56. margin-bottom: 10px;
  57. display: inline-block;
  58. margin-right: 5px;
  59. a {
  60. color: #837f7e;
  61. display: inline-block;
  62. padding: 8px 15px;
  63. border: 1px solid #dedede;
  64. border-radius: 30px;
  65. font-size: 14px;
  66. @include transition (all, 0.3s, ease);
  67. &:hover {
  68. color: $light;
  69. background: $primary-color;
  70. border: 1px solid $primary-color;
  71. }
  72. }
  73. }
  74. }
  75. }
  76. }