angelovcom.net

Unnamed repository; edit this file 'description' to name the repository.
Log | Files | Refs

_widgets.scss (1524B)

      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 	}
     85 
     86 	.wp-calendar-table {
     87 		margin-bottom: 0;
     88 	}
     89 
     90 	.wp-calendar-nav {
     91 		margin: 0 0 $size__spacing-unit;
     92 		display: table;
     93 		width: 100%;
     94 		@include font-family( $font__heading );
     95 
     96 		span {
     97 			display: table-cell;
     98 			padding: 0.5em;
     99 		}
    100 	}
    101 
    102 	.wp-calendar-nav-prev,
    103 	.wp-calendar-nav-next {
    104 		width: 40%;
    105 	}
    106 }