2019-08-01 04:02:39 +00:00
|
|
|
/* Tabs CSS implementation. Borrowed from Skaffold & Kubernetes websites */
|
|
|
|
|
ul.nav.nav-tabs {
|
|
|
|
|
padding: 0;
|
|
|
|
|
list-style-type: none;
|
|
|
|
|
overflow: hidden;
|
|
|
|
|
content: none;
|
|
|
|
|
}
|
|
|
|
|
|
2019-08-02 00:23:31 +00:00
|
|
|
div.code-tabs li.nav-tab {
|
2019-08-01 20:15:32 +00:00
|
|
|
margin-top: 1.5rem;
|
2020-04-10 01:53:13 +00:00
|
|
|
padding: 7px 18px;
|
2019-08-01 04:02:39 +00:00
|
|
|
float: left;
|
|
|
|
|
text-align: center;
|
|
|
|
|
text-decoration: none;
|
2020-04-10 00:16:59 +00:00
|
|
|
color: #444;
|
2020-04-10 01:48:18 +00:00
|
|
|
font-size: 18px;
|
2020-04-10 00:16:59 +00:00
|
|
|
font-family: 'Open Sans', sans-serif;
|
2019-08-01 04:02:39 +00:00
|
|
|
|
2020-04-10 00:16:59 +00:00
|
|
|
border-top: 1px solid #ccc;
|
|
|
|
|
border-left: 1px solid #ccc;
|
|
|
|
|
border-right: 1px solid #ccc;
|
2019-08-02 00:23:31 +00:00
|
|
|
margin-right: 0.5em;
|
2019-08-01 04:02:39 +00:00
|
|
|
|
|
|
|
|
border-top-left-radius: 4px;
|
|
|
|
|
border-top-right-radius: 4px;
|
2020-04-10 01:48:18 +00:00
|
|
|
/* inactive tab (title) */
|
2020-04-10 01:55:05 +00:00
|
|
|
background-color: #C5E8EA; /* $mk-light - minus two shades*/
|
2019-08-01 04:02:39 +00:00
|
|
|
}
|
|
|
|
|
|
2020-04-10 01:48:18 +00:00
|
|
|
/* active tab (title) */
|
2019-08-02 00:23:31 +00:00
|
|
|
div.code-tabs li.active {
|
2019-08-10 03:11:00 +00:00
|
|
|
color: #f2771a;
|
2020-04-10 01:55:05 +00:00
|
|
|
border-top: 1px solid #b0b6b6;
|
|
|
|
|
border-left: 1px solid #b0b6b6;
|
2020-04-10 01:48:18 +00:00
|
|
|
border-right: 1px solid #b0b6b6;
|
|
|
|
|
background: #f3f9fa; /* $mk-verylight */
|
2019-08-01 20:15:32 +00:00
|
|
|
font-weight: bold;
|
2019-08-01 04:02:39 +00:00
|
|
|
}
|
|
|
|
|
|
2020-04-10 01:48:18 +00:00
|
|
|
/* active tab background */
|
|
|
|
|
div.tab-pane.active {
|
|
|
|
|
display: block;
|
|
|
|
|
padding: 2em;
|
|
|
|
|
background: #f3f9fa; /* $mk-verylight */
|
|
|
|
|
border: 1px solid #b0b6b6;
|
2019-08-01 04:02:39 +00:00
|
|
|
}
|
|
|
|
|
|
2020-04-10 01:48:18 +00:00
|
|
|
|
|
|
|
|
/* active tab code sample */
|
2020-04-10 00:16:59 +00:00
|
|
|
div.code-tabs div.highlight {
|
|
|
|
|
border: 1px solid #ccc;
|
|
|
|
|
background-color: #fff;
|
|
|
|
|
}
|
|
|
|
|
|
2020-04-10 01:48:18 +00:00
|
|
|
|
|
|
|
|
div.code-tabs a.nav-tab {
|
|
|
|
|
all: unset;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2019-08-01 04:02:39 +00:00
|
|
|
div.tab-pane {
|
|
|
|
|
display: none;
|
2019-08-01 20:15:32 +00:00
|
|
|
margin-bottom: 3rem;
|
2019-08-01 04:02:39 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
2019-08-02 00:23:31 +00:00
|
|
|
div.code-tabs code {
|
2019-08-01 04:02:39 +00:00
|
|
|
word-break: keep-all;
|
2019-08-10 03:11:00 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
div.code-tabs h2 {
|
|
|
|
|
font-size: 1.2rem !important;
|
2019-08-13 15:56:21 +00:00
|
|
|
font-weight: bold !important;
|
|
|
|
|
margin-top: 1.3rem;
|
2019-08-10 03:11:00 +00:00
|
|
|
}
|
|
|
|
|
div.code-tabs h3 {
|
|
|
|
|
font-size: 1.1rem !important;
|
|
|
|
|
}
|
