“Spezielle benutzerdefinierte Scrollbar in SCSS” Code-Antworten

Spezielle benutzerdefinierte Scrollbar in SCSS

    .scrollz{
      padding-bottom: 40px;

      &.nores{
        padding-bottom:0;
      }

      &::-webkit-scrollbar-track { /* Background */
        background: linear-gradient(0deg, #fff 46%, #ccdee8 46%, #ccdee8 56%, #fff 56%);
      }

      &::-webkit-scrollbar { /* Frame */
        height: 22px;
      }

      &::-webkit-scrollbar-thumb:horizontal { /* Slider */
        background-color: #fff;
        border: 2px solid #ccdee8;
        border-radius: 1rem;
        background: url('./../../../../../img/chevron-right-solid.svg'), #f1f1f1 url('./../../../../../img/chevron-left-solid.svg');
        background-repeat: no-repeat, no-repeat;
        background-size: 12px 12px, 12px 12px;
        background-position: calc(100% - 8px) 50%, calc(0% + 8px) 50%;
        width: 58px;
      }
    }