7 margin: 1em 0 1em 15em; /* LTR */
8 border: 1px solid #ccc;
10 [dir="rtl"] .vertical-tabs {
14 .vertical-tabs__menu {
15 float: left; /* LTR */
17 margin: -1px 0 -1px -15em; /* LTR */
19 border-top: 1px solid #ccc;
22 [dir="rtl"] .vertical-tabs__menu {
27 .vertical-tabs__pane {
31 .vertical-tabs__pane > summary {
35 /* Layout of each tab. */
36 .vertical-tabs__menu-item {
37 border: 1px solid #ccc;
41 .vertical-tabs__menu-item a {
44 text-decoration: none;
46 .vertical-tabs__menu-item a:focus .vertical-tabs__menu-item-title,
47 .vertical-tabs__menu-item a:active .vertical-tabs__menu-item-title,
48 .vertical-tabs__menu-item a:hover .vertical-tabs__menu-item-title {
49 text-decoration: underline;
51 .vertical-tabs__menu-item a:hover {
54 .vertical-tabs__menu-item.is-selected {
55 border-right-width: 0; /* LTR */
56 background-color: #fff;
58 [dir="rtl"] .vertical-tabs__menu-item.is-selected {
60 border-right-width: 1px;
62 .vertical-tabs__menu-item.is-selected .vertical-tabs__menu-item-title {
65 .vertical-tabs__menu-item-summary {