miki

Miki: personal wiki with the fmd markup format
git clone https://wtenison.com/repo/miki.git
Log | Files | Refs | README | LICENSE

styles.css (1028B)

      1  @scope (#subject_) {
      2      #_card {
      3          width: min(75vw);
      4 
      5          display: grid;
      6          justify-self: center;
      7 
      8          @media screen and (min-width: 900px) {
      9              width: calc(var(--miki_gold) * 12rem);
     10              margin-right: var(--miki_margin--double);
     11              margin-bottom: var(--miki_margin--double);
     12              float: left;
     13          }
     14 
     15          >.collapsible_ {
     16 
     17              >._button {
     18                  border-radius: 1rem;
     19 
     20                  transition: .33s;
     21 
     22                  &::before {
     23                      content: "open\a0";
     24                  }
     25 
     26                  &.active {
     27                      background-color: var(--color__theme);
     28 
     29                      &::before {
     30                          content: "close\a0";
     31                      }
     32                  }
     33              }
     34 
     35              >._content {
     36                  padding: 0;
     37                  width: 100%;
     38 
     39                  transition: .5s;
     40              }
     41          }
     42      }
     43 
     44      #_body {
     45          padding: var(--miki_padding);
     46      }
     47  }