breadcrumb-container {
history: blue;
font-family: var(-- font-family-semibold);.
}
ul {
extra padding: 0;.
margin-block-start: 0em;.
margin-block-end: 0em;.
margin-inline-start: 0px;.
margin-inline-end: 0px;.
padding-inline-start: 0px;.
li {
list-style: none;.
screen: inline-block;.
text-transform: capital;.
extra padding: 10px 20px;.
{a text-decoration: none;.
shade: white;.
font-size: 14px;.
line-height: 17px;.
font-family: var(-- font-family-semibold);.
}
}
}
ul.tabs>> li {
float: right;.
padding-right: 60px;.
padding-top: 11px;.
padding-left: 40px;.
elevation: 56px;.
history: darkblue;.
box-shadow: 0 10px 20px rgba( 0, 0, 0,.5);.
max-width: 222px;.
box-sizing: border-box;.
boundary: 1px strong # 10172E;.
}
ul.tabs>> li>> {a screen: inline-block;.
max-width: 100%;.
overflow: concealed;.
text-overflow: ellipsis;.
text-decoration: none;.
shade: $alis-white;.
}
li: after {
material: ";.
setting: family member;.
size: 10%;.
elevation: 100%;.
base: 33px;.
left: 90px;.
border-right: 30px strong clear;.
border-bottom: 56px strong environment-friendly;.
}
<< div course=" breadcrumb-container">
<> < ul course=" tabs">
<> < li course=" tab"><> < mat-icon>> search< < li course=" tab1"><> < a href=" https://stackoverflow.com/questions/74805885/javascript:void( 0 )">> Various dimension Tab< .
<< li course=" tab2"><> < a href=" https://stackoverflow.com/questions/74805885/javascript:void( 0 )">> Tab 2< .
<.
<