Jacky Zhao
2022-07-31 54a8fd4a563bd3de815aaae2c9d9efd57e65be22
assets/styles/base.scss
@@ -42,15 +42,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 {
@@ -169,7 +169,7 @@
      background-color: transparent !important;
    }
    & a[href$="#"] {
    & a[href$="#"], &.active a {
      opacity: 0.2;
    }
  }
@@ -177,6 +177,7 @@
article {
  & > h1 {
    margin-top: 2em;
    font-size: 2em;
  }
  
@@ -498,34 +499,41 @@
  margin-top: 2em;
  padding-left: 0;
  & > li {
    margin-bottom: 1em;
}
    & > .section {
      display: flex;
      align-items: center;
      & h3 > a {
        font-weight: 700;
        margin: 0;
      }
      & p {
        margin: 0;
        padding-right: 1em;
        flex-basis: 6em;
.section-li {
  margin-bottom: 1em;
  & > .section {
    display: flex;
    align-items: center;
    @media all and (max-width: 600px) {
      & .tags {
        display: none;
      }
    }
    & h3 {
      opacity: 1;
    & h3 > a {
      font-weight: 700;
      margin: 0em;
      margin: 0;
    }
    & p {
      margin: 0;
      padding-right: 1em;
      flex-basis: 6em;
    }
  }
    & .meta {
      opacity: 0.6;
    }
  & h3 {
    opacity: 1;
    font-weight: 700;
    margin: 0em;
  }
  & .meta {
    opacity: 0.6;
  }
}