_widgets.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  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-light;
  27. font-family: $font__heading;
  28. font-size: $font__size-md;
  29. font-weight: $font__weight_semi_bold;
  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. font-size: $font__size-sm;
  54. font-weight: $font__weight_semi_bold;
  55. }
  56. }
  57. .widget_calendar .calendar_wrap {
  58. text-align: center;
  59. table td,
  60. table th {
  61. border: none;
  62. }
  63. a {
  64. text-decoration: underline;
  65. }
  66. }