diff --git a/dokka-subprojects/plugin-base-frontend/src/main/components/assets/searchIcon.svg b/dokka-subprojects/plugin-base-frontend/src/main/components/assets/searchIcon.svg index 3fa1f24fe8..2dd04fe621 100644 --- a/dokka-subprojects/plugin-base-frontend/src/main/components/assets/searchIcon.svg +++ b/dokka-subprojects/plugin-base-frontend/src/main/components/assets/searchIcon.svg @@ -1,3 +1,3 @@ - - + + diff --git a/dokka-subprojects/plugin-base-frontend/src/main/components/search/search.scss b/dokka-subprojects/plugin-base-frontend/src/main/components/search/search.scss index 6a16f1f89d..d2c17c5fb9 100644 --- a/dokka-subprojects/plugin-base-frontend/src/main/components/search/search.scss +++ b/dokka-subprojects/plugin-base-frontend/src/main/components/search/search.scss @@ -2,29 +2,27 @@ * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. */ +@import '../../ui-kit/tokens/index'; + $font-color: hsla(0deg, 0%, 100%, 0.8); $secondary-font-color: hsla(0deg, 0%, 100%, 0.6); #pages-search { + padding: 0; + cursor: pointer; border: none; - border-radius: 50%; background: transparent; - fill: #fff; - fill: var(--dark-mode-and-search-icon-color); - &:hover { - background: var(--white-10); - } + font-size: 0; } .search { &, [data-test='ring-select'], [data-test='ring-tooltip'], - [data-test='ring-select_focus'], - #pages-search { + [data-test='ring-select_focus'] { display: inline-block; margin: 0; diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/index.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/filter-section/index.ts similarity index 80% rename from dokka-subprojects/plugin-base-frontend/src/main/ui-kit/index.scss rename to dokka-subprojects/plugin-base-frontend/src/main/ui-kit/filter-section/index.ts index 7f9e25ebc8..fdaa339ab4 100644 --- a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/index.scss +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/filter-section/index.ts @@ -1,5 +1,5 @@ -/*! +/* * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. */ -@import 'tabs/styles'; +import './styles.scss'; diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/filter-section/styles.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/filter-section/styles.scss new file mode 100644 index 0000000000..573a254861 --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/filter-section/styles.scss @@ -0,0 +1,23 @@ +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ +@import '../tokens/index'; + +.filter-section { + z-index: 0; + + display: flex; + align-items: center; + flex-wrap: wrap; + + margin-right: 12px; + gap: 2px; + + @media (width <= $breakpoint-desktop-min) { + display: none; + } +} + +.no-js .filter-section { + display: none; +} diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/global.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/global.scss new file mode 100644 index 0000000000..7bd55a665e --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/global.scss @@ -0,0 +1,17 @@ +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ +@import 'tokens/index'; + +:root { + --color-background: var(--color-background-page); +} + +.theme-dark { + --color-background: var(--color-background-page-dt); +} + +body, +table { + background-color: var(--color-background); +} diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/helpers.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/helpers.scss new file mode 100644 index 0000000000..04bb403f47 --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/helpers.scss @@ -0,0 +1,16 @@ +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ +@import 'tokens/index'; + +.ui-kit_desktop-only { + @media (width < $breakpoint-desktop-min) { + display: none; + } +} + +.ui-kit_mobile-only { + @media (width >= $breakpoint-desktop-min) { + display: none; + } +} diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/index.ts b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/index.ts index 9d1367bef1..6f54e96d70 100644 --- a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/index.ts +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/index.ts @@ -1,6 +1,15 @@ /* * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. */ +import * as filterSection from './filter-section/index'; +import * as libraryName from './library-name/index'; +import * as libraryVersion from './library-version/index'; +import * as navbar from './navbar/index'; +import * as navbarButton from './navbar-button/index'; +import * as platformTag from './platform-tag/index'; +import * as platformTags from './platform-tags/index'; import * as tabs from './tabs/index'; +import './helpers.scss'; +import './global.scss'; -export { tabs }; +export { filterSection, libraryName, libraryVersion, navbar, navbarButton, platformTag, platformTags, tabs }; diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/library-name/index.ts b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/library-name/index.ts new file mode 100644 index 0000000000..fdaa339ab4 --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/library-name/index.ts @@ -0,0 +1,5 @@ +/* + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ + +import './styles.scss'; diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/library-name/styles.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/library-name/styles.scss new file mode 100644 index 0000000000..ed15b0dc52 --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/library-name/styles.scss @@ -0,0 +1,39 @@ +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ +@import '../tokens/index'; + +:root { + --dokka-logo-height: 28px; + --dokka-logo-width: 28px; +} + +.library-name--link { + display: flex; + align-items: center; + + margin-right: var(--size-s2); + + white-space: nowrap; + + color: var(--color-text-dt); + + font: var(--font-h4); + + @media (width <= $breakpoint-desktop-min) { + height: 52px; + + margin-left: 12px; + } +} + +.library-name--link::before { + width: var(--dokka-logo-height); + height: var(--dokka-logo-width); + margin-right: var(--size-s2); + + content: ''; + + background: var(--dokka-logo-image-url) center no-repeat; + background-size: var(--dokka-logo-height) var(--dokka-logo-width); +} diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/library-version/index.ts b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/library-version/index.ts new file mode 100644 index 0000000000..fdaa339ab4 --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/library-version/index.ts @@ -0,0 +1,5 @@ +/* + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ + +import './styles.scss'; diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/library-version/styles.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/library-version/styles.scss new file mode 100644 index 0000000000..99362a57de --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/library-version/styles.scss @@ -0,0 +1,20 @@ +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ + +@import '../tokens/index'; + +.library-version { + color: var(--color-text-dt); + + font: var(--font-text-s); + + @media (width <= $breakpoint-desktop-min) { + display: flex; + align-items: center; + + height: 52px; + + background-color: var(--color-text); + } +} diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/assets/burger.svg b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/assets/burger.svg new file mode 100644 index 0000000000..aa4bb06e27 --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/assets/burger.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/assets/filter.svg b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/assets/filter.svg new file mode 100644 index 0000000000..747574ed9e --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/assets/filter.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/assets/homepage.svg b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/assets/homepage.svg new file mode 100644 index 0000000000..e3c83b1ce3 --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/assets/homepage.svg @@ -0,0 +1,3 @@ + + + diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/assets/theme-toggle.svg b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/assets/theme-toggle.svg new file mode 100644 index 0000000000..e2b6cb5f7f --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/assets/theme-toggle.svg @@ -0,0 +1,3 @@ + + + diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/index.ts b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/index.ts new file mode 100644 index 0000000000..fdaa339ab4 --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/index.ts @@ -0,0 +1,5 @@ +/* + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ + +import './styles.scss'; diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/styles.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/styles.scss new file mode 100644 index 0000000000..187a86db9a --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar-button/styles.scss @@ -0,0 +1,80 @@ +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ + +@import '../tokens/index'; + +.navigation-controls { + display: flex; + align-items: center; + gap: var(--size-s1); + + margin-left: auto; + + @media (width <= $breakpoint-desktop-min) { + flex-grow: 1; + justify-content: flex-end; + + background-color: var(--color-text); + gap: 0; + } +} + +.no-js .navigation-controls { + display: none; +} + +.navigation-controls--btn { + display: inline-flex; + align-items: center; + justify-content: center; + + width: 40px; + height: 40px; + padding: 0; + + cursor: pointer; + transition: var(--hover-transition); + + border: none; + border-radius: var(--size-s1); + background-color: inherit; + background-repeat: no-repeat; + background-position: 50% 50%; + background-size: 24px 24px; + + font-size: 0; + line-height: 0; + will-change: background-color; + + &:hover { + background-color: var(--color-w10); + } + + @media (width <= $breakpoint-desktop-min) { + width: 52px; + height: 52px; + } +} + +.navigation-controls--break { + flex-basis: 100%; +} + +.navigation-controls--btn_theme { + background-image: url('./assets/theme-toggle.svg'); +} + +.navigation-controls--btn_homepage { + background-image: url('./assets/homepage.svg'); +} + +.navigation-controls--btn_menu { + margin-left: auto; + + background-image: url('./assets/burger.svg'); +} + +.navigation-controls--btn_filter { + background-image: url('./assets/filter.svg'); +} diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar/index.ts b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar/index.ts new file mode 100644 index 0000000000..fdaa339ab4 --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar/index.ts @@ -0,0 +1,5 @@ +/* + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ + +import './styles.scss'; diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar/styles.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar/styles.scss new file mode 100644 index 0000000000..216622e550 --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/navbar/styles.scss @@ -0,0 +1,29 @@ +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ +@import '../tokens/index'; + +.navigation { + z-index: 4; + + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: flex-start; + + box-sizing: border-box; + height: var(--size-l1); + padding: 12px var(--size-m1); + + color: var(--color-text-dt); + background-color: var(--color-background-nav); + + @media (width <= $breakpoint-desktop-min) { + height: auto; + padding: 0; + } + + .theme-dark & { + background-color: var(--color-background-nav-dt); + } +} diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/platform-tag/index.ts b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/platform-tag/index.ts new file mode 100644 index 0000000000..fdaa339ab4 --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/platform-tag/index.ts @@ -0,0 +1,5 @@ +/* + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ + +import './styles.scss'; diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/platform-tag/styles.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/platform-tag/styles.scss new file mode 100644 index 0000000000..061616dc31 --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/platform-tag/styles.scss @@ -0,0 +1,84 @@ +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ +@import '../tokens/index'; + +.platform-tag { + --platform-tag-color: #bababb; + + padding: 10px 12px; + + cursor: pointer; + + text-transform: capitalize; + + border: 0 none; + + border-radius: var(--size-s1); + + font: var(--font-text-s); +} + +.platform-tag.js-like, +.platform-tag.jvm-like, +.platform-tag.wasm-like { + text-transform: uppercase; +} + +.platform-tags .platform-tag { + display: flex; + align-items: center; +} + +.filter-section .platform-tag[data-active] { + color: #19191c; + background-color: var(--platform-tag-color); +} + +.filter-section .platform-tag.jvm-like[data-active], +.platform-tags .platform-tag.jvm-like { + --platform-tag-color: #4dbb5f; +} + +.filter-section .platform-tag.js-like[data-active], +.platform-tags .platform-tag.js-like { + --platform-tag-color: #ffc700; +} + +.filter-section .platform-tag.native-like[data-active], +.platform-tags .platform-tag.native-like { + --platform-tag-color: #e082f3; +} + +.filter-section .platform-tag.wasm-like[data-active], +.platform-tags .platform-tag.wasm-like { + --platform-tag-color: #9585f9; +} + +.filter-section .platform-tag[data-active]:hover { + color: #fff; + background-color: rgba(186, 186, 187, 0.7); +} + +.filter-section .platform-tag:not([data-active]) { + text-decoration: line-through; + + color: var(--color-w50); + background-color: var(--color-w10); +} + +.platform-tags .platform-tag::before { + display: inline-block; + + width: 8px; + height: 8px; + margin: 0 4px 0 8px; + + content: ''; + + border-radius: 50%; + background: var(--platform-tag-color); + + font-size: 13px; + line-height: 1.6; +} diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/platform-tags/index.ts b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/platform-tags/index.ts new file mode 100644 index 0000000000..fdaa339ab4 --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/platform-tags/index.ts @@ -0,0 +1,5 @@ +/* + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ + +import './styles.scss'; diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/platform-tags/styles.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/platform-tags/styles.scss new file mode 100644 index 0000000000..8547e23472 --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/platform-tags/styles.scss @@ -0,0 +1,11 @@ +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ + +.platform-tags { + display: flex; + flex-wrap: wrap; + + margin-bottom: -8px; + margin-left: -4px; +} diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tabs/styles.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tabs/styles.scss index 77df6345ed..e56828839c 100644 --- a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tabs/styles.scss +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tabs/styles.scss @@ -66,7 +66,7 @@ flex: none; order: 5; - min-width: 64px; + min-width: var(--size-l1); background: inherit; } diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tokens/colors.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tokens/colors.scss index 8accf82ea7..a3afc50fa1 100644 --- a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tokens/colors.scss +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tokens/colors.scss @@ -4,19 +4,23 @@ :root { // Interface --color-key-blue: rgb(48, 127, 255); //#307FFF; - --color-nav-bar: rgb(39, 40, 44); - --color-dark-theme-bg: rgb(38, 38, 40); + --color-background-nav: rgb(39, 40, 44); + --color-background-nav-dt: rgb(50, 50, 55); + --color-background-page: rgb(255, 255, 255); + --color-background-page-dt: rgb(38, 38, 40); + --color-background-footer: rgb(235, 235, 235); + --color-background-footer-dt: rgb(50, 50, 55); // Text colors (headings, paragraphs, labels) - --color-text-black: rgb(0, 0, 0); - --color-text-white: rgba(255, 255, 255, 0.96); - --color-text-light-black: rgba(0, 0, 0, 0.7); - --color-text-light-white: rgba(255, 255, 255, 0.7); + --color-text: rgb(0, 0, 0); + --color-text-dt: rgba(255, 255, 255, 0.96); + --color-text-light: rgba(0, 0, 0, 0.7); + --color-text-light-dt: rgba(255, 255, 255, 0.7); // Generic monochrome --color-w05: rgba(255, 255, 255, 0.05); --color-w10: rgba(255, 255, 255, 0.1); - --color-w20: rgba(255, 255, 255, 0.2); + --color-w16: rgba(255, 255, 255, 0.16); --color-w50: rgba(255, 255, 255, 0.5); --color-w70: rgba(255, 255, 255, 0.7); --color-w80: rgba(255, 255, 255, 0.8); diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tokens/index.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tokens/index.scss index dd082db141..2418f3e3f7 100644 --- a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tokens/index.scss +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tokens/index.scss @@ -6,3 +6,4 @@ @import 'colors'; @import 'sizes'; @import 'typography'; +@import 'transitions'; diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tokens/transitions.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tokens/transitions.scss new file mode 100644 index 0000000000..d59f82f1e8 --- /dev/null +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tokens/transitions.scss @@ -0,0 +1,7 @@ +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ + +:root { + --hover-transition: background-color 200ms ease-in-out; +} diff --git a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tokens/typography.scss b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tokens/typography.scss index 03bc6ad248..5fc2ec13c2 100644 --- a/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tokens/typography.scss +++ b/dokka-subprojects/plugin-base-frontend/src/main/ui-kit/tokens/typography.scss @@ -11,6 +11,6 @@ --font-h3: 600 24px/24px var(--font-family-default); --font-h4: 600 16px/24px var(--font-family-default); --font-text-m: 400 16px/24px var(--font-family-default); - --font-text-s: 400 13px/24px var(--font-family-default); + --font-text-s: 400 14px/20px var(--font-family-default); --font-code: 400 16px/24px var(--font-family-mono); } diff --git a/dokka-subprojects/plugin-base/src/main/kotlin/org/jetbrains/dokka/base/renderers/html/htmlPreprocessors.kt b/dokka-subprojects/plugin-base/src/main/kotlin/org/jetbrains/dokka/base/renderers/html/htmlPreprocessors.kt index d26cace190..4b78e079b9 100644 --- a/dokka-subprojects/plugin-base/src/main/kotlin/org/jetbrains/dokka/base/renderers/html/htmlPreprocessors.kt +++ b/dokka-subprojects/plugin-base/src/main/kotlin/org/jetbrains/dokka/base/renderers/html/htmlPreprocessors.kt @@ -104,6 +104,12 @@ public class StylesInstaller(private val dokkaContext: DokkaContext) : PageTrans public object AssetsInstaller : PageTransformer { private val imagesPages = listOf( + // ui-kit assets + "ui-kit/assets/burger.svg", + "ui-kit/assets/homepage.svg", + "ui-kit/assets/theme-toggle.svg", + + // images "images/arrow_down.svg", "images/logo-icon.svg", "images/go-to-top-icon.svg", diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/logo-styles.css b/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/logo-styles.css index 988268da69..8281d5ca63 100644 --- a/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/logo-styles.css +++ b/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/logo-styles.css @@ -4,6 +4,6 @@ :root { --dokka-logo-image-url: url('../images/logo-icon.svg'); - --dokka-logo-height: 50px; - --dokka-logo-width: 50px; + --dokka-logo-height: 28px; + --dokka-logo-width: 28px; } diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/style.css b/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/style.css index 628d27dd02..ae091f2b51 100644 --- a/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/style.css +++ b/dokka-subprojects/plugin-base/src/main/resources/dokka/styles/style.css @@ -217,7 +217,7 @@ td:first-child { /* ---dark theme --- */ .theme-dark { - --background-color: #27282c; + --background-color: #262628; --color-dark: #3d3d41; --default-font-color: hsla(0, 0%, 100%, 0.8); --border-color: hsla(0, 0%, 100%, 0.2); @@ -249,170 +249,6 @@ td:first-child { height: 100%; } -/* --- Navigation styles --- */ -.navigation { - display: flex; - justify-content: space-between; - - color: #fff; - background-color: var(--color-dark); - font-family: var(--default-font-family); - letter-spacing: -0.1px; - - /* Reset margin and use padding for border */ - margin-left: 0; - margin-right: 0; - padding: 10px var(--horizontal-spacing-for-content); - - z-index: 4; -} - -.navigation--inner { - display: flex; - flex-wrap: wrap; - justify-content: space-between; - flex: 1 1 auto; -} - -.navigation--inner, .navigation-title { - min-height: 40px; -} - -.navigation-title, .filter-section { - align-items: center; -} - -.navigation-title { - display: flex; - align-items: center; -} - -/* --- Navigation MENU --- */ -.menu-toggle { - color: var(--background-color); - line-height: 0; - font-size: 0; - text-indent: -9999px; - - background: transparent; - border: none; - padding: 0; - margin-right: 16px; - outline: none; - - transition: margin .2s ease-out; - z-index: 5; -} - -@media (min-width: 760px) { - .menu-toggle { - display: none; - } -} - -.menu-toggle::before { - display: block; - content: ''; - background: url('../images/burger.svg') no-repeat center; - height: 28px; - width: 28px; -} - -/* /--- Navigation MENU --- */ - -.library-version { - position: relative; - top: -4px; - margin-left: 3px; - - color: rgba(255, 255, 255, .7); - font-size: 13px; - font-weight: normal; - line-height: 16px; -} - -.filter-section { - z-index: 0; -} - -.no-js .filter-section { - display: none; -} - -@media (min-width: 760px) { - .filter-section { - padding: 5px 0 5px; - } -} - -/* --- Navigation controls --- */ -.navigation-controls { - display: flex; - margin-left: 4px; -} - -@media (min-width: 760px) { - .navigation-controls { - align-items: center; - } -} - -.no-js .navigation-controls { - display: none; -} - -.navigation-controls--btn { - display: inline-flex; - align-items: center; - justify-content: center; - width: 40px; - height: 40px; - border-radius: 50%; - background-color: inherit; - background-position: 50% 50%; - padding: 0; - border: none; - cursor: pointer; - font-size: 0; - line-height: 0; - transition: background-color 200ms ease-in-out; - will-change: background-color; -} - -.navigation-controls--btn:hover { - background-color: var(--white-10); -} - -.navigation-controls--theme { - background-image: url("../images/theme-toggle.svg"); - background-repeat: no-repeat; -} - -@media (max-width: 759px) { - .navigation-controls--theme { - display: none; - } -} - -.navigation-controls--homepage { - background-image: url("../images/homepage.svg"); - background-repeat: no-repeat; - background-size: 24px 24px; -} - -@media (max-width: 759px) { - .navigation-controls--homepage { - display: none; - } -} - -.navigation .platform-selector:not([data-active]) { - color: #fff; -} - -/* /--- Navigation controls --- */ -/* /--- Navigation styles --- */ - /* --- Layout styles --- */ #container { @@ -1037,88 +873,6 @@ p.paragraph img { display: none !important; } -.platform-tags, .filter-section { - display: flex; - flex-wrap: wrap; - margin-bottom: -8px; - margin-left: -4px; -} - -.platform-tag { - --platform-tag-color: #bababb; - border: 0 none; - margin-right: 4px; - margin-bottom: 8px; - - font-family: var(--default-font-family); - font-size: 13px; - line-height: 1.5; - text-transform: capitalize; -} - -.platform-tag.js-like, .platform-tag.jvm-like, .platform-tag.wasm-like { - text-transform: uppercase; -} - -.filter-section .platform-tag { - cursor: pointer; - border-radius: 4px; - padding: 2px 16px; -} - -.filter-section .platform-tag.jvm-like[data-active], .platform-tags .platform-tag.jvm-like { - --platform-tag-color: #4dbb5f; -} - -.filter-section .platform-tag.js-like[data-active], .platform-tags .platform-tag.js-like { - --platform-tag-color: #ffc700; -} - -.filter-section .platform-tag.native-like[data-active], .platform-tags .platform-tag.native-like { - --platform-tag-color: #E082F3; -} - -.filter-section .platform-tag.wasm-like[data-active], .platform-tags .platform-tag.wasm-like { - --platform-tag-color: #9585F9; -} - -.filter-section .platform-tag[data-active]:hover { - color: #fff; - background-color: rgba(186, 186, 187, .7); -} - -.filter-section .platform-tag:not([data-active]) { - color: #fff; - /* Safari doesn't work correctly for `outline` with `border-radius` */ - /* outline: 1px solid rgba(255,255,255,.6); */ - /* ...use `box-shadow` instead: */ - box-shadow: 0 0 0 1px rgb(255 255 255 / 60%); - background-color: rgba(255,255,255,.05); -} - -.filter-section .platform-tag[data-active] { - color: #19191c; - background-color: var(--platform-tag-color); -} - -.platform-tags .platform-tag { - display: flex; - align-items: center; -} - -.platform-tags .platform-tag::before { - display: inline-block; - content: ''; - border-radius: 50%; - background: var(--platform-tag-color); - margin: 0 4px 0 8px; - height: 8px; - width: 8px; - - font-size: 13px; - line-height: 1.6; -} - td.content { padding-left: 24px; padding-top: 16px; @@ -1408,34 +1162,3 @@ div.runnablesample { } /* /--- footer --- */ - -/* Logo styles */ -:root { - --dokka-logo-image-url: url('../images/logo-icon.svg'); - --dokka-logo-height: 50px; - --dokka-logo-width: 50px; -} - -.library-name--link { - display: flex; - align-items: center; - color: #fff; - font-weight: 530; -} - -.library-name--link::before { - content: ''; - background: var(--dokka-logo-image-url) center no-repeat; - background-size: var(--dokka-logo-height) var(--dokka-logo-width); - margin-right: 5px; - width: var(--dokka-logo-height); - height: var(--dokka-logo-width); -} - -@media (max-width: 759px) { - .library-name--link::before { - display: none; - } -} - -/* / Logo styles */ diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/templates/includes/header.ftl b/dokka-subprojects/plugin-base/src/main/resources/dokka/templates/includes/header.ftl index b55ecf8143..9e156d0207 100644 --- a/dokka-subprojects/plugin-base/src/main/resources/dokka/templates/includes/header.ftl +++ b/dokka-subprojects/plugin-base/src/main/resources/dokka/templates/includes/header.ftl @@ -1,31 +1,27 @@ <#import "source_set_selector.ftl" as source_set_selector> <#macro display> -
-
- -
- <@template_cmd name="pathToRoot"> - - <@template_cmd name="projectName"> - ${projectName} - - +
-
- <#-- This can be handled by the versioning plugin --> - <@version/> -
+ + + +
+
+ <#-- This can be handled by the versioning plugin --> + <@version/>
- <@source_set_selector.display/> -
-
- <#if homepageLink?has_content> - - - -
search in API
-
- +
+ <@source_set_selector.display/> + <#if homepageLink?has_content> + + + + +
Search in API
+
+ diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/assets/burger.svg b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/assets/burger.svg new file mode 100644 index 0000000000..aa4bb06e27 --- /dev/null +++ b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/assets/burger.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/assets/filter.svg b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/assets/filter.svg new file mode 100644 index 0000000000..747574ed9e --- /dev/null +++ b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/assets/filter.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/assets/homepage.svg b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/assets/homepage.svg new file mode 100644 index 0000000000..e3c83b1ce3 --- /dev/null +++ b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/assets/homepage.svg @@ -0,0 +1,3 @@ + + + diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/assets/theme-toggle.svg b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/assets/theme-toggle.svg new file mode 100644 index 0000000000..e2b6cb5f7f --- /dev/null +++ b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/assets/theme-toggle.svg @@ -0,0 +1,3 @@ + + + diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.css b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.css index b589982b72..eaba8fd5e3 100644 --- a/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.css +++ b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.css @@ -16,15 +16,19 @@ */ :root { --color-key-blue: rgb(48, 127, 255); - --color-nav-bar: rgb(39, 40, 44); - --color-dark-theme-bg: rgb(38, 38, 40); - --color-text-black: rgb(0, 0, 0); - --color-text-white: rgba(255, 255, 255, 0.96); - --color-text-light-black: rgba(0, 0, 0, 0.7); - --color-text-light-white: rgba(255, 255, 255, 0.7); + --color-background-nav: rgb(39, 40, 44); + --color-background-nav-dt: rgb(50, 50, 55); + --color-background-page: rgb(255, 255, 255); + --color-background-page-dt: rgb(38, 38, 40); + --color-background-footer: rgb(235, 235, 235); + --color-background-footer-dt: rgb(50, 50, 55); + --color-text: rgb(0, 0, 0); + --color-text-dt: rgba(255, 255, 255, 0.96); + --color-text-light: rgba(0, 0, 0, 0.7); + --color-text-light-dt: rgba(255, 255, 255, 0.7); --color-w05: rgba(255, 255, 255, 0.05); --color-w10: rgba(255, 255, 255, 0.1); - --color-w20: rgba(255, 255, 255, 0.2); + --color-w16: rgba(255, 255, 255, 0.16); --color-w50: rgba(255, 255, 255, 0.5); --color-w70: rgba(255, 255, 255, 0.7); --color-w80: rgba(255, 255, 255, 0.8); @@ -73,8 +77,761 @@ --font-h3: 600 24px/24px var(--font-family-default); --font-h4: 600 16px/24px var(--font-family-default); --font-text-m: 400 16px/24px var(--font-family-default); - --font-text-s: 400 13px/24px var(--font-family-default); + --font-text-s: 400 14px/20px var(--font-family-default); --font-code: 400 16px/24px var(--font-family-mono); +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --hover-transition: background-color 200ms ease-in-out; +} + +.filter-section { + z-index: 0; + display: flex; + align-items: center; + flex-wrap: wrap; + margin-right: 12px; + gap: 2px; +} + +@media (width <= 900px) { + .filter-section { + display: none; + } +} +.no-js .filter-section { + display: none; +} +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --breakpoint-desktop-min: 900px; + --breakpoint-tablet-max: 899px; + --breakpoint-tablet-min: 440px; + --breakpoint-mobile-max: 439px; + --breakpoint-mobile-min: 360px; +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --color-key-blue: rgb(48, 127, 255); + --color-background-nav: rgb(39, 40, 44); + --color-background-nav-dt: rgb(50, 50, 55); + --color-background-page: rgb(255, 255, 255); + --color-background-page-dt: rgb(38, 38, 40); + --color-background-footer: rgb(235, 235, 235); + --color-background-footer-dt: rgb(50, 50, 55); + --color-text: rgb(0, 0, 0); + --color-text-dt: rgba(255, 255, 255, 0.96); + --color-text-light: rgba(0, 0, 0, 0.7); + --color-text-light-dt: rgba(255, 255, 255, 0.7); + --color-w05: rgba(255, 255, 255, 0.05); + --color-w10: rgba(255, 255, 255, 0.1); + --color-w16: rgba(255, 255, 255, 0.16); + --color-w50: rgba(255, 255, 255, 0.5); + --color-w70: rgba(255, 255, 255, 0.7); + --color-w80: rgba(255, 255, 255, 0.8); + --color-b05: rgba(0, 0, 0, 0.05); + --color-b08: rgba(0, 0, 0, 0.08); + --color-b20: rgba(0, 0, 0, 0.2); + --color-b50: rgba(0, 0, 0, 0.5); + --color-b70: rgba(0, 0, 0, 0.7); + --color-cd-punctuation: rgb(153, 153, 153); + --color-cd-keyword: rgb(0, 51, 179); + --color-cd-keyword-alternative: rgba(204, 120, 50); + --color-cd-builtin: rgb(6, 125, 23); + --color-cd-builtin-alternative: rgb(231, 191, 106); + --color-cd-function: rgb(0, 98, 122); + --color-cd-function-alternative: rgb(255, 198, 109); + --color-cd-operator: rgb(154, 110, 58); + --color-cd-operator-alternative: rgb(169, 183, 198); + --color-cd-body: rgb(0, 0, 0); + --color-cd-body-alternative: rgb(169, 183, 198); + --color-generic: rgb(83, 157, 243); + --color-jvm: rgb(77, 187, 95); + --color-js: rgb(255, 199, 0); + --color-wasm: rgb(255, 255, 255); +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --size-s1: 4px; + --size-s2: 8px; + --size-s3: 16px; + --size-m1: 24px; + --size-m2: 32px; + --size-m3: 48px; + --size-l1: 64px; + --size-l2: 72px; + --size-ta1: 40px; + --size-ta2: 52px; +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --font-family-default: JetBrains Sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif; + --font-family-mono: JetBrains Mono, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; + --font-h1: 600 44px/44px var(--font-family-default); + --font-h2: 600 32px/32px var(--font-family-default); + --font-h3: 600 24px/24px var(--font-family-default); + --font-h4: 600 16px/24px var(--font-family-default); + --font-text-m: 400 16px/24px var(--font-family-default); + --font-text-s: 400 14px/20px var(--font-family-default); + --font-code: 400 16px/24px var(--font-family-mono); +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --hover-transition: background-color 200ms ease-in-out; +} + +:root { + --dokka-logo-height: 28px; + --dokka-logo-width: 28px; +} + +.library-name--link { + display: flex; + align-items: center; + margin-right: var(--size-s2); + white-space: nowrap; + color: var(--color-text-dt); + font: var(--font-h4); +} + +@media (width <= 900px) { + .library-name--link { + height: 52px; + margin-left: 12px; + } +} +.library-name--link::before { + width: var(--dokka-logo-height); + height: var(--dokka-logo-width); + margin-right: var(--size-s2); + content: ""; + background: var(--dokka-logo-image-url) center no-repeat; + background-size: var(--dokka-logo-height) var(--dokka-logo-width); +} +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --breakpoint-desktop-min: 900px; + --breakpoint-tablet-max: 899px; + --breakpoint-tablet-min: 440px; + --breakpoint-mobile-max: 439px; + --breakpoint-mobile-min: 360px; +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --color-key-blue: rgb(48, 127, 255); + --color-background-nav: rgb(39, 40, 44); + --color-background-nav-dt: rgb(50, 50, 55); + --color-background-page: rgb(255, 255, 255); + --color-background-page-dt: rgb(38, 38, 40); + --color-background-footer: rgb(235, 235, 235); + --color-background-footer-dt: rgb(50, 50, 55); + --color-text: rgb(0, 0, 0); + --color-text-dt: rgba(255, 255, 255, 0.96); + --color-text-light: rgba(0, 0, 0, 0.7); + --color-text-light-dt: rgba(255, 255, 255, 0.7); + --color-w05: rgba(255, 255, 255, 0.05); + --color-w10: rgba(255, 255, 255, 0.1); + --color-w16: rgba(255, 255, 255, 0.16); + --color-w50: rgba(255, 255, 255, 0.5); + --color-w70: rgba(255, 255, 255, 0.7); + --color-w80: rgba(255, 255, 255, 0.8); + --color-b05: rgba(0, 0, 0, 0.05); + --color-b08: rgba(0, 0, 0, 0.08); + --color-b20: rgba(0, 0, 0, 0.2); + --color-b50: rgba(0, 0, 0, 0.5); + --color-b70: rgba(0, 0, 0, 0.7); + --color-cd-punctuation: rgb(153, 153, 153); + --color-cd-keyword: rgb(0, 51, 179); + --color-cd-keyword-alternative: rgba(204, 120, 50); + --color-cd-builtin: rgb(6, 125, 23); + --color-cd-builtin-alternative: rgb(231, 191, 106); + --color-cd-function: rgb(0, 98, 122); + --color-cd-function-alternative: rgb(255, 198, 109); + --color-cd-operator: rgb(154, 110, 58); + --color-cd-operator-alternative: rgb(169, 183, 198); + --color-cd-body: rgb(0, 0, 0); + --color-cd-body-alternative: rgb(169, 183, 198); + --color-generic: rgb(83, 157, 243); + --color-jvm: rgb(77, 187, 95); + --color-js: rgb(255, 199, 0); + --color-wasm: rgb(255, 255, 255); +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --size-s1: 4px; + --size-s2: 8px; + --size-s3: 16px; + --size-m1: 24px; + --size-m2: 32px; + --size-m3: 48px; + --size-l1: 64px; + --size-l2: 72px; + --size-ta1: 40px; + --size-ta2: 52px; +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --font-family-default: JetBrains Sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif; + --font-family-mono: JetBrains Mono, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; + --font-h1: 600 44px/44px var(--font-family-default); + --font-h2: 600 32px/32px var(--font-family-default); + --font-h3: 600 24px/24px var(--font-family-default); + --font-h4: 600 16px/24px var(--font-family-default); + --font-text-m: 400 16px/24px var(--font-family-default); + --font-text-s: 400 14px/20px var(--font-family-default); + --font-code: 400 16px/24px var(--font-family-mono); +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --hover-transition: background-color 200ms ease-in-out; +} + +.library-version { + color: var(--color-text-dt); + font: var(--font-text-s); +} + +@media (width <= 900px) { + .library-version { + display: flex; + align-items: center; + height: 52px; + background-color: var(--color-text); + } +} +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --breakpoint-desktop-min: 900px; + --breakpoint-tablet-max: 899px; + --breakpoint-tablet-min: 440px; + --breakpoint-mobile-max: 439px; + --breakpoint-mobile-min: 360px; +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --color-key-blue: rgb(48, 127, 255); + --color-background-nav: rgb(39, 40, 44); + --color-background-nav-dt: rgb(50, 50, 55); + --color-background-page: rgb(255, 255, 255); + --color-background-page-dt: rgb(38, 38, 40); + --color-background-footer: rgb(235, 235, 235); + --color-background-footer-dt: rgb(50, 50, 55); + --color-text: rgb(0, 0, 0); + --color-text-dt: rgba(255, 255, 255, 0.96); + --color-text-light: rgba(0, 0, 0, 0.7); + --color-text-light-dt: rgba(255, 255, 255, 0.7); + --color-w05: rgba(255, 255, 255, 0.05); + --color-w10: rgba(255, 255, 255, 0.1); + --color-w16: rgba(255, 255, 255, 0.16); + --color-w50: rgba(255, 255, 255, 0.5); + --color-w70: rgba(255, 255, 255, 0.7); + --color-w80: rgba(255, 255, 255, 0.8); + --color-b05: rgba(0, 0, 0, 0.05); + --color-b08: rgba(0, 0, 0, 0.08); + --color-b20: rgba(0, 0, 0, 0.2); + --color-b50: rgba(0, 0, 0, 0.5); + --color-b70: rgba(0, 0, 0, 0.7); + --color-cd-punctuation: rgb(153, 153, 153); + --color-cd-keyword: rgb(0, 51, 179); + --color-cd-keyword-alternative: rgba(204, 120, 50); + --color-cd-builtin: rgb(6, 125, 23); + --color-cd-builtin-alternative: rgb(231, 191, 106); + --color-cd-function: rgb(0, 98, 122); + --color-cd-function-alternative: rgb(255, 198, 109); + --color-cd-operator: rgb(154, 110, 58); + --color-cd-operator-alternative: rgb(169, 183, 198); + --color-cd-body: rgb(0, 0, 0); + --color-cd-body-alternative: rgb(169, 183, 198); + --color-generic: rgb(83, 157, 243); + --color-jvm: rgb(77, 187, 95); + --color-js: rgb(255, 199, 0); + --color-wasm: rgb(255, 255, 255); +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --size-s1: 4px; + --size-s2: 8px; + --size-s3: 16px; + --size-m1: 24px; + --size-m2: 32px; + --size-m3: 48px; + --size-l1: 64px; + --size-l2: 72px; + --size-ta1: 40px; + --size-ta2: 52px; +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --font-family-default: JetBrains Sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif; + --font-family-mono: JetBrains Mono, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; + --font-h1: 600 44px/44px var(--font-family-default); + --font-h2: 600 32px/32px var(--font-family-default); + --font-h3: 600 24px/24px var(--font-family-default); + --font-h4: 600 16px/24px var(--font-family-default); + --font-text-m: 400 16px/24px var(--font-family-default); + --font-text-s: 400 14px/20px var(--font-family-default); + --font-code: 400 16px/24px var(--font-family-mono); +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --hover-transition: background-color 200ms ease-in-out; +} + +.navigation { + z-index: 4; + display: flex; + align-items: center; + flex-wrap: wrap; + justify-content: flex-start; + box-sizing: border-box; + height: var(--size-l1); + padding: 12px var(--size-m1); + color: var(--color-text-dt); + background-color: var(--color-background-nav); +} + +@media (width <= 900px) { + .navigation { + height: auto; + padding: 0; + } +} +.theme-dark .navigation { + background-color: var(--color-background-nav-dt); +} +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --breakpoint-desktop-min: 900px; + --breakpoint-tablet-max: 899px; + --breakpoint-tablet-min: 440px; + --breakpoint-mobile-max: 439px; + --breakpoint-mobile-min: 360px; +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --color-key-blue: rgb(48, 127, 255); + --color-background-nav: rgb(39, 40, 44); + --color-background-nav-dt: rgb(50, 50, 55); + --color-background-page: rgb(255, 255, 255); + --color-background-page-dt: rgb(38, 38, 40); + --color-background-footer: rgb(235, 235, 235); + --color-background-footer-dt: rgb(50, 50, 55); + --color-text: rgb(0, 0, 0); + --color-text-dt: rgba(255, 255, 255, 0.96); + --color-text-light: rgba(0, 0, 0, 0.7); + --color-text-light-dt: rgba(255, 255, 255, 0.7); + --color-w05: rgba(255, 255, 255, 0.05); + --color-w10: rgba(255, 255, 255, 0.1); + --color-w16: rgba(255, 255, 255, 0.16); + --color-w50: rgba(255, 255, 255, 0.5); + --color-w70: rgba(255, 255, 255, 0.7); + --color-w80: rgba(255, 255, 255, 0.8); + --color-b05: rgba(0, 0, 0, 0.05); + --color-b08: rgba(0, 0, 0, 0.08); + --color-b20: rgba(0, 0, 0, 0.2); + --color-b50: rgba(0, 0, 0, 0.5); + --color-b70: rgba(0, 0, 0, 0.7); + --color-cd-punctuation: rgb(153, 153, 153); + --color-cd-keyword: rgb(0, 51, 179); + --color-cd-keyword-alternative: rgba(204, 120, 50); + --color-cd-builtin: rgb(6, 125, 23); + --color-cd-builtin-alternative: rgb(231, 191, 106); + --color-cd-function: rgb(0, 98, 122); + --color-cd-function-alternative: rgb(255, 198, 109); + --color-cd-operator: rgb(154, 110, 58); + --color-cd-operator-alternative: rgb(169, 183, 198); + --color-cd-body: rgb(0, 0, 0); + --color-cd-body-alternative: rgb(169, 183, 198); + --color-generic: rgb(83, 157, 243); + --color-jvm: rgb(77, 187, 95); + --color-js: rgb(255, 199, 0); + --color-wasm: rgb(255, 255, 255); +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --size-s1: 4px; + --size-s2: 8px; + --size-s3: 16px; + --size-m1: 24px; + --size-m2: 32px; + --size-m3: 48px; + --size-l1: 64px; + --size-l2: 72px; + --size-ta1: 40px; + --size-ta2: 52px; +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --font-family-default: JetBrains Sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif; + --font-family-mono: JetBrains Mono, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; + --font-h1: 600 44px/44px var(--font-family-default); + --font-h2: 600 32px/32px var(--font-family-default); + --font-h3: 600 24px/24px var(--font-family-default); + --font-h4: 600 16px/24px var(--font-family-default); + --font-text-m: 400 16px/24px var(--font-family-default); + --font-text-s: 400 14px/20px var(--font-family-default); + --font-code: 400 16px/24px var(--font-family-mono); +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --hover-transition: background-color 200ms ease-in-out; +} + +.navigation-controls { + display: flex; + align-items: center; + gap: var(--size-s1); + margin-left: auto; +} + +@media (width <= 900px) { + .navigation-controls { + flex-grow: 1; + justify-content: flex-end; + background-color: var(--color-text); + gap: 0; + } +} +.no-js .navigation-controls { + display: none; +} + +.navigation-controls--btn { + display: inline-flex; + align-items: center; + justify-content: center; + width: 40px; + height: 40px; + padding: 0; + cursor: pointer; + transition: var(--hover-transition); + border: none; + border-radius: var(--size-s1); + background-color: inherit; + background-repeat: no-repeat; + background-position: 50% 50%; + background-size: 24px 24px; + font-size: 0; + line-height: 0; + will-change: background-color; +} + +.navigation-controls--btn:hover { + background-color: var(--color-w10); +} + +@media (width <= 900px) { + .navigation-controls--btn { + width: 52px; + height: 52px; + } +} +.navigation-controls--break { + flex-basis: 100%; +} + +.navigation-controls--btn_theme { + background-image: url(assets/theme-toggle.svg); +} + +.navigation-controls--btn_homepage { + background-image: url(assets/homepage.svg); +} + +.navigation-controls--btn_menu { + margin-left: auto; + background-image: url(assets/burger.svg); +} + +.navigation-controls--btn_filter { + background-image: url(assets/filter.svg); +} +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --breakpoint-desktop-min: 900px; + --breakpoint-tablet-max: 899px; + --breakpoint-tablet-min: 440px; + --breakpoint-mobile-max: 439px; + --breakpoint-mobile-min: 360px; +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --color-key-blue: rgb(48, 127, 255); + --color-background-nav: rgb(39, 40, 44); + --color-background-nav-dt: rgb(50, 50, 55); + --color-background-page: rgb(255, 255, 255); + --color-background-page-dt: rgb(38, 38, 40); + --color-background-footer: rgb(235, 235, 235); + --color-background-footer-dt: rgb(50, 50, 55); + --color-text: rgb(0, 0, 0); + --color-text-dt: rgba(255, 255, 255, 0.96); + --color-text-light: rgba(0, 0, 0, 0.7); + --color-text-light-dt: rgba(255, 255, 255, 0.7); + --color-w05: rgba(255, 255, 255, 0.05); + --color-w10: rgba(255, 255, 255, 0.1); + --color-w16: rgba(255, 255, 255, 0.16); + --color-w50: rgba(255, 255, 255, 0.5); + --color-w70: rgba(255, 255, 255, 0.7); + --color-w80: rgba(255, 255, 255, 0.8); + --color-b05: rgba(0, 0, 0, 0.05); + --color-b08: rgba(0, 0, 0, 0.08); + --color-b20: rgba(0, 0, 0, 0.2); + --color-b50: rgba(0, 0, 0, 0.5); + --color-b70: rgba(0, 0, 0, 0.7); + --color-cd-punctuation: rgb(153, 153, 153); + --color-cd-keyword: rgb(0, 51, 179); + --color-cd-keyword-alternative: rgba(204, 120, 50); + --color-cd-builtin: rgb(6, 125, 23); + --color-cd-builtin-alternative: rgb(231, 191, 106); + --color-cd-function: rgb(0, 98, 122); + --color-cd-function-alternative: rgb(255, 198, 109); + --color-cd-operator: rgb(154, 110, 58); + --color-cd-operator-alternative: rgb(169, 183, 198); + --color-cd-body: rgb(0, 0, 0); + --color-cd-body-alternative: rgb(169, 183, 198); + --color-generic: rgb(83, 157, 243); + --color-jvm: rgb(77, 187, 95); + --color-js: rgb(255, 199, 0); + --color-wasm: rgb(255, 255, 255); +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --size-s1: 4px; + --size-s2: 8px; + --size-s3: 16px; + --size-m1: 24px; + --size-m2: 32px; + --size-m3: 48px; + --size-l1: 64px; + --size-l2: 72px; + --size-ta1: 40px; + --size-ta2: 52px; +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --font-family-default: JetBrains Sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif; + --font-family-mono: JetBrains Mono, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; + --font-h1: 600 44px/44px var(--font-family-default); + --font-h2: 600 32px/32px var(--font-family-default); + --font-h3: 600 24px/24px var(--font-family-default); + --font-h4: 600 16px/24px var(--font-family-default); + --font-text-m: 400 16px/24px var(--font-family-default); + --font-text-s: 400 14px/20px var(--font-family-default); + --font-code: 400 16px/24px var(--font-family-mono); +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --hover-transition: background-color 200ms ease-in-out; +} + +.platform-tag { + --platform-tag-color: #bababb; + padding: 10px 12px; + cursor: pointer; + text-transform: capitalize; + border: 0 none; + border-radius: var(--size-s1); + font: var(--font-text-s); +} + +.platform-tag.js-like, .platform-tag.jvm-like, .platform-tag.wasm-like { + text-transform: uppercase; +} + +.platform-tags .platform-tag { + display: flex; + align-items: center; +} + +.filter-section .platform-tag[data-active] { + color: #19191c; + background-color: var(--platform-tag-color); +} + +.filter-section .platform-tag.jvm-like[data-active], .platform-tags .platform-tag.jvm-like { + --platform-tag-color: #4dbb5f; +} + +.filter-section .platform-tag.js-like[data-active], .platform-tags .platform-tag.js-like { + --platform-tag-color: #ffc700; +} + +.filter-section .platform-tag.native-like[data-active], .platform-tags .platform-tag.native-like { + --platform-tag-color: #e082f3; +} + +.filter-section .platform-tag.wasm-like[data-active], .platform-tags .platform-tag.wasm-like { + --platform-tag-color: #9585f9; +} + +.filter-section .platform-tag[data-active]:hover { + color: #fff; + background-color: rgba(186, 186, 187, 0.7); +} + +.filter-section .platform-tag:not([data-active]) { + text-decoration: line-through; + color: var(--color-w50); + background-color: var(--color-w10); +} + +.platform-tags .platform-tag::before { + display: inline-block; + width: 8px; + height: 8px; + margin: 0 4px 0 8px; + content: ""; + border-radius: 50%; + background: var(--platform-tag-color); + font-size: 13px; + line-height: 1.6; +} +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ +.platform-tags { + display: flex; + flex-wrap: wrap; + margin-bottom: -8px; + margin-left: -4px; +} +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --breakpoint-desktop-min: 900px; + --breakpoint-tablet-max: 899px; + --breakpoint-tablet-min: 440px; + --breakpoint-mobile-max: 439px; + --breakpoint-mobile-min: 360px; +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --color-key-blue: rgb(48, 127, 255); + --color-background-nav: rgb(39, 40, 44); + --color-background-nav-dt: rgb(50, 50, 55); + --color-background-page: rgb(255, 255, 255); + --color-background-page-dt: rgb(38, 38, 40); + --color-background-footer: rgb(235, 235, 235); + --color-background-footer-dt: rgb(50, 50, 55); + --color-text: rgb(0, 0, 0); + --color-text-dt: rgba(255, 255, 255, 0.96); + --color-text-light: rgba(0, 0, 0, 0.7); + --color-text-light-dt: rgba(255, 255, 255, 0.7); + --color-w05: rgba(255, 255, 255, 0.05); + --color-w10: rgba(255, 255, 255, 0.1); + --color-w16: rgba(255, 255, 255, 0.16); + --color-w50: rgba(255, 255, 255, 0.5); + --color-w70: rgba(255, 255, 255, 0.7); + --color-w80: rgba(255, 255, 255, 0.8); + --color-b05: rgba(0, 0, 0, 0.05); + --color-b08: rgba(0, 0, 0, 0.08); + --color-b20: rgba(0, 0, 0, 0.2); + --color-b50: rgba(0, 0, 0, 0.5); + --color-b70: rgba(0, 0, 0, 0.7); + --color-cd-punctuation: rgb(153, 153, 153); + --color-cd-keyword: rgb(0, 51, 179); + --color-cd-keyword-alternative: rgba(204, 120, 50); + --color-cd-builtin: rgb(6, 125, 23); + --color-cd-builtin-alternative: rgb(231, 191, 106); + --color-cd-function: rgb(0, 98, 122); + --color-cd-function-alternative: rgb(255, 198, 109); + --color-cd-operator: rgb(154, 110, 58); + --color-cd-operator-alternative: rgb(169, 183, 198); + --color-cd-body: rgb(0, 0, 0); + --color-cd-body-alternative: rgb(169, 183, 198); + --color-generic: rgb(83, 157, 243); + --color-jvm: rgb(77, 187, 95); + --color-js: rgb(255, 199, 0); + --color-wasm: rgb(255, 255, 255); +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --size-s1: 4px; + --size-s2: 8px; + --size-s3: 16px; + --size-m1: 24px; + --size-m2: 32px; + --size-m3: 48px; + --size-l1: 64px; + --size-l2: 72px; + --size-ta1: 40px; + --size-ta2: 52px; +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --font-family-default: JetBrains Sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif; + --font-family-mono: JetBrains Mono, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; + --font-h1: 600 44px/44px var(--font-family-default); + --font-h2: 600 32px/32px var(--font-family-default); + --font-h3: 600 24px/24px var(--font-family-default); + --font-h4: 600 16px/24px var(--font-family-default); + --font-text-m: 400 16px/24px var(--font-family-default); + --font-text-s: 400 14px/20px var(--font-family-default); + --font-code: 400 16px/24px var(--font-family-mono); +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --hover-transition: background-color 200ms ease-in-out; } .tabs-section, .platform-hinted > .platform-bookmarks-row { @@ -134,7 +891,7 @@ align-self: flex-start; flex: none; order: 5; - min-width: 64px; + min-width: var(--size-l1); background: inherit; } @@ -159,3 +916,200 @@ .main-content[data-page-type=package] .tabs-section-body h2 { display: none; } +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --breakpoint-desktop-min: 900px; + --breakpoint-tablet-max: 899px; + --breakpoint-tablet-min: 440px; + --breakpoint-mobile-max: 439px; + --breakpoint-mobile-min: 360px; +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --color-key-blue: rgb(48, 127, 255); + --color-background-nav: rgb(39, 40, 44); + --color-background-nav-dt: rgb(50, 50, 55); + --color-background-page: rgb(255, 255, 255); + --color-background-page-dt: rgb(38, 38, 40); + --color-background-footer: rgb(235, 235, 235); + --color-background-footer-dt: rgb(50, 50, 55); + --color-text: rgb(0, 0, 0); + --color-text-dt: rgba(255, 255, 255, 0.96); + --color-text-light: rgba(0, 0, 0, 0.7); + --color-text-light-dt: rgba(255, 255, 255, 0.7); + --color-w05: rgba(255, 255, 255, 0.05); + --color-w10: rgba(255, 255, 255, 0.1); + --color-w16: rgba(255, 255, 255, 0.16); + --color-w50: rgba(255, 255, 255, 0.5); + --color-w70: rgba(255, 255, 255, 0.7); + --color-w80: rgba(255, 255, 255, 0.8); + --color-b05: rgba(0, 0, 0, 0.05); + --color-b08: rgba(0, 0, 0, 0.08); + --color-b20: rgba(0, 0, 0, 0.2); + --color-b50: rgba(0, 0, 0, 0.5); + --color-b70: rgba(0, 0, 0, 0.7); + --color-cd-punctuation: rgb(153, 153, 153); + --color-cd-keyword: rgb(0, 51, 179); + --color-cd-keyword-alternative: rgba(204, 120, 50); + --color-cd-builtin: rgb(6, 125, 23); + --color-cd-builtin-alternative: rgb(231, 191, 106); + --color-cd-function: rgb(0, 98, 122); + --color-cd-function-alternative: rgb(255, 198, 109); + --color-cd-operator: rgb(154, 110, 58); + --color-cd-operator-alternative: rgb(169, 183, 198); + --color-cd-body: rgb(0, 0, 0); + --color-cd-body-alternative: rgb(169, 183, 198); + --color-generic: rgb(83, 157, 243); + --color-jvm: rgb(77, 187, 95); + --color-js: rgb(255, 199, 0); + --color-wasm: rgb(255, 255, 255); +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --size-s1: 4px; + --size-s2: 8px; + --size-s3: 16px; + --size-m1: 24px; + --size-m2: 32px; + --size-m3: 48px; + --size-l1: 64px; + --size-l2: 72px; + --size-ta1: 40px; + --size-ta2: 52px; +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --font-family-default: JetBrains Sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif; + --font-family-mono: JetBrains Mono, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; + --font-h1: 600 44px/44px var(--font-family-default); + --font-h2: 600 32px/32px var(--font-family-default); + --font-h3: 600 24px/24px var(--font-family-default); + --font-h4: 600 16px/24px var(--font-family-default); + --font-text-m: 400 16px/24px var(--font-family-default); + --font-text-s: 400 14px/20px var(--font-family-default); + --font-code: 400 16px/24px var(--font-family-mono); +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --hover-transition: background-color 200ms ease-in-out; +} + +@media (width < 900px) { + .ui-kit_desktop-only { + display: none; + } +} +@media (width >= 900px) { + .ui-kit_mobile-only { + display: none; + } +} +/*! + * Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. + */ /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --breakpoint-desktop-min: 900px; + --breakpoint-tablet-max: 899px; + --breakpoint-tablet-min: 440px; + --breakpoint-mobile-max: 439px; + --breakpoint-mobile-min: 360px; +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --color-key-blue: rgb(48, 127, 255); + --color-background-nav: rgb(39, 40, 44); + --color-background-nav-dt: rgb(50, 50, 55); + --color-background-page: rgb(255, 255, 255); + --color-background-page-dt: rgb(38, 38, 40); + --color-background-footer: rgb(235, 235, 235); + --color-background-footer-dt: rgb(50, 50, 55); + --color-text: rgb(0, 0, 0); + --color-text-dt: rgba(255, 255, 255, 0.96); + --color-text-light: rgba(0, 0, 0, 0.7); + --color-text-light-dt: rgba(255, 255, 255, 0.7); + --color-w05: rgba(255, 255, 255, 0.05); + --color-w10: rgba(255, 255, 255, 0.1); + --color-w16: rgba(255, 255, 255, 0.16); + --color-w50: rgba(255, 255, 255, 0.5); + --color-w70: rgba(255, 255, 255, 0.7); + --color-w80: rgba(255, 255, 255, 0.8); + --color-b05: rgba(0, 0, 0, 0.05); + --color-b08: rgba(0, 0, 0, 0.08); + --color-b20: rgba(0, 0, 0, 0.2); + --color-b50: rgba(0, 0, 0, 0.5); + --color-b70: rgba(0, 0, 0, 0.7); + --color-cd-punctuation: rgb(153, 153, 153); + --color-cd-keyword: rgb(0, 51, 179); + --color-cd-keyword-alternative: rgba(204, 120, 50); + --color-cd-builtin: rgb(6, 125, 23); + --color-cd-builtin-alternative: rgb(231, 191, 106); + --color-cd-function: rgb(0, 98, 122); + --color-cd-function-alternative: rgb(255, 198, 109); + --color-cd-operator: rgb(154, 110, 58); + --color-cd-operator-alternative: rgb(169, 183, 198); + --color-cd-body: rgb(0, 0, 0); + --color-cd-body-alternative: rgb(169, 183, 198); + --color-generic: rgb(83, 157, 243); + --color-jvm: rgb(77, 187, 95); + --color-js: rgb(255, 199, 0); + --color-wasm: rgb(255, 255, 255); +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --size-s1: 4px; + --size-s2: 8px; + --size-s3: 16px; + --size-m1: 24px; + --size-m2: 32px; + --size-m3: 48px; + --size-l1: 64px; + --size-l2: 72px; + --size-ta1: 40px; + --size-ta2: 52px; +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --font-family-default: JetBrains Sans, Inter, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Droid Sans, Helvetica Neue, Arial, sans-serif; + --font-family-mono: JetBrains Mono, SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace; + --font-h1: 600 44px/44px var(--font-family-default); + --font-h2: 600 32px/32px var(--font-family-default); + --font-h3: 600 24px/24px var(--font-family-default); + --font-h4: 600 16px/24px var(--font-family-default); + --font-text-m: 400 16px/24px var(--font-family-default); + --font-text-s: 400 14px/20px var(--font-family-default); + --font-code: 400 16px/24px var(--font-family-mono); +} /*! +* Copyright 2014-2024 JetBrains s.r.o. Use of this source code is governed by the Apache 2.0 license. +*/ +:root { + --hover-transition: background-color 200ms ease-in-out; +} + +:root { + --color-background: var(--color-background-page); +} + +.theme-dark { + --color-background: var(--color-background-page-dt); +} + +body, table { + background-color: var(--color-background); +} diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.min.css b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.min.css index 65bf50d52d..c4e7ba8862 100644 --- a/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.min.css +++ b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.min.css @@ -1 +1,10 @@ -:root{--breakpoint-desktop-min:900px;--breakpoint-tablet-max:899px;--breakpoint-tablet-min:440px;--breakpoint-mobile-max:439px;--breakpoint-mobile-min:360px;--color-key-blue:#307fff;--color-nav-bar:#27282c;--color-dark-theme-bg:#262628;--color-text-black:#000;--color-text-white:hsla(0,0%,100%,.96);--color-text-light-black:rgba(0,0,0,.7);--color-text-light-white:hsla(0,0%,100%,.7);--color-w05:hsla(0,0%,100%,.05);--color-w10:hsla(0,0%,100%,.1);--color-w20:hsla(0,0%,100%,.2);--color-w50:hsla(0,0%,100%,.5);--color-w70:hsla(0,0%,100%,.7);--color-w80:hsla(0,0%,100%,.8);--color-b05:rgba(0,0,0,.05);--color-b08:rgba(0,0,0,.08);--color-b20:rgba(0,0,0,.2);--color-b50:rgba(0,0,0,.5);--color-b70:rgba(0,0,0,.7);--color-cd-punctuation:#999;--color-cd-keyword:#0033b3;--color-cd-keyword-alternative:#cc7832;--color-cd-builtin:#067d17;--color-cd-builtin-alternative:#e7bf6a;--color-cd-function:#00627a;--color-cd-function-alternative:#ffc66d;--color-cd-operator:#9a6e3a;--color-cd-operator-alternative:#a9b7c6;--color-cd-body:#000;--color-cd-body-alternative:#a9b7c6;--color-generic:#539df3;--color-jvm:#4dbb5f;--color-js:#ffc700;--color-wasm:#fff;--size-s1:4px;--size-s2:8px;--size-s3:16px;--size-m1:24px;--size-m2:32px;--size-m3:48px;--size-l1:64px;--size-l2:72px;--size-ta1:40px;--size-ta2:52px;--font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;--font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;--font-h1:600 44px/44px var(--font-family-default);--font-h2:600 32px/32px var(--font-family-default);--font-h3:600 24px/24px var(--font-family-default);--font-h4:600 16px/24px var(--font-family-default);--font-text-m:400 16px/24px var(--font-family-default);--font-text-s:400 13px/24px var(--font-family-default);--font-code:400 16px/24px var(--font-family-mono)}.platform-hinted>.platform-bookmarks-row,.tabs-section{margin-left:-8px;margin-right:-8px}.platform-hinted>.platform-bookmarks-row>.platform-bookmark,.section-tab{background-color:transparent;border:0;border-bottom:1px solid var(--inactive-tab-border-color);color:var(--inactive-section-color);cursor:pointer;font-size:var(--default-font-size);margin:0 8px;outline:none;padding:11px 3px}.platform-hinted>.platform-bookmarks-row{margin-bottom:16px;margin-bottom:var(--size-s3)}.no-js .platform-bookmarks-row+.sourceset-dependent-content{margin-top:8px;margin-top:var(--size-s2)}.no-js .platform-bookmarks-row+.sourceset-dependent-content:last-of-type{margin-top:0}.section-tab:hover{border-bottom:2px solid var(--default-font-color);color:var(--default-font-color)}.section-tab[data-active=""]{border-bottom:2px solid var(--active-tab-border-color);color:var(--active-section-color)}.tabs-section-body>div{margin-top:12px}.tabs-section-body .with-platform-tabs{padding-bottom:12px;padding-top:12px}.platform-hinted{display:block;flex:auto}.platform-hinted>.platform-bookmarks-row>.platform-bookmark{align-self:flex-start;background:inherit;flex:none;min-width:64px;order:5}.platform-hinted>.platform-bookmarks-row>.platform-bookmark:hover{border-bottom:2px solid var(--default-font-color);color:var(--default-font-color)}.platform-hinted>.platform-bookmarks-row>.platform-bookmark[data-active=""]{border-bottom:2px solid var(--active-tab-border-color);color:var(--active-section-color)}.js .platform-hinted>.content:not([data-active]),.js .tabs-section-body [data-togglable]:not([data-active]),.main-content[data-page-type=package] .tabs-section-body h2,.no-js .platform-bookmarks-row,.no-js .tabs-section{display:none} +:root{--breakpoint-desktop-min:900px;--breakpoint-tablet-max:899px;--breakpoint-tablet-min:440px;--breakpoint-mobile-max:439px;--breakpoint-mobile-min:360px;--color-key-blue:#307fff;--color-background-nav:#27282c;--color-background-nav-dt:#323237;--color-background-page:#fff;--color-background-page-dt:#262628;--color-background-footer:#ebebeb;--color-background-footer-dt:#323237;--color-text:#000;--color-text-dt:hsla(0,0%,100%,.96);--color-text-light:rgba(0,0,0,.7);--color-text-light-dt:hsla(0,0%,100%,.7);--color-w05:hsla(0,0%,100%,.05);--color-w10:hsla(0,0%,100%,.1);--color-w16:hsla(0,0%,100%,.16);--color-w50:hsla(0,0%,100%,.5);--color-w70:hsla(0,0%,100%,.7);--color-w80:hsla(0,0%,100%,.8);--color-b05:rgba(0,0,0,.05);--color-b08:rgba(0,0,0,.08);--color-b20:rgba(0,0,0,.2);--color-b50:rgba(0,0,0,.5);--color-b70:rgba(0,0,0,.7);--color-cd-punctuation:#999;--color-cd-keyword:#0033b3;--color-cd-keyword-alternative:#cc7832;--color-cd-builtin:#067d17;--color-cd-builtin-alternative:#e7bf6a;--color-cd-function:#00627a;--color-cd-function-alternative:#ffc66d;--color-cd-operator:#9a6e3a;--color-cd-operator-alternative:#a9b7c6;--color-cd-body:#000;--color-cd-body-alternative:#a9b7c6;--color-generic:#539df3;--color-jvm:#4dbb5f;--color-js:#ffc700;--color-wasm:#fff;--size-s1:4px;--size-s2:8px;--size-s3:16px;--size-m1:24px;--size-m2:32px;--size-m3:48px;--size-l1:64px;--size-l2:72px;--size-ta1:40px;--size-ta2:52px;--font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;--font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;--font-h1:600 44px/44px var(--font-family-default);--font-h2:600 32px/32px var(--font-family-default);--font-h3:600 24px/24px var(--font-family-default);--font-h4:600 16px/24px var(--font-family-default);--font-text-m:400 16px/24px var(--font-family-default);--font-text-s:400 14px/20px var(--font-family-default);--font-code:400 16px/24px var(--font-family-mono);--hover-transition:background-color 200ms ease-in-out}.filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:2px;margin-right:12px;z-index:0}@media(max-width:900px){.filter-section{display:none}}.no-js .filter-section{display:none} +:root{--breakpoint-desktop-min:900px;--breakpoint-tablet-max:899px;--breakpoint-tablet-min:440px;--breakpoint-mobile-max:439px;--breakpoint-mobile-min:360px;--color-key-blue:#307fff;--color-background-nav:#27282c;--color-background-nav-dt:#323237;--color-background-page:#fff;--color-background-page-dt:#262628;--color-background-footer:#ebebeb;--color-background-footer-dt:#323237;--color-text:#000;--color-text-dt:hsla(0,0%,100%,.96);--color-text-light:rgba(0,0,0,.7);--color-text-light-dt:hsla(0,0%,100%,.7);--color-w05:hsla(0,0%,100%,.05);--color-w10:hsla(0,0%,100%,.1);--color-w16:hsla(0,0%,100%,.16);--color-w50:hsla(0,0%,100%,.5);--color-w70:hsla(0,0%,100%,.7);--color-w80:hsla(0,0%,100%,.8);--color-b05:rgba(0,0,0,.05);--color-b08:rgba(0,0,0,.08);--color-b20:rgba(0,0,0,.2);--color-b50:rgba(0,0,0,.5);--color-b70:rgba(0,0,0,.7);--color-cd-punctuation:#999;--color-cd-keyword:#0033b3;--color-cd-keyword-alternative:#cc7832;--color-cd-builtin:#067d17;--color-cd-builtin-alternative:#e7bf6a;--color-cd-function:#00627a;--color-cd-function-alternative:#ffc66d;--color-cd-operator:#9a6e3a;--color-cd-operator-alternative:#a9b7c6;--color-cd-body:#000;--color-cd-body-alternative:#a9b7c6;--color-generic:#539df3;--color-jvm:#4dbb5f;--color-js:#ffc700;--color-wasm:#fff;--size-s1:4px;--size-s2:8px;--size-s3:16px;--size-m1:24px;--size-m2:32px;--size-m3:48px;--size-l1:64px;--size-l2:72px;--size-ta1:40px;--size-ta2:52px;--font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;--font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;--font-h1:600 44px/44px var(--font-family-default);--font-h2:600 32px/32px var(--font-family-default);--font-h3:600 24px/24px var(--font-family-default);--font-h4:600 16px/24px var(--font-family-default);--font-text-m:400 16px/24px var(--font-family-default);--font-text-s:400 14px/20px var(--font-family-default);--font-code:400 16px/24px var(--font-family-mono);--hover-transition:background-color 200ms ease-in-out;--dokka-logo-height:28px;--dokka-logo-width:28px}.library-name--link{align-items:center;color:hsla(0,0%,100%,.96);color:var(--color-text-dt);display:flex;font:600 16px/24px JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Oxygen,Droid Sans,Helvetica Neue,Arial;font:var(--font-h4);margin-right:8px;margin-right:var(--size-s2);white-space:nowrap}@media(max-width:900px){.library-name--link{height:52px;margin-left:12px}}.library-name--link:before{background:var(--dokka-logo-image-url) center no-repeat;background-size:28px 28px;background-size:var(--dokka-logo-height) var(--dokka-logo-width);content:"";height:28px;height:var(--dokka-logo-width);margin-right:8px;margin-right:var(--size-s2);width:28px;width:var(--dokka-logo-height)} +:root{--breakpoint-desktop-min:900px;--breakpoint-tablet-max:899px;--breakpoint-tablet-min:440px;--breakpoint-mobile-max:439px;--breakpoint-mobile-min:360px;--color-key-blue:#307fff;--color-background-nav:#27282c;--color-background-nav-dt:#323237;--color-background-page:#fff;--color-background-page-dt:#262628;--color-background-footer:#ebebeb;--color-background-footer-dt:#323237;--color-text:#000;--color-text-dt:hsla(0,0%,100%,.96);--color-text-light:rgba(0,0,0,.7);--color-text-light-dt:hsla(0,0%,100%,.7);--color-w05:hsla(0,0%,100%,.05);--color-w10:hsla(0,0%,100%,.1);--color-w16:hsla(0,0%,100%,.16);--color-w50:hsla(0,0%,100%,.5);--color-w70:hsla(0,0%,100%,.7);--color-w80:hsla(0,0%,100%,.8);--color-b05:rgba(0,0,0,.05);--color-b08:rgba(0,0,0,.08);--color-b20:rgba(0,0,0,.2);--color-b50:rgba(0,0,0,.5);--color-b70:rgba(0,0,0,.7);--color-cd-punctuation:#999;--color-cd-keyword:#0033b3;--color-cd-keyword-alternative:#cc7832;--color-cd-builtin:#067d17;--color-cd-builtin-alternative:#e7bf6a;--color-cd-function:#00627a;--color-cd-function-alternative:#ffc66d;--color-cd-operator:#9a6e3a;--color-cd-operator-alternative:#a9b7c6;--color-cd-body:#000;--color-cd-body-alternative:#a9b7c6;--color-generic:#539df3;--color-jvm:#4dbb5f;--color-js:#ffc700;--color-wasm:#fff;--size-s1:4px;--size-s2:8px;--size-s3:16px;--size-m1:24px;--size-m2:32px;--size-m3:48px;--size-l1:64px;--size-l2:72px;--size-ta1:40px;--size-ta2:52px;--font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;--font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;--font-h1:600 44px/44px var(--font-family-default);--font-h2:600 32px/32px var(--font-family-default);--font-h3:600 24px/24px var(--font-family-default);--font-h4:600 16px/24px var(--font-family-default);--font-text-m:400 16px/24px var(--font-family-default);--font-text-s:400 14px/20px var(--font-family-default);--font-code:400 16px/24px var(--font-family-mono);--hover-transition:background-color 200ms ease-in-out}.library-version{color:hsla(0,0%,100%,.96);color:var(--color-text-dt);font:400 14px/20px JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Oxygen,Droid Sans,Helvetica Neue,Arial;font:var(--font-text-s)}@media(max-width:900px){.library-version{align-items:center;background-color:#000;background-color:var(--color-text);display:flex;height:52px}} +:root{--breakpoint-desktop-min:900px;--breakpoint-tablet-max:899px;--breakpoint-tablet-min:440px;--breakpoint-mobile-max:439px;--breakpoint-mobile-min:360px;--color-key-blue:#307fff;--color-background-nav:#27282c;--color-background-nav-dt:#323237;--color-background-page:#fff;--color-background-page-dt:#262628;--color-background-footer:#ebebeb;--color-background-footer-dt:#323237;--color-text:#000;--color-text-dt:hsla(0,0%,100%,.96);--color-text-light:rgba(0,0,0,.7);--color-text-light-dt:hsla(0,0%,100%,.7);--color-w05:hsla(0,0%,100%,.05);--color-w10:hsla(0,0%,100%,.1);--color-w16:hsla(0,0%,100%,.16);--color-w50:hsla(0,0%,100%,.5);--color-w70:hsla(0,0%,100%,.7);--color-w80:hsla(0,0%,100%,.8);--color-b05:rgba(0,0,0,.05);--color-b08:rgba(0,0,0,.08);--color-b20:rgba(0,0,0,.2);--color-b50:rgba(0,0,0,.5);--color-b70:rgba(0,0,0,.7);--color-cd-punctuation:#999;--color-cd-keyword:#0033b3;--color-cd-keyword-alternative:#cc7832;--color-cd-builtin:#067d17;--color-cd-builtin-alternative:#e7bf6a;--color-cd-function:#00627a;--color-cd-function-alternative:#ffc66d;--color-cd-operator:#9a6e3a;--color-cd-operator-alternative:#a9b7c6;--color-cd-body:#000;--color-cd-body-alternative:#a9b7c6;--color-generic:#539df3;--color-jvm:#4dbb5f;--color-js:#ffc700;--color-wasm:#fff;--size-s1:4px;--size-s2:8px;--size-s3:16px;--size-m1:24px;--size-m2:32px;--size-m3:48px;--size-l1:64px;--size-l2:72px;--size-ta1:40px;--size-ta2:52px;--font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;--font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;--font-h1:600 44px/44px var(--font-family-default);--font-h2:600 32px/32px var(--font-family-default);--font-h3:600 24px/24px var(--font-family-default);--font-h4:600 16px/24px var(--font-family-default);--font-text-m:400 16px/24px var(--font-family-default);--font-text-s:400 14px/20px var(--font-family-default);--font-code:400 16px/24px var(--font-family-mono);--hover-transition:background-color 200ms ease-in-out}.navigation{align-items:center;background-color:#27282c;background-color:var(--color-background-nav);box-sizing:border-box;color:hsla(0,0%,100%,.96);color:var(--color-text-dt);display:flex;flex-wrap:wrap;height:64px;height:var(--size-l1);justify-content:flex-start;padding:12px 24px;padding:12px var(--size-m1);z-index:4}@media(max-width:900px){.navigation{height:auto;padding:0}}.theme-dark .navigation{background-color:#323237;background-color:var(--color-background-nav-dt)} +:root{--breakpoint-desktop-min:900px;--breakpoint-tablet-max:899px;--breakpoint-tablet-min:440px;--breakpoint-mobile-max:439px;--breakpoint-mobile-min:360px;--color-key-blue:#307fff;--color-background-nav:#27282c;--color-background-nav-dt:#323237;--color-background-page:#fff;--color-background-page-dt:#262628;--color-background-footer:#ebebeb;--color-background-footer-dt:#323237;--color-text:#000;--color-text-dt:hsla(0,0%,100%,.96);--color-text-light:rgba(0,0,0,.7);--color-text-light-dt:hsla(0,0%,100%,.7);--color-w05:hsla(0,0%,100%,.05);--color-w10:hsla(0,0%,100%,.1);--color-w16:hsla(0,0%,100%,.16);--color-w50:hsla(0,0%,100%,.5);--color-w70:hsla(0,0%,100%,.7);--color-w80:hsla(0,0%,100%,.8);--color-b05:rgba(0,0,0,.05);--color-b08:rgba(0,0,0,.08);--color-b20:rgba(0,0,0,.2);--color-b50:rgba(0,0,0,.5);--color-b70:rgba(0,0,0,.7);--color-cd-punctuation:#999;--color-cd-keyword:#0033b3;--color-cd-keyword-alternative:#cc7832;--color-cd-builtin:#067d17;--color-cd-builtin-alternative:#e7bf6a;--color-cd-function:#00627a;--color-cd-function-alternative:#ffc66d;--color-cd-operator:#9a6e3a;--color-cd-operator-alternative:#a9b7c6;--color-cd-body:#000;--color-cd-body-alternative:#a9b7c6;--color-generic:#539df3;--color-jvm:#4dbb5f;--color-js:#ffc700;--color-wasm:#fff;--size-s1:4px;--size-s2:8px;--size-s3:16px;--size-m1:24px;--size-m2:32px;--size-m3:48px;--size-l1:64px;--size-l2:72px;--size-ta1:40px;--size-ta2:52px;--font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;--font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;--font-h1:600 44px/44px var(--font-family-default);--font-h2:600 32px/32px var(--font-family-default);--font-h3:600 24px/24px var(--font-family-default);--font-h4:600 16px/24px var(--font-family-default);--font-text-m:400 16px/24px var(--font-family-default);--font-text-s:400 14px/20px var(--font-family-default);--font-code:400 16px/24px var(--font-family-mono);--hover-transition:background-color 200ms ease-in-out}.navigation-controls{align-items:center;display:flex;gap:4px;gap:var(--size-s1);margin-left:auto}@media(max-width:900px){.navigation-controls{background-color:#000;background-color:var(--color-text);flex-grow:1;gap:0;justify-content:flex-end}}.no-js .navigation-controls{display:none}.navigation-controls--btn{align-items:center;background-color:inherit;background-position:50% 50%;background-repeat:no-repeat;background-size:24px 24px;border:none;border-radius:4px;border-radius:var(--size-s1);cursor:pointer;display:inline-flex;font-size:0;height:40px;justify-content:center;line-height:0;padding:0;transition:background-color .2s ease-in-out;transition:var(--hover-transition);width:40px;will-change:background-color}.navigation-controls--btn:hover{background-color:hsla(0,0%,100%,.1);background-color:var(--color-w10)}@media(max-width:900px){.navigation-controls--btn{height:52px;width:52px}}.navigation-controls--break{flex-basis:100%}.navigation-controls--btn_theme{background-image:url(assets/theme-toggle.svg)}.navigation-controls--btn_homepage{background-image:url(assets/homepage.svg)}.navigation-controls--btn_menu{background-image:url(assets/burger.svg);margin-left:auto}.navigation-controls--btn_filter{background-image:url(assets/filter.svg)} +:root{--breakpoint-desktop-min:900px;--breakpoint-tablet-max:899px;--breakpoint-tablet-min:440px;--breakpoint-mobile-max:439px;--breakpoint-mobile-min:360px;--color-key-blue:#307fff;--color-background-nav:#27282c;--color-background-nav-dt:#323237;--color-background-page:#fff;--color-background-page-dt:#262628;--color-background-footer:#ebebeb;--color-background-footer-dt:#323237;--color-text:#000;--color-text-dt:hsla(0,0%,100%,.96);--color-text-light:rgba(0,0,0,.7);--color-text-light-dt:hsla(0,0%,100%,.7);--color-w05:hsla(0,0%,100%,.05);--color-w10:hsla(0,0%,100%,.1);--color-w16:hsla(0,0%,100%,.16);--color-w50:hsla(0,0%,100%,.5);--color-w70:hsla(0,0%,100%,.7);--color-w80:hsla(0,0%,100%,.8);--color-b05:rgba(0,0,0,.05);--color-b08:rgba(0,0,0,.08);--color-b20:rgba(0,0,0,.2);--color-b50:rgba(0,0,0,.5);--color-b70:rgba(0,0,0,.7);--color-cd-punctuation:#999;--color-cd-keyword:#0033b3;--color-cd-keyword-alternative:#cc7832;--color-cd-builtin:#067d17;--color-cd-builtin-alternative:#e7bf6a;--color-cd-function:#00627a;--color-cd-function-alternative:#ffc66d;--color-cd-operator:#9a6e3a;--color-cd-operator-alternative:#a9b7c6;--color-cd-body:#000;--color-cd-body-alternative:#a9b7c6;--color-generic:#539df3;--color-jvm:#4dbb5f;--color-js:#ffc700;--color-wasm:#fff;--size-s1:4px;--size-s2:8px;--size-s3:16px;--size-m1:24px;--size-m2:32px;--size-m3:48px;--size-l1:64px;--size-l2:72px;--size-ta1:40px;--size-ta2:52px;--font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;--font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;--font-h1:600 44px/44px var(--font-family-default);--font-h2:600 32px/32px var(--font-family-default);--font-h3:600 24px/24px var(--font-family-default);--font-h4:600 16px/24px var(--font-family-default);--font-text-m:400 16px/24px var(--font-family-default);--font-text-s:400 14px/20px var(--font-family-default);--font-code:400 16px/24px var(--font-family-mono);--hover-transition:background-color 200ms ease-in-out}.platform-tag{--platform-tag-color:#bababb;border:0;border-radius:4px;border-radius:var(--size-s1);cursor:pointer;font:400 14px/20px JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Oxygen,Droid Sans,Helvetica Neue,Arial;font:var(--font-text-s);padding:10px 12px;text-transform:capitalize}.platform-tag.js-like,.platform-tag.jvm-like,.platform-tag.wasm-like{text-transform:uppercase}.platform-tags .platform-tag{align-items:center;display:flex}.filter-section .platform-tag[data-active]{background-color:var(--platform-tag-color);color:#19191c}.filter-section .platform-tag.jvm-like[data-active],.platform-tags .platform-tag.jvm-like{--platform-tag-color:#4dbb5f}.filter-section .platform-tag.js-like[data-active],.platform-tags .platform-tag.js-like{--platform-tag-color:#ffc700}.filter-section .platform-tag.native-like[data-active],.platform-tags .platform-tag.native-like{--platform-tag-color:#e082f3}.filter-section .platform-tag.wasm-like[data-active],.platform-tags .platform-tag.wasm-like{--platform-tag-color:#9585f9}.filter-section .platform-tag[data-active]:hover{background-color:hsla(240,1%,73%,.7);color:#fff}.filter-section .platform-tag:not([data-active]){background-color:hsla(0,0%,100%,.1);background-color:var(--color-w10);color:hsla(0,0%,100%,.5);color:var(--color-w50);text-decoration:line-through}.platform-tags .platform-tag:before{background:var(--platform-tag-color);border-radius:50%;content:"";display:inline-block;font-size:13px;height:8px;line-height:1.6;margin:0 4px 0 8px;width:8px} +.platform-tags{display:flex;flex-wrap:wrap;margin-bottom:-8px;margin-left:-4px} +:root{--breakpoint-desktop-min:900px;--breakpoint-tablet-max:899px;--breakpoint-tablet-min:440px;--breakpoint-mobile-max:439px;--breakpoint-mobile-min:360px;--color-key-blue:#307fff;--color-background-nav:#27282c;--color-background-nav-dt:#323237;--color-background-page:#fff;--color-background-page-dt:#262628;--color-background-footer:#ebebeb;--color-background-footer-dt:#323237;--color-text:#000;--color-text-dt:hsla(0,0%,100%,.96);--color-text-light:rgba(0,0,0,.7);--color-text-light-dt:hsla(0,0%,100%,.7);--color-w05:hsla(0,0%,100%,.05);--color-w10:hsla(0,0%,100%,.1);--color-w16:hsla(0,0%,100%,.16);--color-w50:hsla(0,0%,100%,.5);--color-w70:hsla(0,0%,100%,.7);--color-w80:hsla(0,0%,100%,.8);--color-b05:rgba(0,0,0,.05);--color-b08:rgba(0,0,0,.08);--color-b20:rgba(0,0,0,.2);--color-b50:rgba(0,0,0,.5);--color-b70:rgba(0,0,0,.7);--color-cd-punctuation:#999;--color-cd-keyword:#0033b3;--color-cd-keyword-alternative:#cc7832;--color-cd-builtin:#067d17;--color-cd-builtin-alternative:#e7bf6a;--color-cd-function:#00627a;--color-cd-function-alternative:#ffc66d;--color-cd-operator:#9a6e3a;--color-cd-operator-alternative:#a9b7c6;--color-cd-body:#000;--color-cd-body-alternative:#a9b7c6;--color-generic:#539df3;--color-jvm:#4dbb5f;--color-js:#ffc700;--color-wasm:#fff;--size-s1:4px;--size-s2:8px;--size-s3:16px;--size-m1:24px;--size-m2:32px;--size-m3:48px;--size-l1:64px;--size-l2:72px;--size-ta1:40px;--size-ta2:52px;--font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;--font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;--font-h1:600 44px/44px var(--font-family-default);--font-h2:600 32px/32px var(--font-family-default);--font-h3:600 24px/24px var(--font-family-default);--font-h4:600 16px/24px var(--font-family-default);--font-text-m:400 16px/24px var(--font-family-default);--font-text-s:400 14px/20px var(--font-family-default);--font-code:400 16px/24px var(--font-family-mono);--hover-transition:background-color 200ms ease-in-out}.platform-hinted>.platform-bookmarks-row,.tabs-section{margin-left:-8px;margin-right:-8px}.platform-hinted>.platform-bookmarks-row>.platform-bookmark,.section-tab{background-color:transparent;border:0;border-bottom:1px solid var(--inactive-tab-border-color);color:var(--inactive-section-color);cursor:pointer;font-size:var(--default-font-size);margin:0 8px;outline:none;padding:11px 3px}.platform-hinted>.platform-bookmarks-row{margin-bottom:16px;margin-bottom:var(--size-s3)}.no-js .platform-bookmarks-row+.sourceset-dependent-content{margin-top:8px;margin-top:var(--size-s2)}.no-js .platform-bookmarks-row+.sourceset-dependent-content:last-of-type{margin-top:0}.section-tab:hover{border-bottom:2px solid var(--default-font-color);color:var(--default-font-color)}.section-tab[data-active=""]{border-bottom:2px solid var(--active-tab-border-color);color:var(--active-section-color)}.tabs-section-body>div{margin-top:12px}.tabs-section-body .with-platform-tabs{padding-bottom:12px;padding-top:12px}.platform-hinted{display:block;flex:auto}.platform-hinted>.platform-bookmarks-row>.platform-bookmark{align-self:flex-start;background:inherit;flex:none;min-width:64px;min-width:var(--size-l1);order:5}.platform-hinted>.platform-bookmarks-row>.platform-bookmark:hover{border-bottom:2px solid var(--default-font-color);color:var(--default-font-color)}.platform-hinted>.platform-bookmarks-row>.platform-bookmark[data-active=""]{border-bottom:2px solid var(--active-tab-border-color);color:var(--active-section-color)}.js .platform-hinted>.content:not([data-active]),.js .tabs-section-body [data-togglable]:not([data-active]),.main-content[data-page-type=package] .tabs-section-body h2,.no-js .platform-bookmarks-row,.no-js .tabs-section{display:none} +:root{--breakpoint-desktop-min:900px;--breakpoint-tablet-max:899px;--breakpoint-tablet-min:440px;--breakpoint-mobile-max:439px;--breakpoint-mobile-min:360px;--color-key-blue:#307fff;--color-background-nav:#27282c;--color-background-nav-dt:#323237;--color-background-page:#fff;--color-background-page-dt:#262628;--color-background-footer:#ebebeb;--color-background-footer-dt:#323237;--color-text:#000;--color-text-dt:hsla(0,0%,100%,.96);--color-text-light:rgba(0,0,0,.7);--color-text-light-dt:hsla(0,0%,100%,.7);--color-w05:hsla(0,0%,100%,.05);--color-w10:hsla(0,0%,100%,.1);--color-w16:hsla(0,0%,100%,.16);--color-w50:hsla(0,0%,100%,.5);--color-w70:hsla(0,0%,100%,.7);--color-w80:hsla(0,0%,100%,.8);--color-b05:rgba(0,0,0,.05);--color-b08:rgba(0,0,0,.08);--color-b20:rgba(0,0,0,.2);--color-b50:rgba(0,0,0,.5);--color-b70:rgba(0,0,0,.7);--color-cd-punctuation:#999;--color-cd-keyword:#0033b3;--color-cd-keyword-alternative:#cc7832;--color-cd-builtin:#067d17;--color-cd-builtin-alternative:#e7bf6a;--color-cd-function:#00627a;--color-cd-function-alternative:#ffc66d;--color-cd-operator:#9a6e3a;--color-cd-operator-alternative:#a9b7c6;--color-cd-body:#000;--color-cd-body-alternative:#a9b7c6;--color-generic:#539df3;--color-jvm:#4dbb5f;--color-js:#ffc700;--color-wasm:#fff;--size-s1:4px;--size-s2:8px;--size-s3:16px;--size-m1:24px;--size-m2:32px;--size-m3:48px;--size-l1:64px;--size-l2:72px;--size-ta1:40px;--size-ta2:52px;--font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;--font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;--font-h1:600 44px/44px var(--font-family-default);--font-h2:600 32px/32px var(--font-family-default);--font-h3:600 24px/24px var(--font-family-default);--font-h4:600 16px/24px var(--font-family-default);--font-text-m:400 16px/24px var(--font-family-default);--font-text-s:400 14px/20px var(--font-family-default);--font-code:400 16px/24px var(--font-family-mono);--hover-transition:background-color 200ms ease-in-out}@media(max-width:899px){.ui-kit_desktop-only{display:none}}@media(min-width:900px){.ui-kit_mobile-only{display:none}} +:root{--breakpoint-desktop-min:900px;--breakpoint-tablet-max:899px;--breakpoint-tablet-min:440px;--breakpoint-mobile-max:439px;--breakpoint-mobile-min:360px;--color-key-blue:#307fff;--color-background-nav:#27282c;--color-background-nav-dt:#323237;--color-background-page:#fff;--color-background-page-dt:#262628;--color-background-footer:#ebebeb;--color-background-footer-dt:#323237;--color-text:#000;--color-text-dt:hsla(0,0%,100%,.96);--color-text-light:rgba(0,0,0,.7);--color-text-light-dt:hsla(0,0%,100%,.7);--color-w05:hsla(0,0%,100%,.05);--color-w10:hsla(0,0%,100%,.1);--color-w16:hsla(0,0%,100%,.16);--color-w50:hsla(0,0%,100%,.5);--color-w70:hsla(0,0%,100%,.7);--color-w80:hsla(0,0%,100%,.8);--color-b05:rgba(0,0,0,.05);--color-b08:rgba(0,0,0,.08);--color-b20:rgba(0,0,0,.2);--color-b50:rgba(0,0,0,.5);--color-b70:rgba(0,0,0,.7);--color-cd-punctuation:#999;--color-cd-keyword:#0033b3;--color-cd-keyword-alternative:#cc7832;--color-cd-builtin:#067d17;--color-cd-builtin-alternative:#e7bf6a;--color-cd-function:#00627a;--color-cd-function-alternative:#ffc66d;--color-cd-operator:#9a6e3a;--color-cd-operator-alternative:#a9b7c6;--color-cd-body:#000;--color-cd-body-alternative:#a9b7c6;--color-generic:#539df3;--color-jvm:#4dbb5f;--color-js:#ffc700;--color-wasm:#fff;--size-s1:4px;--size-s2:8px;--size-s3:16px;--size-m1:24px;--size-m2:32px;--size-m3:48px;--size-l1:64px;--size-l2:72px;--size-ta1:40px;--size-ta2:52px;--font-family-default:JetBrains Sans,Inter,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Droid Sans,Helvetica Neue,Arial,sans-serif;--font-family-mono:JetBrains Mono,SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace;--font-h1:600 44px/44px var(--font-family-default);--font-h2:600 32px/32px var(--font-family-default);--font-h3:600 24px/24px var(--font-family-default);--font-h4:600 16px/24px var(--font-family-default);--font-text-m:400 16px/24px var(--font-family-default);--font-text-s:400 14px/20px var(--font-family-default);--font-code:400 16px/24px var(--font-family-mono);--hover-transition:background-color 200ms ease-in-out;--color-background:var(--color-background-page)}.theme-dark{--color-background:var(--color-background-page-dt)}body,table{background-color:#fff;background-color:var(--color-background)} diff --git a/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.min.js b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.min.js index 7c7682878a..2a3331c085 100644 --- a/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.min.js +++ b/dokka-subprojects/plugin-base/src/main/resources/dokka/ui-kit/ui-kit.min.js @@ -1 +1 @@ -(()=>{"use strict";var t=function(t){var e="function"==typeof Symbol&&Symbol.iterator,a=e&&t[e],r=0;if(a)return a.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&r>=t.length&&(t=void 0),{value:t&&t[r++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")},e=function(){var t=!1;try{var e="__testLocalStorageKey__";localStorage.setItem(e,e),localStorage.removeItem(e),t=!0}catch(t){console.error("Local storage is not available",t)}return{getItem:function(e){return t?localStorage.getItem(e):null},setItem:function(e,a){t&&localStorage.setItem(e,a)}}}();function a(e){var a,r=null===(a=e.getAttribute("data-togglable"))||void 0===a?void 0:a.split(",");!function(a){var r,o,n,l;try{for(var i=t(document.getElementsByClassName("tabs-section")),c=i.next();!c.done;c=i.next()){var u=c.value;try{for(var d=(n=void 0,t(u.children)),s=d.next();!s.done;s=d.next()){var g=s.value;g.getAttribute("data-togglable")===e.getAttribute("data-togglable")?g.setAttribute("data-active",""):g.removeAttribute("data-active")}}catch(t){n={error:t}}finally{try{s&&!s.done&&(l=d.return)&&l.call(d)}finally{if(n)throw n.error}}}}catch(t){r={error:t}}finally{try{c&&!c.done&&(o=i.return)&&o.call(i)}finally{if(r)throw r.error}}}(),document.querySelectorAll(".tabs-section-body *[data-togglable]").forEach((function(t){var e=t.getAttribute("data-togglable");r&&e&&r.includes(e)?t.setAttribute("data-active",""):t.classList.contains("sourceset-dependent-content")||t.removeAttribute("data-active")}))}window.initTabs=function(){var t=document.querySelector(".main-content"),r="active-tab-"+(t?t.getAttribute("data-page-type"):null);document.querySelectorAll("div[tabs-section]").forEach((function(t){!function(t){var e=t.querySelector("button[data-active]");e&&a(e)}(t),t.addEventListener("click",(function(t){var o=t.target,n=o?o.getAttribute("data-togglable"):null;n&&(e.setItem(r,JSON.stringify(n)),a(o))}))}));var o=e.getItem(r);if(o){var n=document.querySelector('div[tabs-section] > button[data-togglable="'+JSON.parse(o)+'"]');n&&a(n)}},window.toggleSections=a})(); \ No newline at end of file +(()=>{"use strict";var t=function(t){var e="function"==typeof Symbol&&Symbol.iterator,a=e&&t[e],r=0;if(a)return a.call(t);if(t&&"number"==typeof t.length)return{next:function(){return t&&r>=t.length&&(t=void 0),{value:t&&t[r++],done:!t}}};throw new TypeError(e?"Object is not iterable.":"Symbol.iterator is not defined.")},e=function(){var t=!1;try{var e="__testLocalStorageKey__";localStorage.setItem(e,e),localStorage.removeItem(e),t=!0}catch(t){console.error("Local storage is not available",t)}return{getItem:function(e){return t?localStorage.getItem(e):null},setItem:function(e,a){t&&localStorage.setItem(e,a)}}}();function a(e){var a,r=null===(a=e.getAttribute("data-togglable"))||void 0===a?void 0:a.split(",");!function(){var a,r,o,n;try{for(var l=t(document.getElementsByClassName("tabs-section")),i=l.next();!i.done;i=l.next()){var c=i.value;try{for(var u=(o=void 0,t(c.children)),d=u.next();!d.done;d=u.next()){var s=d.value;s.getAttribute("data-togglable")===e.getAttribute("data-togglable")?s.setAttribute("data-active",""):s.removeAttribute("data-active")}}catch(t){o={error:t}}finally{try{d&&!d.done&&(n=u.return)&&n.call(u)}finally{if(o)throw o.error}}}}catch(t){a={error:t}}finally{try{i&&!i.done&&(r=l.return)&&r.call(l)}finally{if(a)throw a.error}}}(),document.querySelectorAll(".tabs-section-body *[data-togglable]").forEach((function(t){var e=t.getAttribute("data-togglable");r&&e&&r.includes(e)?t.setAttribute("data-active",""):t.classList.contains("sourceset-dependent-content")||t.removeAttribute("data-active")}))}window.initTabs=function(){var t=document.querySelector(".main-content"),r="active-tab-"+(t?t.getAttribute("data-page-type"):null);document.querySelectorAll("div[tabs-section]").forEach((function(t){!function(t){var e=t.querySelector("button[data-active]");e&&a(e)}(t),t.addEventListener("click",(function(t){var o=t.target,n=o?o.getAttribute("data-togglable"):null;n&&(e.setItem(r,JSON.stringify(n)),a(o))}))}));var o=e.getItem(r);if(o){var n=document.querySelector('div[tabs-section] > button[data-togglable="'+JSON.parse(o)+'"]');n&&a(n)}},window.toggleSections=a})(); \ No newline at end of file diff --git a/dokka-subprojects/plugin-versioning/src/main/resources/dokka/styles/multimodule.css b/dokka-subprojects/plugin-versioning/src/main/resources/dokka/styles/multimodule.css index 30560715e9..f2a9383ec3 100644 --- a/dokka-subprojects/plugin-versioning/src/main/resources/dokka/styles/multimodule.css +++ b/dokka-subprojects/plugin-versioning/src/main/resources/dokka/styles/multimodule.css @@ -3,7 +3,23 @@ */ .versions-dropdown { + display: flex; + align-items: center; position: relative; + height: 40px; + border-radius: 4px; + padding-left: var(--size-s2); + cursor: pointer; +} + +.versions-dropdown:active { + background-color: var(--color-key-blue); +} + +@media (max-width: 900px) { + .versions-dropdown { + height: 52px; + } } .versions-dropdown-button {