Search
 
SCRIPT & CODE EXAMPLE
 

CSS

bootstrap Changing the separator

Separators are automatically added in CSS through ::before and content. 
They can be changed by changing $breadcrumb-divider. The quote function is
needed to generate the quotes around a string, so if you want > as separator,
you can use this:

$breadcrumb-divider: quote(">");

It’s also possible to use a base64 embedded SVG icon:

$breadcrumb-divider: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4IiBoZWlnaHQ9IjgiPjxwYXRoIGQ9Ik0yLjUgMEwxIDEuNSAzLjUgNCAxIDYuNSAyLjUgOGw0LTQtNC00eiIgZmlsbD0iY3VycmVudENvbG9yIi8+PC9zdmc+);

The separator can be removed by setting $breadcrumb-divider to none:
$breadcrumb-divider: none;
Comment

PREVIOUS NEXT
Code Example
Css :: padding clamp 
Css :: input placeholder css 
Css :: css font face 
Css :: crop img css 
Css :: convert string to uppercase while typing 
Css :: media screen desktop 
Css :: how to change selection color 
Css :: rainbow text css 
Css :: when hover target diffrent element 
Css :: pointer events none and cursor not allowed 
Css :: css backdrop filter blut 
Css :: how to move text down in css 
Css :: center li in ul css 
Css :: background image css stack overflow 
Css :: form styling 
Css :: tint image with background color css 
Css :: how to use gradient on font css? 
Css :: set background image and color both 
Css :: round 2 corners of div css 
Css :: react html height 100% 
Css :: background repeat space 
Css :: no scrollbar tailwind 
Css :: edit hover with sass 
Css :: positioning button inside div 
Css :: how to x axis scroll css 
Css :: best box shadow 
Css :: div color overlay css 
Css :: how to add background image in a container css 
Css :: zoom level in css 
Css :: css prevent new line div 
ADD CONTENT
Topic
Content
Source link
Name
7+4 =