hscc

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

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 }