mirrors/caddy-website
1
0
Fork 0
mirror of https://github.com/caddyserver/website.git synced 2025-04-23 21:46:16 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

Introduce tabbed sections in Markdown, Docker docs (#310)

Browse source
This commit is contained in:
Francis Lavoie 2023-03-21 13:18:29 -04:00 • committed by GitHub
parent ed0ea7c6ff
commit 1197a29dd2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 178 additions and 48 deletions
Download patch file Download diff file Expand all files Collapse all files

60
src/resources/css/docs.css
View file

@ -789,7 +789,49 @@ td code {
.tabs .tab-buttons {
display: flex;
font-size: 0;
border-bottom: 2px solid #ccc;
border-radius: 0.5em;
margin: 0 16px 0 16px;
}
.tabs .tab-buttons button {
font-family: inherit;
border-radius: 0.5em 0.5em 0 0;
background-color: transparent;
border: 2px solid;
border-color: transparent;
font-size: 16px;
margin-bottom: 0;
margin-right: 8px;
margin-bottom: -2px;
transition: unset;
transform: unset;
}
.tabs .tab-buttons button:hover {
border-color: #ddd;
border-bottom-color: #ccc;
}
.tabs .tab-buttons button.active {
border-color: #ccc;
border-bottom-color: white;
}
.tabs .tab {
border-style: solid;
border-color: #ccc;
border-width: 0;
padding: 1.5rem 16px 0 20px;
margin-top: -2px;
}
.tabs .tab pre {
padding: 0;
}
.tabs .tab.bordered {
border-width: 2px;
border-radius: 8px;
}
@ -1027,4 +1069,22 @@ td code {
td {
border-bottom-color: #233444;
}
.tabs .tab-buttons {
border-color: #33659a;
}
.tabs .tab-buttons button {
color: #bdd6f7;
}
.tabs .tab-buttons button:hover {
border-color: #284c71;
border-bottom-color: #33659a;
}
.tabs .tab-buttons button.active {
border-color: #33659a;
border-bottom-color: #051628;
}
.tabs .tab {
border-color: #33659a;
}
}