hentry.css (2018B)
1 /* @module hentry */ 2 3 .hentry > * + *:not(h1.p-name):not(h2.p-name), 4 .hentry .p-content > * + *:not(h1.p-name):not(h2.p-name) { 5 margin-bottom: 0; 6 margin-top: 1.5em; 7 } 8 9 .hentry .p-content :last-child { 10 margin-bottom: 0; 11 } 12 13 .hentry .u-in-reply-to { 14 word-break: break-all; 15 } 16 17 .hentry h1.p-name .u-bookmark-of, 18 .hentry h2.p-name .u-url { 19 all: inherit; 20 } 21 22 .hentry h1.p-name .u-bookmark-of:after { 23 display: none; 24 } 25 26 /* hentry in feed */ 27 .hfeed .hentry { 28 border-top: 1px solid var(--base-br); 29 padding-bottom: calc(var(--base-space) * 10); 30 padding-top: calc(var(--base-space) * 10); 31 position: relative; 32 } 33 34 .hfeed .hentry:focus-within, 35 .hfeed .hentry:hover { 36 background: white; 37 box-shadow: 0 0 0 0.75rem white; 38 } 39 40 .hfeed .hentry a:not(.u-url) { 41 position: relative; 42 z-index: 1; 43 } 44 45 /* to spread the click zone */ 46 .hfeed .hentry .u-url::after { 47 bottom: 0; 48 cursor: pointer; 49 content: ''; 50 left: 0; 51 position: absolute; 52 right: 0; 53 top: 0; 54 } 55 56 .hentry__posttype { 57 align-items: center; 58 color: var(--base-darkest-grey); 59 display: flex; 60 flex-wrap: wrap; 61 font-size: 14px; 62 } 63 64 .hentry__posttype > svg { 65 margin-right: calc(var(--base-space) * 1); 66 } 67 68 .hentry__posttype > cite { 69 margin-left: calc(var(--base-space) * 1); 70 } 71 72 .hentry__categories { 73 align-items: center; 74 display: inline-flex; 75 flex-wrap: wrap; 76 list-style-type: none; 77 padding: 0; 78 } 79 80 .hentry__categories li { 81 display: inline-block; 82 margin: 0 calc(var(--base-space) * 2) calc(var(--base-space) * 2) 0; 83 } 84 85 .hentry__categories .p-category { 86 border: 1px solid var(--base-link-bg); 87 color: var(--base-darkest-grey); 88 font-style: italic; 89 padding: 0.25rem; 90 } 91 92 .hentry__footer { 93 font-size: calc(1rem * calc(13 / 16)); 94 } 95 96 .hentry__footer .u-url { 97 display: inline-block; 98 vertical-align: middle; 99 } 100 101 .hentry__footer > * + * { 102 margin-bottom: 0; 103 margin-top: calc(var(--base-space) * 4); 104 } 105 106 article.hentry > .hentry__footer { 107 border-top: 1px solid var(--base-grey); 108 padding-top: calc(var(--base-space) * 4); 109 }