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

0 vote318 views1 answer
Css textarea set max characters
CSS
13 votes294 views5 answers
How to add text stroke in css
CSS
2 votes392 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
52 votes280 views4 answers
Css cursor pointer hover
CSS
1 vote322 views1 answer
Clear both css
CSS
0 vote331 views1 answer
Css max-width none
CSS
0 vote351 views2 answers
Preloader css
CSS
0 vote342 views1 answer
Background Image Accessibility concerns
CSS
0 vote304 views1 answer
Easyui how to change datagrid header height
CSS
0 vote334 views1 answer
Css prevent grid blowout
CSS