No Description

_widgets.scss 1.5KB

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