vertical-tabs.css
Same filename in this branch
Same filename in other branches
- 7.x misc/vertical-tabs.css
- 7.x themes/seven/vertical-tabs.css
- 8.9.x core/misc/vertical-tabs.css
- 8.9.x core/themes/seven/css/components/vertical-tabs.css
- 8.9.x core/themes/claro/css/components/vertical-tabs.css
- 8.9.x core/themes/stable/css/core/vertical-tabs.css
- 10 core/misc/vertical-tabs.css
- 10 core/themes/olivero/css/components/vertical-tabs.css
- 10 core/themes/stable9/css/core/vertical-tabs.css
- 10 core/themes/claro/css/components/vertical-tabs.css
- 11.x core/misc/vertical-tabs.css
- 11.x core/themes/olivero/css/components/vertical-tabs.css
- 11.x core/themes/stable9/css/core/vertical-tabs.css
- 11.x core/themes/claro/css/components/vertical-tabs.css
Vertical Tabs.
File
-
core/
themes/ olivero/ css/ components/ vertical-tabs.css
View source
- /*
- * DO NOT EDIT THIS FILE.
- * See the following change record for more information,
- * https://www.drupal.org/node/3084859
- * @preserve
- */
-
- /**
- * @file
- * Vertical Tabs.
- */
-
- @media (min-width: 62.5rem) {
-
- .vertical-tabs {
- display: flex;
- }
- }
-
- [dir="ltr"] .vertical-tabs__menu {
- margin-left: 0;
- }
-
- [dir="rtl"] .vertical-tabs__menu {
- margin-right: 0;
- }
-
- [dir="ltr"] .vertical-tabs__menu {
- margin-right: 0;
- }
-
- [dir="rtl"] .vertical-tabs__menu {
- margin-left: 0;
- }
-
- .vertical-tabs__menu {
- position: relative;
- align-self: flex-start;
- margin: 0;
- list-style: none;
- border-width: 1px;
- border-style: solid;
- border-color: #e7edf1;
- }
-
- @media (min-width: 62.5rem) {
-
- .vertical-tabs__menu {
- width: 15rem;
- border-width: 1px 0 1px 1px;
- }
- }
-
- .vertical-tabs__panes {
- margin-top: -1px;
- }
-
- @media (min-width: 62.5rem) {
-
- .vertical-tabs__panes {
- width: calc(100% - 15rem);
- margin-top: 0;
- }
- }
-
- @media (min-width: 62.5rem) {
-
- .vertical-tabs__pane {
- min-height: 100%;
- }
- }
-
- .vertical-tabs__pane.olivero-details {
- margin: 0;
- border-radius: 0;
- box-shadow: none;
- }
-
- .vertical-tabs__pane > summary {
- display: none;
- }
-
- .vertical-tabs__menu-item:nth-child(n+2) {
- border-top: 1px solid #e7edf1;
- }
-
- [dir="ltr"] .vertical-tabs__menu-item a {
- padding-left: 0.84375rem;
- }
-
- [dir="rtl"] .vertical-tabs__menu-item a {
- padding-right: 0.84375rem;
- }
-
- [dir="ltr"] .vertical-tabs__menu-item a {
- padding-right: 0.84375rem;
- }
-
- [dir="rtl"] .vertical-tabs__menu-item a {
- padding-left: 0.84375rem;
- }
-
- .vertical-tabs__menu-item a {
- display: block;
- padding-top: 0.5625rem;
- padding-bottom: 0.5625rem;
- text-decoration: none;
- color: #0f6292;
- background-color: #e7edf1;
- }
-
- .vertical-tabs__menu-item a:focus,
- .vertical-tabs__menu-item a:hover,
- .vertical-tabs__menu-item a:active {
- background-color: #f7f9fa;
- }
-
- .vertical-tabs__menu-item.is-selected {
- background-color: #fff;
- }
-
- @media (min-width: 62.5rem) {
-
- [dir="ltr"] .vertical-tabs__menu-item.is-selected {
- margin-right: -1px;
- }
-
- [dir="rtl"] .vertical-tabs__menu-item.is-selected {
- margin-left: -1px;
- }
-
- [dir="ltr"] .vertical-tabs__menu-item.is-selected {
- padding-right: 1px;
- }
-
- [dir="rtl"] .vertical-tabs__menu-item.is-selected {
- padding-left: 1px;
- }
- }
-
- .vertical-tabs__menu-item.is-selected a {
- background-color: transparent;
- }
-
- .vertical-tabs__menu-item-summary {
- display: block;
- font-size: 0.875rem;
- line-height: 1.125rem;
- }
Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.