web-extension-starter/source/Popup/styles.scss

@use "../styles/fonts";
@use "../styles/reset";
@use "../styles/variables";

body {
  color: variables.$black;
  background-color: variables.$greyWhite;
  width: 100%;
}

::placeholder {
  color: blue;
}

#popup {
  min-width: 350px;
  padding: 30px 20px;

  h2 {
    font-size: 25px;
    text-align: center;
  }

  #options__button {
    width: 50%;
    background: green;
    color: white;
    font-weight: 500;
    border-radius: 15px;
    padding: 5px 10px;
    justify-content: center;
    margin: 20px auto;
    cursor: pointer;
    opacity: 0.8;
    display: flex;
  }

  .links__holder {
    ul {
      display: flex;
      margin-top: 1em;
      justify-content: space-around;

      li {
        button {
          border-radius: 25px;
          font-size: 20px;
          font-weight: 600;
          padding: 10px 17px;
          background-color: rgba(0, 0, 255, 0.7);
          color: white;
          cursor: pointer;
        }
      }
    }
  }
}