hscc

Soure code of <https://hugo.soucy.cc>.
git clone git://soucy.cc/hscc.git
Log | Files | Refs

hentry.css (2058B)


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