Parent tabs vertical attribute forces child tabs vertical as well

[benburleson]

Overview of the problem

Buefy version: 0.8.6
Vuejs version: 2.6.10
OS/Browser: Mac/Chrome

Description

Tab sass doesn't use the child combinator (>), so if any tabs are nested under vertical tabs, they will also be forced to vertical because they are descendants of vertical tabs.

https://github.com/buefy/buefy/blob/master/src/scss/components/_tabs.scss#L37

Steps to reproduce

1. Created a tab group with the vertical attribute
2. Create another tab group inside one of the tabs from step 1, and omit or set :vertical="false"

Expected behavior

Child tabs should be shown horizontally

Actual behavior

Child tabs are also shown vertically

[benburleson]

@service-paradis You're amazing, thank you!