mirror of
https://git.selfprivacy.org/SelfPrivacy/selfprivacy.org.git
synced 2024-09-19 01:47:52 +00:00
44 lines
876 B
SCSS
44 lines
876 B
SCSS
// 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;
|
|
}
|
|
|
|
.tab-content {
|
|
.tab-pane {
|
|
.highlight {
|
|
margin: 0;
|
|
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;
|
|
|
|
> :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
> .highlight:only-child {
|
|
margin: -1.5rem;
|
|
max-width: calc(100% + 3rem);
|
|
}
|
|
|
|
@each $color, $value in $theme-colors {
|
|
&-#{$color} {
|
|
border-style: solid;
|
|
border-color: $value;
|
|
}
|
|
}
|
|
}
|