mirror of
https://github.com/foo-dogsquared/website.git
synced 2025-01-31 01:57:54 +00:00
104 lines
1.8 KiB
CSS
104 lines
1.8 KiB
CSS
/*! Asciidoctor Tabs | Copyright (c) 2018-present Dan Allen | MIT License */
|
|
.tabs {
|
|
margin-bottom: 1.25em;
|
|
}
|
|
|
|
.tablist > ul {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.tablist > ul li {
|
|
align-items: center;
|
|
background-color: var(--base02);
|
|
cursor: pointer;
|
|
font-size: 0.8em;
|
|
display: flex;
|
|
padding: 0.5em;
|
|
position: relative;
|
|
|
|
&:hover {
|
|
background: var(--base01);
|
|
}
|
|
}
|
|
|
|
.tablist > ul li:focus-visible {
|
|
outline: none;
|
|
}
|
|
|
|
.tablist.ulist,
|
|
.tablist.ulist > ul li {
|
|
margin: 0;
|
|
}
|
|
|
|
.tablist.ulist > ul li + li {
|
|
margin-left: 0.25em;
|
|
}
|
|
|
|
.tabs.is-loading .tablist li:not(:first-child),
|
|
.tabs:not(.is-loading) .tablist li:not(.is-selected) {
|
|
background-color: var(--base00);
|
|
}
|
|
|
|
.tabs.is-loading .tablist li:first-child::after,
|
|
.tabs:not(.is-loading) .tablist li.is-selected::after {
|
|
background-color: inherit;
|
|
content: "";
|
|
display: block;
|
|
height: 3px; /* Chrome doesn't always paint the line accurately, so add a little extra */
|
|
position: absolute;
|
|
bottom: -1.5px;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.tablist > ul p {
|
|
line-height: inherit;
|
|
margin: 0;
|
|
}
|
|
|
|
.tabpanel {
|
|
background-color: var(--base00);
|
|
padding: 1.25em;
|
|
}
|
|
|
|
.tablist > ul li,
|
|
.tabpanel {
|
|
border: var(--border-style);
|
|
}
|
|
|
|
.tablist > ul li {
|
|
border-bottom: 0;
|
|
}
|
|
|
|
.tabs.is-loading .tabpanel + .tabpanel,
|
|
.tabs:not(.is-loading) .tabpanel.is-hidden {
|
|
display: none;
|
|
}
|
|
|
|
.tabpanel > :first-child {
|
|
margin-top: 0;
|
|
}
|
|
|
|
/* #content is a signature of the Asciidoctor standalone HTML output */
|
|
#content .tabpanel > :last-child,
|
|
#content .tabpanel > :last-child > :last-child,
|
|
#content .tabpanel > :last-child > :last-child > li:last-child > :last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.tablecontainer {
|
|
overflow-x: auto;
|
|
}
|
|
|
|
#content .tablecontainer {
|
|
margin-bottom: 1.25em;
|
|
}
|
|
|
|
#content .tablecontainer > table.tableblock {
|
|
margin-bottom: 0;
|
|
}
|