blog

Log | Files | Refs

main.css (1063B)

      1 .main {
      2     position: relative;
      3     min-height: calc(100vh - var(--header-height) - var(--footer-height));
      4     max-width: calc(var(--main-width) + var(--gap) * 2);
      5     margin: auto;
      6     padding: var(--gap);
      7 }
      8 
      9 .page-header h1 {
     10     font-size: 40px;
     11 }
     12 
     13 .pagination {
     14     display: flex;
     15 }
     16 
     17 .pagination a {
     18     color: var(--theme);
     19     font-size: 13px;
     20     line-height: 36px;
     21     background: var(--primary);
     22     border-radius: calc(36px / 2);
     23     padding: 0 16px;
     24 }
     25 
     26 .pagination .next {
     27     margin-inline-start: auto;
     28 }
     29 
     30 
     31 .social-icons a {
     32     display: inline-flex;
     33     padding: 10px;
     34 }
     35 
     36 .social-icons a svg {
     37     height: 26px;
     38     width: 26px;
     39 }
     40 
     41 code {
     42     direction: ltr;
     43 }
     44 
     45 div.highlight,
     46 pre {
     47     position: relative;
     48 }
     49 
     50 .copy-code {
     51     display: none;
     52     position: absolute;
     53     top: 4px;
     54     right: 4px;
     55     color: rgba(255, 255, 255, 0.8);
     56     background: rgba(78, 78, 78, 0.8);
     57     border-radius: var(--radius);
     58     padding: 0 5px;
     59     font-size: 14px;
     60     user-select: none;
     61 }
     62 
     63 div.highlight:hover .copy-code,
     64 pre:hover .copy-code {
     65     display: block;
     66 }