How do I set the values of all the components of a menu line?

Custom CSS & Theme Design
7

Thank you so much @holroy ! That’s exactly what I was asking for. It’s so elegant !

A few days ago, I hadn’t even heard of such a thing as “nested CSS”…

For what it’s worth, here’s the implementation in my theme, with the dedicated variables :

.search-suggest-item:hover {
  &.is-selected {
    background-color: var(--color-accent-1);
  }
  & .suggestion-title {
    color: var(--OT-color-muted-on-accent-1);
  }
  & .search-suggest-info-text {
    color: var(--OT-color-on-accent-1);
  }
}

Olivier :smiley:

1 Like