Great

  • Great plugin. Thanks for the excellent work.

    SVG in tab navigation is great option, but there are no way to style this type of icons (example: regular/hover fill color). So here is my suggestion: all of the block’s styles to be defined as css variables on the .tabs-container. Then one could apply any style by custom css according to the current config:

    .tabs-nav .tab-title {
    color: var(--tab-text-color);
}
.tabs-nav .tab-title svg {
    fill: var(--tab-text-color);
}

    Defaults vars could be applied on html/body

Viewing 1 replies (of 1 total)
  • Thread Starter belenski

    (@belenski)

    Provided example is invalid as I found Icon color settings. But I still believe that css vars is a great way to go.

    On my current project I had to customize tab navigation’s icon and text on separate rows and inverted by color and background. I’m in a hurry so once again I may missed something, but for now I found no other way and had to define that colors hard coded to css.

Viewing 1 replies (of 1 total)
  • The topic ‘Great’ is closed to new replies.