Changeset 43842 for branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss
- Timestamp:
- 10/30/2018 02:13:07 AM (6 years ago)
- File:
-
- 1 edited
Legend:
- Unmodified
- Added
- Removed
-
branches/5.0/src/wp-content/themes/twentynineteen/sass/site/primary/_posts-and-pages.scss
r43808 r43842 25 25 } 26 26 27 . hentry {27 .entry { 28 28 29 29 margin-top: calc(6 * #{$size__spacing-unit}); … … 40 40 @include media(tablet) { 41 41 margin: calc(3 * #{ $size__spacing-unit}) calc(2 * (100vw / 12 ) ) $size__spacing-unit; 42 43 .featured-image & {44 margin-bottom: 0;45 }46 42 } 47 43 } … … 70 66 71 67 margin-right: $size__spacing-unit; 68 display: inline-block; 72 69 73 70 &:last-child { … … 96 93 97 94 .entry-meta { 98 99 95 margin: $size__spacing-unit 0; 100 101 &.has-discussion .comment-count {102 103 @include media(desktop) {104 float: right;105 position: relative;106 }107 108 .discussion-avatar-list {109 display: none;110 111 @include media(desktop) {112 bottom: 100%;113 display: block;114 position: absolute;115 }116 }117 }118 96 } 119 97 … … 123 101 124 102 @include media(tablet) { 125 margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12));103 margin: $size__spacing-unit calc(2 * (100vw / 12)) calc(3 * #{$size__spacing-unit}); 126 104 max-width: calc(8 * (100vw / 12)); 127 105 } … … 163 141 164 142 .post-thumbnail-inner { 165 @include filter-grayscale; 143 filter: grayscale(100%); 144 145 &:after { 146 background: rgba(#000, 0.35); 147 content: ""; 148 display: block; 149 height: 100%; 150 opacity: .5; 151 pointer-events: none; 152 position: absolute; 153 top: 0; 154 width: 100%; 155 z-index: 4; 156 157 @supports (mix-blend-mode: multiply) { 158 display: none; 159 } 160 } 166 161 } 167 162 … … 173 168 top: 0; left: 0; 174 169 content: "\020"; 175 display: block;176 170 pointer-events: none; 177 171 } 178 172 179 173 @include filter-duotone; 180 181 } 182 174 175 } 183 176 } 184 177 185 178 .entry-content { 179 180 p { 181 word-wrap: break-word; 182 } 186 183 187 184 .more-link { … … 191 188 192 189 &:after { 193 content: " »";190 content: "\02192"; 194 191 margin-left: 0.5em; 195 192 } … … 239 236 } 240 237 } 238 239 /* Author description */ 240 241 .author-bio { 242 243 margin: calc(2 * #{$size__spacing-unit}) $size__spacing-unit $size__spacing-unit; 244 245 @include media(tablet) { 246 margin: calc(3 * #{$size__spacing-unit}) calc(2 * (100vw / 12)); 247 max-width: calc(8 * (100vw / 12)); 248 } 249 250 @include media(tablet) { 251 max-width: calc(6 * (100vw / 12)); 252 } 253 254 .author-title { 255 @include post-section-dash; 256 display: inline; 257 } 258 259 .author-description { 260 261 display: inline; 262 color: $color__text-light; 263 font-size: $font__size-md; 264 line-height: $font__line-height-heading; 265 266 .author-link { 267 display: inline-block; 268 269 &:hover { 270 color: $color__link-hover; 271 text-decoration: none; 272 } 273 } 274 } 275 }
Note: See TracChangeset
for help on using the changeset viewer.