_widgets.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889
  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-sm;
  29. font-weight: 400;
  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_rss {
  38. .rssSummary {
  39. font-family: $font__body;
  40. font-size: $font__size-sm;
  41. }
  42. }
  43. .widget_tag_cloud {
  44. .tagcloud {
  45. font-family: $font__heading;
  46. font-weight: 700;
  47. }
  48. }
  49. .widget_search {
  50. .search-field {
  51. width: 100%;
  52. @include media(mobile) {
  53. width: auto;
  54. }
  55. }
  56. .search-submit {
  57. display: block;
  58. margin-top: $size__spacing-unit;
  59. }
  60. }
  61. .widget_calendar .calendar_wrap {
  62. text-align: center;
  63. table td,
  64. table th {
  65. border: none;
  66. }
  67. a {
  68. text-decoration: underline;
  69. }
  70. }