selfprivacy.org/_vendor/github.com/google/docsy/assets/scss/shortcodes/tabbed-pane.scss

44 lines
876 B
SCSS
Raw Normal View History

2024-04-25 22:15:39 +00:00
// Only constrain max-width for top-level tabbed panes not, e.g., those in lists.
.td-content > .tab-content .tab-pane {
@extend .td-max-width-on-larger-screens;
2024-04-21 23:04:16 +00:00
}
.tab-content {
.tab-pane {
.highlight {
2024-04-25 22:15:39 +00:00
margin: 0;
2024-04-21 23:04:16 +00:00
border: none;
max-width: 100%;
}
margin-top: 0rem;
margin-bottom: 1.5rem;
border-left: 1px solid rgba(0, 0, 0, 0.125);
border-right: 1px solid rgba(0, 0, 0, 0.125);
border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
}
.tab-body {
font-weight: $font-weight-medium;
background: $gray-100;
color: inherit;
border-radius: 0;
padding: 1.5rem;
2024-04-25 22:15:39 +00:00
> :last-child {
margin-bottom: 0;
}
> .highlight:only-child {
margin: -1.5rem;
max-width: calc(100% + 3rem);
}
2024-04-21 23:04:16 +00:00
@each $color, $value in $theme-colors {
&-#{$color} {
border-style: solid;
border-color: $value;
}
}
}