docs: update to account for github changes

Jacky Zhao

2023-03-02 aa5ab03d4ad6e7cb4d9efd3f9c177ebde7e4c4af

 assets/styles/base.scss

@@ -10,15 +10,20 @@
html {
  scroll-behavior: smooth;
  &:lang(ar) {
    & p, & h1, & h2, & h3, article {
    & p, & h1, & h2, & h3, article, header {
      direction: rtl;
      text-align: right;
    }
  }
  & footer > p {
    text-align: center !important;
  }
}

.singlePage {
  padding: 4em 30vw;
  margin: 0 auto;
  max-width: 1000px;
  @media all and (max-width: 1200px) {
    padding: 25px 5vw;
  }
@@ -42,15 +47,15 @@
  padding: 2rem auto 1rem;

  &:hover > .hanchor {
    opacity: 1;
    color: var(--secondary);
  }
}

.hanchor {
  font-family: var(--font-header);
  opacity: 0.2;
  transition: opacity 0.3s ease;
  color: var(--secondary);
  opacity: 0.8;
  transition: color 0.3s ease;
  color: var(--dark);
}

p, ul, text, a, tr, td, li, ol, ul {
@@ -86,7 +91,7 @@

#TableOfContents > ol {
  counter-reset: section;
  margin-left: 0em;
  margin-left: 0;
  padding-left: 1.5em;
  & > li {
    counter-increment: section;
@@ -139,7 +144,7 @@
}

blockquote {
  margin-left: 0em;
  margin-left: 0;
  border-left: 3px solid var(--secondary);
  padding-left: 1em;
  transition: border-color 0.2s ease;
@@ -177,9 +182,10 @@

article {
  & > h1 {
    margin-top: 2em;
    font-size: 2em;
  }
  

  & > .meta {
    margin: 0 0 1em 0;
    opacity: 0.7;
@@ -197,11 +203,11 @@

      &.broken {
        opacity: 0.5;
        background-color: transparent; 
        background-color: transparent;
      }
    }
  }
  

  & p {
    overflow-wrap: anywhere;
  }
@@ -223,7 +229,7 @@

  & > li {
    display: inline-block;
    margin: 0.4em 0;
    margin: 0.4em 0.2em;
  }

  & > li > a {
@@ -291,17 +297,15 @@
  text-align: center;
  & ul {
    padding-left: 0;
  } 
  }
}

hr {
  width: 25%;
  margin: 4em auto;
  height: 2px;
  border-radius: 1px;
  border-width: 0;
  color: var(--dark);
  background-color: var(--dark);
  width: 100%;
  margin: 2em auto;
  height: 1px;
  border: none;
  background-color: var(--outlinegray);
}

.page-end {
@@ -505,7 +509,7 @@

  & > .section {
    display: flex;
    align-items: center; 
    align-items: center;

    @media all and (max-width: 600px) {
      & .tags {
@@ -517,18 +521,18 @@
      font-weight: 700;
      margin: 0;
    }
    

    & p {
      margin: 0;
      padding-right: 1em;
      flex-basis: 6em; 
      flex-basis: 6em;
    }
  }

  & h3 {
    opacity: 1;
    font-weight: 700;
    margin: 0em;
    margin: 0;
  }

  & .meta {
@@ -566,7 +570,7 @@
  transition: opacity 0.2s ease, transform 0.2s ease;
  user-select: none;
  overflow-wrap: anywhere;
  box-shadow: 6px 6px 36px 0px rgba(0,0,0,0.25);
  box-shadow: 6px 6px 36px 0 rgba(0,0,0,0.25);

  @media all and (max-width: 600px) {
    display: none !important;
@@ -584,16 +588,20 @@
    margin: 0.25rem 0;
  }

  & > .meta {
  & .meta {
    margin-top: 0.25rem;
    opacity: 0.5;
    font-family: var(--font-mono);
    font-size: 0.8rem;
  }

  & > p {
    margin: 0;
    padding: 0.5rem 0;
  }

  & > p, & > a {
    font-size: 1rem;
    margin: 0.7rem 0;
    font-weight: 400;
    user-select: none;
  }
@@ -611,3 +619,7 @@
  }
}

mark {
  background-color: var(--highlighted);
  color: var(--gray);
}