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

107 lines
1.5 KiB
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;
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%;
}
}