@brizy/ui/es/NavList/style/index.css

React elements in Brizy style

.brz-ui-navlist{display:flex;flex-wrap:wrap;line-height:1;height:100%}.brz-ui-navlist__item{display:flex;justify-content:center;align-items:center;height:100%;position:relative;font-size:11px;border:0;outline:0;cursor:pointer;padding:27.5px 23px;text-transform:capitalize;font-weight:600;letter-spacing:1.04px;text-align:center;min-width:130px}.brz-ui-navlist__item:after{position:absolute;bottom:0;left:0;right:0;height:3px;background-color:currentcolor;z-index:2}.brz-ui-navlist__item:last-child{margin-right:0}.brz-ui-navlist__item--active:after{content:""}.brz-ui-navlist--wide .brz-ui-navlist__item{flex:1;min-width:unset}.brz-ui-navlist--sticky{position:sticky;top:0;z-index:10}.brz-ui-navlist--dark{background-color:var(--color-dark,#212733)}.brz-ui-navlist--dark .brz-ui-navlist__item{color:var(--color-gray,#777f86);transition:color .3s cubic-bezier(.645, .045, .355, 1)}.brz-ui-navlist--dark .brz-ui-navlist__item:hover{color:var(--color-white,#fff)}.brz-ui-navlist--dark .brz-ui-navlist__item:last-child{margin-right:0}.brz-ui-navlist--dark .brz-ui-navlist__item--active,.brz-ui-navlist--dark .brz-ui-navlist__item--active:hover{color:var(--color-blue,#3dbfe8)}.brz-ui-navlist--dark.brz-ui-navlist--divider:after{background-color:var(--color-gray-darkest,#3a404d)}.brz-ui-navlist--light{background-color:var(--color-white,#fff)}.brz-ui-navlist--light .brz-ui-navlist__item.brz-ui-navlist__item{color:var(--color-gray-mid,#a1a8ad);transition:color .3s ease-in-out}.brz-ui-navlist--light .brz-ui-navlist__item.brz-ui-navlist__item--active,.brz-ui-navlist--light .brz-ui-navlist__item.brz-ui-navlist__item:hover{color:var(--color-gray-darkest,#3a404d)}.brz-ui-navlist--light .brz-ui-navlist__item.brz-ui-navlist__item:last-child{margin-right:0}.brz-ui-navlist--light.brz-ui-navlist--divider:after{background-color:var(--color-gray-light,#d5d9db)}.brz-ui-navlist.brz-ui-navlist--disabled .brz-ui-navlist__item{cursor:not-allowed;color:var(--color-gray-light,#d5d9db)}.brz-ui-navlist.brz-ui-navlist--disabled .brz-ui-navlist__item:hover{color:var(--color-gray-light,#d5d9db)}.brz-ui-navlist--divider:after{position:relative;content:"";height:1px;width:100%;bottom:1px;left:0}