Hi, I'd like to add CSS rules for each of the themes. More specifically, to color the arrow breadcrumbs so they match up with the theme. I am not familiar with SCSS or the mechanisms that are used to convert SCSS to CSS. So for instance, I'd like to add the following to each of the cust-theme-x.css files:
.breadcrumb-arrow li a {
color: white;
display: inline-block;
background: #754467;
text-decoration: none;
position: relative;
height: 2.0em;
line-height: 2.0em;
padding: 0 10px 0 5px;
text-align: center;
margin-right: 22px;
}
I'm guessing I should add a _breadcrumb.scss file in the _themes/modules folder, but I don't know what to put in the file so it would work correctly. Is this correct? I would also have to add that _breadcrumb.scss file as an import into the _theme_modules_import.scss file. Can you provide steps/guidelines to do this type of thing?
Thanks,
Rich