site

personal website, served at mordaunt.dev/site
Log | Files | Refs

_mastodon.scss (1211B)

      1 .mastodon-wrapper {
      2     display: flex;
      3     gap: 3rem;
      4     flex-direction: row;
      5 }
      6 
      7 .comment-level {
      8     max-width: 3rem;
      9     min-width: 3rem;
     10 }
     11 
     12 .reply-original {
     13     display: none;
     14 }
     15 
     16 .mastodon-comment {
     17     background-color: var(--body-background);
     18     border-radius: var(--card-border-radius);
     19     padding: var(--card-padding);
     20     margin-bottom: 1rem;
     21     display: flex;
     22     gap: 1rem;
     23     flex-direction: column;
     24     flex-grow: 2;
     25 
     26     .comment {
     27         display: flex;
     28         flex-direction: row;
     29         gap: 1rem;
     30         flex-wrap: true;
     31     }
     32 
     33     .comment-avatar img {
     34         width: 6rem;
     35     }
     36 
     37     .content {
     38         flex-grow: 2;
     39     }
     40 
     41     .comment-author {
     42         display: flex;
     43         flex-direction: column;
     44 
     45         &-name {
     46             font-weight: bold;
     47             a {
     48                 display: flex;
     49                 align-items: center;
     50             }
     51         }
     52 
     53         &-date {
     54             margin-left: auto;
     55         }
     56     }
     57 
     58     .disabled {
     59         color: var(--accent-color)
     60     }
     61 }
     62 
     63 .mastodon-comment-content p:first-child {
     64     margin-top: 0;
     65 }
     66 
     67 .mastodon {
     68   --dlg-bg: #282c37;
     69   --dlg-w: 600px;
     70   --dlg-color: #9baec8;
     71   --dlg-button-p: 0.75em 2em;
     72   --dlg-outline-c: #00D9F5;
     73 }