_widgets.scss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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. .widget-title {
  14. font-size: $font__size-md;
  15. text-align: left;
  16. }
  17. }
  18. .widget_archive,
  19. .widget_categories,
  20. .widget_meta,
  21. .widget_nav_menu,
  22. .widget_pages,
  23. .widget_recent_comments,
  24. .widget_recent_entries,
  25. .widget_rss {
  26. ul {
  27. padding: 0;
  28. list-style: none;
  29. li {
  30. color: $color__text-light;
  31. font-family: $font__heading;
  32. font-size: calc(#{$font__size_base} * #{$font__size-ratio});
  33. font-weight: 700;
  34. line-height: $font__line-height-heading;
  35. margin-top: #{0.5 * $size__spacing-unit};
  36. margin-bottom: #{0.5 * $size__spacing-unit};
  37. }
  38. @include nestedSubMenuPadding();
  39. }
  40. }
  41. .widget_tag_cloud {
  42. .tagcloud {
  43. font-family: $font__heading;
  44. font-weight: 700;
  45. }
  46. }
  47. .widget_search {
  48. .search-field {
  49. width: 100%;
  50. @include media(mobile) {
  51. width: auto;
  52. }
  53. }
  54. .search-submit {
  55. display: block;
  56. margin-top: $size__spacing-unit;
  57. }
  58. }
  59. .widget_calendar .calendar_wrap {
  60. text-align: center;
  61. table td,
  62. table th {
  63. border: none;
  64. }
  65. a {
  66. text-decoration: underline;
  67. }
  68. }