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 votes213 views2 answers
Css rotate 180 degrees
CSS
0 vote196 views2 answers
Sass example html
CSS
0 vote196 views1 answer
Vuetify width of textfield
CSS
0 vote185 views1 answer
Como botar um separador display flex quebra de linha
CSS
1 vote227 views2 answers
Eloquent map collection
CSS
21 votes183 views6 answers
Gradient image css
CSS
1 vote192 views1 answer
Style rule that expands the element to cover any floating content within the element
CSS
0 vote226 views1 answer
Text stock css
CSS
43 votes176 views6 answers
Nth-child in css
CSS
18 votes289 views5 answers
Col-md-6 bootstrap
CSS Bootstrap