widgets.scss (2745B)
1 .widget-area { 2 @extend %responsive-alignwide-width; 3 margin-top: calc(6 * var(--global--spacing-vertical)); 4 padding-bottom: calc(var(--global--spacing-vertical) / 3); 5 color: var(--footer--color-text); 6 font-size: var(--footer--font-size); 7 font-family: var(--footer--font-family); 8 9 @include media(laptop) { 10 display: grid; 11 grid-template-columns: repeat(2, 1fr); 12 column-gap: calc(2 * var(--global--spacing-horizontal)); 13 } 14 15 @include media(wide) { 16 grid-template-columns: repeat(3, 1fr); 17 } 18 19 @include media(mobile-only) { 20 margin-top: calc(3 * var(--global--spacing-vertical)); 21 } 22 23 ul { 24 list-style-type: none; 25 padding: 0; 26 27 li { 28 line-height: var(--widget--line-height-list); 29 } 30 31 &.sub-menu, 32 &.children { 33 margin-left: var(--widget--spacing-menu); 34 } 35 36 .sub-menu-toggle { 37 display: none; 38 } 39 } 40 41 a { 42 color: var(--footer--color-link); 43 text-decoration: underline; 44 text-decoration-style: solid; 45 text-decoration-color: currentColor; 46 47 &:link, 48 &:visited, 49 &:active { 50 color: var(--footer--color-link); 51 } 52 53 &:hover { 54 color: var(--footer--color-link-hover); 55 text-decoration-style: dotted; 56 } 57 } 58 59 .wp-block-social-links { 60 61 &.alignright { 62 margin-top: var(--global--spacing-vertical); 63 justify-content: flex-end; 64 } 65 66 &.alignleft { 67 margin-top: var(--global--spacing-vertical); 68 } 69 } 70 71 &:after { 72 content: ""; 73 display: table; 74 clear: both; 75 } 76 } 77 78 .widget { 79 80 h1, 81 h2, 82 h3, 83 h4, 84 h5, 85 h6 { 86 font-weight: var(--widget--font-weight-title); 87 line-height: var(--widget--line-height-title); 88 } 89 90 h1 { 91 font-size: var(--global--font-size-md); 92 } 93 94 h2 { 95 font-size: var(--global--font-size-sm); 96 } 97 98 h3 { 99 font-size: var(--global--font-size-xs); 100 } 101 102 h4 { 103 font-size: var(--global--font-size-xs); 104 } 105 106 h5 { 107 font-size: var(--global--font-size-xs); 108 } 109 110 h6 { 111 font-size: var(--global--font-size-xs); 112 } 113 } 114 115 // Search widget styles 116 .search-form { 117 display: flex; 118 flex-wrap: wrap; 119 margin: auto; 120 max-width: var(--responsive--aligndefault-width); 121 122 > label { 123 width: 100%; 124 margin-bottom: 0; 125 font-weight: var(--form--label-weight); 126 } 127 128 .search-field { 129 flex-grow: 1; 130 max-width: inherit; 131 margin-top: calc(var(--global--spacing-vertical) / 3); 132 margin-right: calc(0.66 * var(--global--spacing-horizontal)); 133 } 134 135 .search-submit { 136 margin-top: calc(var(--global--spacing-vertical) / 3); 137 margin-left: 10px; 138 } 139 } 140 141 .widget_search > .search-form { 142 143 .search-field { 144 margin-right: calc(-1 * var(--button--border-width)); 145 -webkit-appearance: none; 146 margin-bottom: calc(0.5 * var(--global--spacing-vertical)); 147 } 148 149 .search-submit { 150 margin-left: 0; 151 margin-bottom: calc(0.5 * var(--global--spacing-vertical)); 152 } 153 } 154 155 .widget_rss a.rsswidget .rss-widget-icon { 156 display: none; 157 }