feat: edit the clipboard button to change border colour on success (#162)

Pranav M

2022-07-18 1f3da4b8292a7c2ef7eafe9b3a00ef40eb30edac

 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;
  }
}