@9softstudio/react-breadcrumb/dist/style.css

React Breadcrumb Component

.breadcrumb{text-align:center;display:inline-block;overflow:hidden;margin-bottom:5px;border:1px solid #ddd}.breadcrumb>a{text-decoration:none;outline:none;display:block;float:left;font-size:12px;line-height:30px;color:#fff;padding:0 10px 0 25px;position:relative}.breadcrumb>a:first-child{padding-left:10px}.breadcrumb>a:first-child:before{left:14px}.breadcrumb>a:last-child{padding-right:20px}.breadcrumb>a:last-child:after{content:none}.breadcrumb>a:after{content:"";position:absolute;top:0;right:-16px;width:30px;height:30px;transform:scale(.8) rotate(45deg);z-index:1;border-right:3px solid #ca1e58;border-top:3px solid #ca1e58;border-radius:0 5px 0 50px}.breadcrumb>a,.breadcrumb>a:after{background:#fff;color:#4c6375}.breadcrumb>a:before{background:#fff;box-shadow:0 0 0 1px #ec407a}.breadcrumb>a.active,.breadcrumb>a:hover{color:#fff}.breadcrumb>a.active,.breadcrumb>a.active:after,.breadcrumb>a:hover,.breadcrumb>a:hover:after{background:#4c6375}.breadcrumb>a.active:before,.breadcrumb>a:hover:before{color:#4c6375}.breadcrumb>a.active:hover{background:#4c6375}