22

✏️ Editing: _widgets.scss

.widget {
	margin: 0 0 #{$size__spacing-unit};

.widget-title {
 		font-size: $font__size-lg;
 	}

/* Make sure select elements fit in widgets. */
	select {
		max-width: 100%;
	}

a {
		color: $color__link;

&:hover {
			color: $color__link-hover;
		}
	}
}

.widget_archive,
.widget_categories,
.widget_meta,
.widget_nav_menu,
.widget_pages,
.widget_recent_comments,
.widget_recent_entries,
.widget_rss {

ul {
		padding: 0;
		list-style: none;

li {
			color: $color__text-light;
			@include font-family( $font__heading );
			font-size: calc(#{$font__size_base} * #{$font__size-ratio});
			font-weight: 700;
			line-height: $font__line-height-heading;
			margin-top: #{0.5 * $size__spacing-unit};
			margin-bottom: #{0.5 * $size__spacing-unit};
		}

@include nestedSubMenuPadding();
	}
}

.widget_tag_cloud {

.tagcloud {
		@include font-family( $font__heading );
		font-weight: 700;
	}
}

.widget_search {

.search-field {
		width: 100%;

@include media(mobile) {
			width: auto;
		}
	}

.search-submit {
		display: block;
		margin-top: $size__spacing-unit;
	}
}

.widget_calendar .calendar_wrap {
	text-align: center;

table td,
	table th {
		border: none;
	}

a {
		text-decoration: underline;
	}

.wp-calendar-table {
		margin-bottom: 0;
	}

.wp-calendar-nav {
		margin: 0 0 $size__spacing-unit;
		display: table;
		width: 100%;
		@include font-family( $font__heading );

span {
			display: table-cell;
			padding: 0.5em;
		}
	}

.wp-calendar-nav-prev,
	.wp-calendar-nav-next {
		width: 40%;
	}
}

MR SKB