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

3 votes99 views1 answer
Change css to scss angular
CSS
0 vote109 views1 answer
Css shape-outside
CSS
0 vote107 views1 answer
Activate_bin_path
CSS
0 vote112 views1 answer
Javafx set border outside
CSS
4 votes127 views5 answers
Placeholder text css
CSS
28 votes120 views6 answers
Background image react
CSS
45 votes145 views3 answers
Collapse all code vscode
CSS
2 votes128 views2 answers
Vertical align span tailwindscss
CSS
0 vote98 views2 answers
Css gradient rgba to hex
CSS
8 votes106 views3 answers
Text break css
CSS