Horizontal scroll menu fade edges

.navbar
    float: left
    height: 40px
    min-width: 100%
    display: flex
    flex-wrap: wrap

    .navbar-item
        padding: 13px 0px
        font-size: 12px
        line-height: 14px
        text-transform: uppercase
        display: inline-block
        float: left
        margin: 0px 10px

        &.active
            padding: 13px 0px 11px 0px
            border-bottom: 2px solid $light-blue

        &:hover
            cursor: pointer

        a 
            color: $dark-grey
            font-weight: 600
            text-decoration: none

Source: stackoverflow.com

Similar codes

1 vote337 views1 answer
How to contain an image within a div
CSS
0 vote345 views1 answer
Spaziatura caratteri css
CSS
6 votes345 views6 answers
Css text highlight
CSS
0 vote328 views1 answer
Import scss
CSS
0 vote324 views1 answer
Boxsizing
CSS
122 votes338 views6 answers
How to center in css
CSS
0 vote333 views1 answer
Remove border radius select css
CSS
7 votes284 views4 answers
Radial gradient css
CSS
75 votes322 views6 answers
Flexbox
CSS
0 vote347 views1 answer
Box style
CSS