first

wp-content/themes/twentynineteen/sass/site/secondary/_widgets.scss

@@ -0,0 +1,107 @@
+.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;
+		text-decoration-thickness: 2px;
+	}
+
+	.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%;
+	}
+}