hscc

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

_hentry.scss (2167B)


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