_widgets.scss 1.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081
  1. .widget {
  2. margin: 0 0 #{$size__spacing-unit};
  3. /* Make sure select elements fit in widgets. */
  4. select {
  5. max-width: 100%;
  6. }
  7. a {
  8. color: $color__link;
  9. &:hover {
  10. color: $color__link-hover;
  11. }
  12. }
  13. }
  14. .widget_archive,
  15. .widget_categories,
  16. .widget_meta,
  17. .widget_nav_menu,
  18. .widget_pages,
  19. .widget_recent_comments,
  20. .widget_recent_entries,
  21. .widget_rss {
  22. ul {
  23. padding: 0;
  24. list-style: none;
  25. li {
  26. color: $color__text-dark;
  27. font-family: $font__heading;
  28. font-size: calc(#{$font__size_base} * #{$font__size-ratio});
  29. font-weight: 700;
  30. line-height: $font__line-height-heading;
  31. margin-top: #{0.5 * $size__spacing-unit};
  32. margin-bottom: #{0.5 * $size__spacing-unit};
  33. }
  34. @include nestedSubMenuPadding();
  35. }
  36. }
  37. .widget_tag_cloud {
  38. .tagcloud {
  39. font-family: $font__heading;
  40. font-weight: 700;
  41. }
  42. }
  43. .widget_search {
  44. .search-field {
  45. width: 100%;
  46. @include media(mobile) {
  47. width: auto;
  48. }
  49. }
  50. .search-submit {
  51. display: block;
  52. margin-top: $size__spacing-unit;
  53. }
  54. }
  55. .widget_calendar .calendar_wrap {
  56. text-align: center;
  57. table td,
  58. table th {
  59. border: none;
  60. }
  61. a {
  62. text-decoration: underline;
  63. }
  64. }