[Summary view] [Print] [Text view]

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