figbert.com-website

[ACTIVE] the website and home of figbert on the clearnet
git clone git://git.figbert.com/figbert.com-website.git
Log | Files | Refs | README | LICENSE

global.css (1626B)

      1 :root {
      2   color-scheme: light dark;
      3   font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
      4   line-height: 1.618;
      5 }
      6 
      7 body {
      8   width: 75%;
      9   max-width: 72ch;
     10   margin: 2rem auto 2rem auto;
     11 }
     12 
     13 nav {
     14   width: 100%;
     15   display: flex;
     16   justify-content: space-around;
     17 
     18   background-color: CanvasText;
     19   color: Canvas;
     20   font-weight: bold;
     21 
     22   padding-block: 1ch;
     23   margin-block-end: 2ch;
     24 
     25   > a {
     26     text-decoration: none;
     27   }
     28 }
     29 
     30 footer {
     31   width: 100%;
     32   color: GrayText;
     33   text-align: center;
     34 
     35   & > section {
     36     width: 30%;
     37     display: flex;
     38     margin-inline: auto;
     39     justify-content: center;
     40     align-items: center;
     41 
     42     & > * {
     43       padding-inline: 1ch;
     44       text-decoration: none;
     45     }
     46   }
     47 }
     48 
     49 a {
     50   color: inherit;
     51   &:hover, &:focus {
     52     color: #8e60a7;
     53   }
     54 }
     55 
     56 p, details {
     57   margin-block-start: 0ch;
     58   margin-block-end: 2ch;
     59 }
     60 
     61 h1, h2, h3, h4, h5, h6 {
     62   margin: 0;
     63   position: relative;
     64 
     65   & > a {
     66     text-decoration: none;
     67   }
     68 
     69   &:hover > .zola-anchor {
     70     opacity: 100;
     71   }
     72 }
     73 
     74 ul {
     75   list-style: square;
     76 }
     77 
     78 video, picture, img {
     79   width: 100%;
     80 }
     81 
     82 small {
     83   color: GrayText;
     84   font-size: 100%;
     85 
     86   & > a {
     87     text-decoration: none;
     88   }
     89 }
     90 
     91 .zola-anchor {
     92   opacity: 0;
     93   position: absolute;
     94   right: 101%;
     95   transition: opacity .1s linear;
     96 }
     97 
     98 .section-list {
     99   list-style: none;
    100   margin: 0;
    101 
    102   padding-inline-start: 0;
    103 }
    104 
    105 .section-title {
    106   text-decoration: none;
    107 }
    108 
    109 .summary {
    110   color: GrayText;
    111   font-size: 90%;
    112 
    113   & > p {
    114     margin-block-start: 0;
    115   }
    116 }
    117 
    118 #article-header {
    119   margin-block-end: 1ch;
    120 }