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

2 votes175 views3 answers
Css select first word
CSS
1 vote193 views2 answers
Css clearfix for floats with display table and clear both
CSS
1 vote182 views1 answer
How to verticaly align items in a HTML container
CSS
0 vote184 views1 answer
Relier css html
CSS
0 vote171 views1 answer
Inline list css without floats
CSS
0 vote168 views2 answers
Css animation not working
CSS
0 vote177 views1 answer
Button not aligning right css
CSS
0 vote162 views1 answer
How to select classes that start with a certian name
CSS
0 vote174 views1 answer
Javafx css rectangle outline
CSS
0 vote198 views1 answer
Input checkbox size css
CSS