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 vote145 views1 answer
Css background image not showing vscode
CSS
0 vote154 views1 answer
.container
CSS
47 votes162 views9 answers
Cannot be loaded because running scripts is disabled on this system
CSS
50 votes149 views4 answers
Truncate text css
CSS
0 vote135 views1 answer
Have button beside form input
CSS
2 votes108 views1 answer
Css scrollbar thumb height
CSS
0 vote164 views1 answer
Vue scoped scss media query
CSS
4 votes194 views2 answers
Javafx change button background color
CSS
4 votes163 views2 answers
InsecureRequestWarning disable
CSS
0 vote138 views1 answer
Html don't select text
CSS