dh_demo

DreamHanks demo project
git clone git://git.lair.cx/dh_demo
Log | Files | Refs | README

ThreadCommentView.module.scss (650B)

      1 @use 'core/vars';
      2 @use 'core/elevate';
      3 @use 'core/colors';
      4 @use 'core/typography';
      5 
      6 .comment {
      7   margin-bottom: vars.$gap;
      8   padding: 1rem;
      9   border-radius: 0.25rem;
     10   border: 1px solid transparent;
     11 
     12   @include colors.apply-themes() using ($themes) {
     13     border-color: colors.get($themes, 'outline');
     14     @include elevate.apply-background-color($themes, 1, 'surface');
     15   }
     16 
     17   .meta {
     18     display: flex;
     19     flex-direction: row;
     20     align-items: center;
     21     gap: 0.5rem;
     22     margin-bottom: 0.5rem;
     23 
     24     @include typography.apply('body-small');
     25 
     26     .idx,
     27     .author,
     28     .date {
     29       display: block;
     30     }
     31   }
     32 
     33   .body {
     34     line-height: 1.5;
     35   }
     36 }