blog

Log | Files | Refs

footer.css (987B)

      1 .footer,
      2 .top-link {
      3     font-size: 12px;
      4     color: var(--secondary);
      5 }
      6 
      7 .footer {
      8     max-width: calc(var(--main-width) + var(--gap) * 2);
      9     margin: auto;
     10     padding: calc((var(--footer-height) - var(--gap)) / 2) var(--gap);
     11     text-align: center;
     12     line-height: 24px;
     13 }
     14 
     15 .footer span {
     16     margin-inline-start: 1px;
     17     margin-inline-end: 1px;
     18 }
     19 
     20 .footer span:last-child {
     21     white-space: nowrap;
     22 }
     23 
     24 .footer a {
     25     color: inherit;
     26     text-underline-offset: 0.25rem;
     27     text-decoration: underline;
     28 }
     29 
     30 .top-link {
     31     position: fixed;
     32     bottom: 4rem;
     33     right: 2rem;
     34     z-index: 99;
     35     background: var(--tertiary);
     36     width: 2.5rem;
     37     height: 2.5rem;
     38     padding: 10px;
     39     border-radius: 64px;
     40     transition: visibility .3s, opacity .3s cubic-bezier(0.4, 0, 1, 1);
     41 }
     42 
     43 .hidden {
     44     visibility: hidden;
     45     opacity: 0;
     46 }
     47 
     48 .top-link,
     49 .top-link svg {
     50     filter: drop-shadow(0px 0px 0px var(--theme));
     51 }
     52 
     53 .footer a:hover,
     54 .top-link:hover {
     55     color: var(--primary);
     56 }