Updated dependencies
This commit is contained in:
parent
f0f04b8a6e
commit
6a7a312818
94 changed files with 1683 additions and 1413 deletions
|
|
@ -1,4 +1,4 @@
|
|||
.search button{margin-top:10px;cursor:pointer;border:none;background:var(--color-dark);fill:#fff;fill:var(--dark-mode-and-search-icon-color)}.search button:focus{outline:none}.popup-wrapper{min-width:calc(100% - 322px) !important;border:1px solid rgba(255,255,255,.2) !important;background-color:#27282c !important}.popup-wrapper [class^=filterWrapper]{border-bottom:1px solid rgba(255,255,255,.2)}.popup-wrapper input{color:rgba(255,255,255,.8) !important;font-weight:normal !important}.popup-wrapper span[data-test-custom=ring-select-popup-filter-icon]{color:#fff}.popup-wrapper button[data-test=ring-input-clear]{color:#fff !important}@media screen and (max-width: 759px){.popup-wrapper{min-width:100% !important}}.template-wrapper{display:grid;height:32px;grid-template-columns:auto auto}.template-wrapper strong{color:rgba(255,255,255,.8)}.template-wrapper span{color:rgba(255,255,255,.8);line-height:32px}.template-wrapper span.template-description{color:rgba(255,255,255,.6);justify-self:end}@media screen and (max-width: 759px){.template-wrapper{display:flex;flex-direction:column;height:auto}.template-wrapper span{line-height:unset}}.template-name{justify-self:start}[class^=fade]{display:none}[class*=hover]{background-color:rgba(255,255,255,.1) !important}
|
||||
.search button{margin-top:10px;cursor:pointer;border:none;background:var(--color-dark);fill:#fff;fill:var(--dark-mode-and-search-icon-color)}.search button:focus{outline:none}.search-hotkey-popup{background-color:var(--background-color) !important;padding:4px}.popup-wrapper{min-width:calc(100% - 322px) !important;border:1px solid rgba(255,255,255,.2) !important;background-color:#27282c !important}.popup-wrapper [class^=filterWrapper]{border-bottom:1px solid rgba(255,255,255,.2)}.popup-wrapper input{color:rgba(255,255,255,.8) !important;font-weight:normal !important}.popup-wrapper span[data-test-custom=ring-select-popup-filter-icon]{color:#fff}.popup-wrapper button[data-test=ring-input-clear]{color:#fff !important}@media screen and (max-width: 759px){.popup-wrapper{min-width:100% !important}}.template-wrapper{display:grid;height:32px;grid-template-columns:auto auto}.template-wrapper strong{color:rgba(255,255,255,.8)}.template-wrapper span{color:rgba(255,255,255,.8);line-height:32px}.template-wrapper span.template-description{color:rgba(255,255,255,.6);justify-self:end}@media screen and (max-width: 759px){.template-wrapper{display:flex;flex-direction:column;height:auto}.template-wrapper span{line-height:unset}}.template-name{justify-self:start}[class^=fade]{display:none}[class*=hover]{background-color:rgba(255,255,255,.1) !important}
|
||||
/* stylelint-disable color-no-hex */
|
||||
|
||||
:root {
|
||||
|
|
|
|||
|
|
@ -1,23 +1,22 @@
|
|||
:root {
|
||||
--keyword-color: #07a;
|
||||
--property-color: #905;
|
||||
--function-color: #DD4A68;
|
||||
}
|
||||
|
||||
:root.theme-dark {
|
||||
--keyword-color: #cc7832;
|
||||
--property-color: #9876aa;
|
||||
--function-color: #ffc66d;
|
||||
}
|
||||
|
||||
/*
|
||||
* Custom Dokka styles
|
||||
*/
|
||||
code .token {
|
||||
white-space: pre;
|
||||
}
|
||||
|
||||
/* PrismJS 1.24.1
|
||||
https://prismjs.com/download.html#themes=prism&languages=clike+java+javadoclike+kotlin&plugins=keep-markup */
|
||||
/**
|
||||
* prism.js default theme for JavaScript, CSS and HTML
|
||||
* Styles based on webhelp's prism.js styles
|
||||
* Changes:
|
||||
* - Since webhelp's styles are in .pcss, they use nesting which is not achievable in native CSS
|
||||
* so nested css blocks have been unrolled (like dark theme).
|
||||
* - Webhelp uses "Custom Class" prism.js plugin, so all of their prism classes are prefixed with "--prism".
|
||||
* Dokka doesn't seem to need this plugin at the moment, so all "--prism" prefixes have been removed.
|
||||
* - Removed all styles related to `pre` and `code` tags. Kotlinlang's resulting styles are so spread out and complicated
|
||||
* that it's difficult to gather in one place. Instead use code styles defined in the main Dokka styles,
|
||||
* which at the moment looks fairly similar.
|
||||
*
|
||||
* Based on prism.js default theme
|
||||
* Based on dabblet (http://dabblet.com)
|
||||
* @author Lea Verou
|
||||
*/
|
||||
|
|
@ -26,7 +25,7 @@ https://prismjs.com/download.html#themes=prism&languages=clike+java+javadoclike+
|
|||
.token.prolog,
|
||||
.token.doctype,
|
||||
.token.cdata {
|
||||
color: slategray;
|
||||
color: #8c8c8c;
|
||||
}
|
||||
|
||||
.token.punctuation {
|
||||
|
|
@ -34,7 +33,7 @@ https://prismjs.com/download.html#themes=prism&languages=clike+java+javadoclike+
|
|||
}
|
||||
|
||||
.token.namespace {
|
||||
opacity: .7;
|
||||
opacity: 0.7;
|
||||
}
|
||||
|
||||
.token.property,
|
||||
|
|
@ -44,7 +43,7 @@ https://prismjs.com/download.html#themes=prism&languages=clike+java+javadoclike+
|
|||
.token.constant,
|
||||
.token.symbol,
|
||||
.token.deleted {
|
||||
color: var(--property-color);
|
||||
color: #871094;
|
||||
}
|
||||
|
||||
.token.selector,
|
||||
|
|
@ -52,9 +51,8 @@ https://prismjs.com/download.html#themes=prism&languages=clike+java+javadoclike+
|
|||
.token.string,
|
||||
.token.char,
|
||||
.token.builtin,
|
||||
.token.annotation,
|
||||
.token.inserted {
|
||||
color: #690;
|
||||
color: #067d17;
|
||||
}
|
||||
|
||||
.token.operator,
|
||||
|
|
@ -64,25 +62,28 @@ https://prismjs.com/download.html#themes=prism&languages=clike+java+javadoclike+
|
|||
.style .token.string {
|
||||
color: #9a6e3a;
|
||||
/* This background color was intended by the author of this theme. */
|
||||
/*background: hsla(0, 0%, 100%, .5);*/
|
||||
background: hsla(0, 0%, 100%, 0.5);
|
||||
}
|
||||
|
||||
.token.atrule,
|
||||
.token.attr-value,
|
||||
.token.keyword {
|
||||
color: var(--keyword-color);
|
||||
font-size: inherit; /* to override .keyword */
|
||||
color: #0033b3;
|
||||
}
|
||||
|
||||
.token.function {
|
||||
color: #00627a;
|
||||
}
|
||||
|
||||
.token.function,
|
||||
.token.class-name {
|
||||
color: var(--function-color);
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
.token.regex,
|
||||
.token.important,
|
||||
.token.variable {
|
||||
color: #e90;
|
||||
color: #871094;
|
||||
}
|
||||
|
||||
.token.important,
|
||||
|
|
@ -97,7 +98,116 @@ https://prismjs.com/download.html#themes=prism&languages=clike+java+javadoclike+
|
|||
cursor: help;
|
||||
}
|
||||
|
||||
.annotation,.control,.field,.filename,.keyword,.menupath,.property,.string,.value {
|
||||
color: #27282c;
|
||||
font-weight: 700;
|
||||
}
|
||||
.token.operator {
|
||||
background: none;
|
||||
}
|
||||
|
||||
/*
|
||||
* DARK THEME
|
||||
*/
|
||||
:root.theme-dark .token.comment,
|
||||
:root.theme-dark .token.prolog,
|
||||
:root.theme-dark .token.cdata {
|
||||
color: #808080;
|
||||
}
|
||||
|
||||
:root.theme-dark .token.delimiter,
|
||||
:root.theme-dark .token.boolean,
|
||||
:root.theme-dark .token.keyword,
|
||||
:root.theme-dark .token.selector,
|
||||
:root.theme-dark .token.important,
|
||||
:root.theme-dark .token.atrule {
|
||||
color: #cc7832;
|
||||
}
|
||||
|
||||
:root.theme-dark .token.operator,
|
||||
:root.theme-dark .token.punctuation,
|
||||
:root.theme-dark .token.attr-name {
|
||||
color: #a9b7c6;
|
||||
}
|
||||
|
||||
:root.theme-dark .token.tag,
|
||||
:root.theme-dark .token.tag .punctuation,
|
||||
:root.theme-dark .token.doctype,
|
||||
:root.theme-dark .token.builtin {
|
||||
color: #e8bf6a;
|
||||
}
|
||||
|
||||
:root.theme-dark .token.entity,
|
||||
:root.theme-dark .token.number,
|
||||
:root.theme-dark .token.symbol {
|
||||
color: #6897bb;
|
||||
}
|
||||
|
||||
:root.theme-dark .token.property,
|
||||
:root.theme-dark .token.constant,
|
||||
:root.theme-dark .token.variable {
|
||||
color: #9876aa;
|
||||
}
|
||||
|
||||
:root.theme-dark .token.string,
|
||||
:root.theme-dark .token.char {
|
||||
color: #6a8759;
|
||||
}
|
||||
|
||||
:root.theme-dark .token.attr-value,
|
||||
:root.theme-dark .token.attr-value .punctuation {
|
||||
color: #a5c261;
|
||||
}
|
||||
|
||||
:root.theme-dark .token.attr-value .punctuation:first-child {
|
||||
color: #a9b7c6;
|
||||
}
|
||||
|
||||
:root.theme-dark .token.url {
|
||||
text-decoration: underline;
|
||||
|
||||
color: #287bde;
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
:root.theme-dark .token.function {
|
||||
color: #ffc66d;
|
||||
}
|
||||
|
||||
:root.theme-dark .token.regex {
|
||||
background: #364135;
|
||||
}
|
||||
|
||||
:root.theme-dark .token.deleted {
|
||||
background: #484a4a;
|
||||
}
|
||||
|
||||
:root.theme-dark .token.inserted {
|
||||
background: #294436;
|
||||
}
|
||||
|
||||
:root.theme-dark .token.class-name {
|
||||
color: #a9b7c6;
|
||||
}
|
||||
|
||||
:root.theme-dark .token.function {
|
||||
color: #ffc66d;
|
||||
}
|
||||
|
||||
:root.theme-darkcode .language-css .token.property,
|
||||
:root.theme-darkcode .language-css,
|
||||
:root.theme-dark .token.property + .token.punctuation {
|
||||
color: #a9b7c6;
|
||||
}
|
||||
|
||||
code.language-css .token.id {
|
||||
color: #ffc66d;
|
||||
}
|
||||
|
||||
:root.theme-dark code.language-css .token.selector > .token.class,
|
||||
:root.theme-dark code.language-css .token.selector > .token.attribute,
|
||||
:root.theme-dark code.language-css .token.selector > .token.pseudo-class,
|
||||
:root.theme-dark code.language-css .token.selector > .token.pseudo-element {
|
||||
color: #ffc66d;
|
||||
}
|
||||
|
||||
:root.theme-dark .language-plaintext .token {
|
||||
/* plaintext code should be colored as article text */
|
||||
color: inherit !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -40,8 +40,13 @@
|
|||
--max-width: 1160px;
|
||||
--white-10: hsla(0, 0%, 100%, .1);
|
||||
|
||||
--active-tab-border-color: var(--hover-link-color);
|
||||
--inactive-tab-border-color: #DADFE6;
|
||||
--active-tab-border-color: #7F52FF;
|
||||
--inactive-tab-border-color: rgba(164, 164, 170, 0.7);
|
||||
|
||||
--active-section-color: #7F52FF;
|
||||
--inactive-section-color: rgba(25,25,28,.7);
|
||||
|
||||
--sidemenu-section-active-color: #7F52FF;
|
||||
}
|
||||
|
||||
:root.theme-dark {
|
||||
|
|
@ -56,11 +61,17 @@
|
|||
--copy-icon-hover-color: #fff;
|
||||
|
||||
--active-tab-border-color: var(--default-font-color);
|
||||
--inactive-tab-border-color: var(--border-color);
|
||||
--inactive-tab-border-color: hsla(0, 0%, 100%, 0.4);
|
||||
|
||||
--active-section-color: var(--default-font-color);
|
||||
--inactive-section-color: hsla(0, 0%, 100%, 0.4);
|
||||
|
||||
--navigation-highlight-color: rgba(255, 255, 255, 0.05);
|
||||
--footer-background: hsla(0, 0%, 100%, 0.05);
|
||||
--footer-font-color: hsla(0, 0%, 100%, 0.6);
|
||||
--footer-go-to-top-color: var(--footer-font-color);
|
||||
|
||||
--sidemenu-section-active-color: var(--color-dark);
|
||||
}
|
||||
|
||||
html {
|
||||
|
|
@ -104,6 +115,11 @@ html ::-webkit-scrollbar-thumb {
|
|||
margin-right: var(--horizontal-spacing-for-content);
|
||||
}
|
||||
|
||||
.main-content .content > hr {
|
||||
margin: 30px 0;
|
||||
border-top: 3px double #8c8b8b;
|
||||
}
|
||||
|
||||
.navigation-wrapper {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
|
|
@ -150,14 +166,25 @@ html ::-webkit-scrollbar-thumb {
|
|||
margin: auto 2px;
|
||||
}
|
||||
|
||||
.breadcrumbs .current {
|
||||
color: var(--default-font-color);
|
||||
}
|
||||
|
||||
.tabs-section > .section-tab:first-child,
|
||||
.platform-hinted > .platform-bookmarks-row > .platform-bookmark:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
.section-tab {
|
||||
.section-tab,
|
||||
.platform-hinted > .platform-bookmarks-row > .platform-bookmark {
|
||||
border: 0;
|
||||
padding: 11px 3px;
|
||||
margin: 0 8px;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
font-size: var(--default-font-size);
|
||||
background-color: transparent;
|
||||
color: var(--inactive-section-color);
|
||||
border-bottom: 1px solid var(--inactive-tab-border-color);
|
||||
}
|
||||
|
||||
|
|
@ -165,20 +192,13 @@ html ::-webkit-scrollbar-thumb {
|
|||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.section-tab, .platform-hinted > .platform-bookmarks-row > .platform-bookmark {
|
||||
margin: 0 8px;
|
||||
padding: 11px 3px;
|
||||
cursor: pointer;
|
||||
outline: none;
|
||||
font-size: var(--default-font-size);
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.section-tab:hover {
|
||||
border-bottom: 2px solid var(--active-tab-border-color);
|
||||
color: var(--default-font-color);
|
||||
border-bottom: 2px solid var(--default-font-color);
|
||||
}
|
||||
|
||||
.section-tab[data-active=''] {
|
||||
color: var(--active-section-color);
|
||||
border-bottom: 2px solid var(--active-tab-border-color);
|
||||
}
|
||||
|
||||
|
|
@ -192,8 +212,6 @@ html ::-webkit-scrollbar-thumb {
|
|||
}
|
||||
|
||||
.cover > .platform-hinted {
|
||||
padding-top: 12px;
|
||||
margin-top: 12px;
|
||||
padding-bottom: 12px;
|
||||
}
|
||||
|
||||
|
|
@ -202,18 +220,18 @@ html ::-webkit-scrollbar-thumb {
|
|||
flex-direction: column;
|
||||
}
|
||||
|
||||
.cover .platform-hinted.with-platform-tabs .sourceset-depenent-content > .block ~ .symbol {
|
||||
.cover .platform-hinted.with-platform-tabs .sourceset-dependent-content > .block ~ .symbol {
|
||||
padding-top: 16px;
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.cover .sourceset-depenent-content > .block {
|
||||
.cover .sourceset-dependent-content > .block {
|
||||
padding: 16px 0;
|
||||
font-size: 18px;
|
||||
line-height: 28px;
|
||||
}
|
||||
|
||||
.cover .platform-hinted.with-platform-tabs .sourceset-depenent-content > .block {
|
||||
.cover .platform-hinted.with-platform-tabs .sourceset-dependent-content > .block {
|
||||
padding: 0;
|
||||
font-size: var(--default-font-size);
|
||||
}
|
||||
|
|
@ -237,6 +255,14 @@ p.paragraph:first-child,
|
|||
margin-top: 0;
|
||||
}
|
||||
|
||||
.content .kdoc-tag > p.paragraph {
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.content h4 {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.divergent-group {
|
||||
background-color: var(--background-color);
|
||||
padding: 16px 0 8px 0;
|
||||
|
|
@ -269,13 +295,13 @@ p.paragraph:first-child,
|
|||
|
||||
#main {
|
||||
width: 100%;
|
||||
max-width: calc(100% - 280px);
|
||||
max-width: calc(100% - 300px);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
#leftColumn {
|
||||
width: 280px;
|
||||
width: 300px;
|
||||
border-right: 1px solid var(--border-color);
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
|
|
@ -343,15 +369,15 @@ code.paragraph {
|
|||
cursor: pointer;
|
||||
}
|
||||
|
||||
.symbol span.copy-icon, .sample-container span.copy-icon {
|
||||
.sample-container span.copy-icon {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.symbol:hover span.copy-icon, .sample-container:hover span.copy-icon {
|
||||
.sample-container:hover span.copy-icon {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.symbol span.copy-icon::before, .sample-container span.copy-icon::before {
|
||||
.sample-container span.copy-icon::before {
|
||||
width: 24px;
|
||||
height: 24px;
|
||||
display: inline-block;
|
||||
|
|
@ -364,7 +390,7 @@ code.paragraph {
|
|||
background-color: var(--copy-icon-color);
|
||||
}
|
||||
|
||||
.symbol span.copy-icon:hover::before, .sample-container span.copy-icon:hover::before {
|
||||
.sample-container span.copy-icon:hover::before {
|
||||
background-color: var(--copy-icon-hover-color);
|
||||
}
|
||||
|
||||
|
|
@ -401,7 +427,7 @@ code.paragraph {
|
|||
left: -15em;
|
||||
}
|
||||
|
||||
.symbol:hover .copy-popup-wrapper.active-popup,
|
||||
.table-row:hover .copy-popup-wrapper.active-popup,
|
||||
.sample-container:hover .copy-popup-wrapper.active-popup {
|
||||
display: flex !important;
|
||||
}
|
||||
|
|
@ -447,7 +473,7 @@ code.paragraph {
|
|||
box-sizing: border-box;
|
||||
content: '';
|
||||
top: 0;
|
||||
width: 280px;
|
||||
width: 300px;
|
||||
right: 0;
|
||||
bottom: 0;
|
||||
position: absolute;
|
||||
|
|
@ -501,6 +527,78 @@ code.paragraph {
|
|||
display: none;
|
||||
}
|
||||
|
||||
.overview .nav-link-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 16px auto; /* first is the icon, then name */
|
||||
grid-gap: 6px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nav-icon {
|
||||
width: 16px;
|
||||
height: 16px;
|
||||
}
|
||||
|
||||
.nav-icon.class::before {
|
||||
content: url("../images/nav-icons/class.svg");
|
||||
}
|
||||
|
||||
.nav-icon.class-kt::before {
|
||||
content: url("../images/nav-icons/class-kotlin.svg");
|
||||
}
|
||||
|
||||
.nav-icon.function::before {
|
||||
content: url("../images/nav-icons/function.svg");
|
||||
}
|
||||
|
||||
.nav-icon.enum-class::before {
|
||||
content: url("../images/nav-icons/enum.svg");
|
||||
}
|
||||
|
||||
.nav-icon.enum-class-kt::before {
|
||||
content: url("../images/nav-icons/enum-kotlin.svg");
|
||||
}
|
||||
|
||||
.nav-icon.annotation-class::before {
|
||||
content: url("../images/nav-icons/annotation.svg");
|
||||
}
|
||||
|
||||
.nav-icon.annotation-class-kt::before {
|
||||
content: url("../images/nav-icons/annotation-kotlin.svg");
|
||||
}
|
||||
|
||||
.nav-icon.abstract-class::before {
|
||||
content: url("../images/nav-icons/abstract-class.svg");
|
||||
}
|
||||
|
||||
.nav-icon.abstract-class-kt::before {
|
||||
content: url("../images/nav-icons/abstract-class-kotlin.svg");
|
||||
}
|
||||
|
||||
.nav-icon.exception-class::before {
|
||||
content: url("../images/nav-icons/exception-class.svg");
|
||||
}
|
||||
|
||||
.nav-icon.interface::before {
|
||||
content: url("../images/nav-icons/interface.svg");
|
||||
}
|
||||
|
||||
.nav-icon.interface-kt::before {
|
||||
content: url("../images/nav-icons/interface-kotlin.svg");
|
||||
}
|
||||
|
||||
.nav-icon.object::before {
|
||||
content: url("../images/nav-icons/object.svg");
|
||||
}
|
||||
|
||||
.nav-icon.val::before {
|
||||
content: url("../images/nav-icons/field-value.svg");
|
||||
}
|
||||
|
||||
.nav-icon.var::before {
|
||||
content: url("../images/nav-icons/field-variable.svg");
|
||||
}
|
||||
|
||||
.filtered > a, .filtered > .navButton {
|
||||
display: none;
|
||||
}
|
||||
|
|
@ -550,8 +648,8 @@ h1 {
|
|||
|
||||
|
||||
h1.cover {
|
||||
font-size: 60px;
|
||||
line-height: 64px;
|
||||
font-size: 52px;
|
||||
line-height: 56px;
|
||||
letter-spacing: -1.5px;
|
||||
margin-bottom: 0;
|
||||
padding-bottom: 32px;
|
||||
|
|
@ -611,6 +709,12 @@ a small {
|
|||
display: block;
|
||||
}
|
||||
|
||||
u {
|
||||
text-decoration: none;
|
||||
padding-bottom: 2px;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
blockquote {
|
||||
border-left: 1ch solid var(--default-gray);
|
||||
margin: 0;
|
||||
|
|
@ -646,6 +750,39 @@ small {
|
|||
font-size: 11px;
|
||||
}
|
||||
|
||||
.deprecation-content {
|
||||
margin: 20px 10px;
|
||||
border:1px solid var(--border-color);
|
||||
padding: 13px 15px 16px 15px;
|
||||
}
|
||||
|
||||
.deprecation-content > h3 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.deprecation-content > h4 {
|
||||
font-size: 16px;
|
||||
margin-top: 15px;
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.deprecation-content code.block {
|
||||
padding: 5px 10px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.deprecation-content .footnote {
|
||||
margin-left: 25px;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
display: block;
|
||||
}
|
||||
|
||||
.deprecation-content .footnote > p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.platform-tag {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
|
|
@ -788,60 +925,20 @@ td.content {
|
|||
|
||||
.platform-hinted > .platform-bookmarks-row > .platform-bookmark {
|
||||
min-width: 64px;
|
||||
border: 2px solid var(--background-color);
|
||||
background: inherit;
|
||||
outline: none;
|
||||
flex: none;
|
||||
order: 5;
|
||||
align-self: flex-start;
|
||||
}
|
||||
|
||||
.platform-hinted > .platform-bookmarks-row > .platform-bookmark.jvm-like {
|
||||
border-bottom: 2px solid rgba(77, 187, 95, 0.3);
|
||||
.platform-hinted > .platform-bookmarks-row > .platform-bookmark:hover {
|
||||
color: var(--default-font-color);
|
||||
border-bottom: 2px solid var(--default-font-color);
|
||||
}
|
||||
|
||||
.platform-hinted > .platform-bookmarks-row > .platform-bookmark.js-like {
|
||||
border-bottom: 2px solid rgba(254, 175, 54, 0.3);
|
||||
}
|
||||
|
||||
.platform-hinted > .platform-bookmarks-row > .platform-bookmark.native-like {
|
||||
border-bottom: 2px solid rgba(105, 118, 249, 0.3);
|
||||
}
|
||||
|
||||
.platform-hinted > .platform-bookmarks-row > .platform-bookmark.common-like {
|
||||
border-bottom: 2px solid rgba(161, 170, 180, 0.3);
|
||||
}
|
||||
|
||||
.platform-hinted > .platform-bookmarks-row > .platform-bookmark.jvm-like[data-active=''],
|
||||
.platform-hinted > .platform-bookmarks-row > .platform-bookmark.jvm-like:hover {
|
||||
border: 2px solid var(--background-color);
|
||||
border-bottom: 2px solid #4DBB5F;
|
||||
|
||||
background: var(--background-color);
|
||||
}
|
||||
|
||||
.platform-hinted > .platform-bookmarks-row > .platform-bookmark.js-like[data-active=''],
|
||||
.platform-hinted > .platform-bookmarks-row > .platform-bookmark.js-like:hover {
|
||||
border: 2px solid var(--background-color);
|
||||
border-bottom: 2px solid #FED236;
|
||||
|
||||
background: var(--background-color);
|
||||
}
|
||||
|
||||
.platform-hinted > .platform-bookmarks-row > .platform-bookmark.native-like[data-active=''],
|
||||
.platform-hinted > .platform-bookmarks-row > .platform-bookmark.native-like:hover {
|
||||
border: 2px solid var(--background-color);
|
||||
border-bottom: 2px solid #CD74F6;
|
||||
|
||||
background: var(--background-color);
|
||||
}
|
||||
|
||||
.platform-hinted > .platform-bookmarks-row > .platform-bookmark.common-like[data-active=''],
|
||||
.platform-hinted > .platform-bookmarks-row > .platform-bookmark.common-like:hover {
|
||||
border: 2px solid var(--background-color);
|
||||
border-bottom: 2px solid #A6AFBA;
|
||||
|
||||
background: var(--background-color);
|
||||
.platform-hinted > .platform-bookmarks-row > .platform-bookmark[data-active=''] {
|
||||
border-bottom: 2px solid var(--active-tab-border-color);
|
||||
color: var(--active-section-color);
|
||||
}
|
||||
|
||||
.platform-hinted > .content:not([data-active]),
|
||||
|
|
@ -896,13 +993,13 @@ td.content {
|
|||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.table-row .with-platform-tabs .sourceset-depenent-content .brief,
|
||||
.table-row .with-platform-tabs .sourceset-depenent-content .inline-comment {
|
||||
.table-row .platform-hinted .sourceset-dependent-content .brief,
|
||||
.table-row .platform-hinted .sourceset-dependent-content .inline-comment {
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
.sideMenuPart[data-active] > .overview:before {
|
||||
background: var(--color-dark);
|
||||
background: var(--sidemenu-section-active-color);
|
||||
}
|
||||
|
||||
.sideMenuPart[data-active] > .overview > a {
|
||||
|
|
@ -943,6 +1040,7 @@ td.content {
|
|||
|
||||
.keyValue {
|
||||
display: grid;
|
||||
grid-gap: 8px;
|
||||
}
|
||||
|
||||
@media print, screen and (min-width: 960px) {
|
||||
|
|
@ -1117,7 +1215,7 @@ div.runnablesample {
|
|||
|
||||
#leftColumn {
|
||||
position: fixed;
|
||||
margin-left: -280px;
|
||||
margin-left: -300px;
|
||||
transition: margin .2s ease-out;
|
||||
z-index: 4;
|
||||
background: white;
|
||||
|
|
@ -1146,7 +1244,7 @@ div.runnablesample {
|
|||
}
|
||||
|
||||
#leftColumn.open ~ #main #leftToggler {
|
||||
margin-left: 280px;
|
||||
margin-left: 300px;
|
||||
}
|
||||
|
||||
.icon-toggler::before {
|
||||
|
|
@ -1183,3 +1281,13 @@ div.runnablesample {
|
|||
display: none;
|
||||
}
|
||||
}
|
||||
.clearfix::after {
|
||||
content: ' ';
|
||||
clear: both;
|
||||
display: block;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
.floating-right {
|
||||
float: right;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue