horizontal scroll menu fade edges

1.navbar
2    float: left
3    height: 40px
4    min-width: 100%
5    display: flex
6    flex-wrap: wrap
7
8    .navbar-item
9        padding: 13px 0px
10        font-size: 12px
11        line-height: 14px
12        text-transform: uppercase
13        display: inline-block
14        float: left
15        margin: 0px 10px
16
17        &.active
18            padding: 13px 0px 11px 0px
19            border-bottom: 2px solid $light-blue
20
21        &:hover
22            cursor: pointer
23
24        a 
25            color: $dark-grey
26            font-weight: 600
27            text-decoration: none