diff options
author | Emmanuele Bassi <ebassi@gnome.org> | 2021-03-19 13:54:32 +0000 |
---|---|---|
committer | Emmanuele Bassi <ebassi@gnome.org> | 2021-03-19 13:54:32 +0000 |
commit | 1763ede9ceb9ae81d93f18c7514bc4eb01bf5ec7 (patch) | |
tree | f0de3f60fcbf4e16f5832567e1d4227951e9abf1 /.gitlab-ci/pages | |
parent | 7ecd004d5095dc120924b5195b0aa305da2ba138 (diff) | |
download | gtk+-1763ede9ceb9ae81d93f18c7514bc4eb01bf5ec7.tar.gz |
Add a landing page for the GitLab pages root
Right now, we land inside a 404 if we go to:
https://gnome.pages.gitlab.gnome.org/gtk/
as we have all our API references in a sub-level. We should have a
landing page for the root, similar to developer.gnome.org/references/.
Diffstat (limited to '.gitlab-ci/pages')
-rw-r--r-- | .gitlab-ci/pages/fonts.css | 154 | ||||
-rw-r--r-- | .gitlab-ci/pages/index.html | 127 | ||||
-rw-r--r-- | .gitlab-ci/pages/main.js | 140 | ||||
-rw-r--r-- | .gitlab-ci/pages/style.css | 627 |
4 files changed, 1048 insertions, 0 deletions
diff --git a/.gitlab-ci/pages/fonts.css b/.gitlab-ci/pages/fonts.css new file mode 100644 index 0000000000..696d01c396 --- /dev/null +++ b/.gitlab-ci/pages/fonts.css @@ -0,0 +1,154 @@ +/* + * SPDX-FileCopyrightText: 2021 GNOME Foundation + * + * SPDX-License-Identifier: LGPL-2.1-or-later + */ + +/** + * RedHat Fonts taken from https://github.com/RedHatOfficial/RedHatFont + * License: SIL Open Font License 1.1 http://scripts.sil.org/OFL + */ +@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&family=Red+Hat+Display:ital,wght@0,400;0,500;0,700;0,900;1,400;1,500;1,700;1,900&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Noto+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap'); +@import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap'); + +@font-face { + font-family: "RedHatDisplayWeb"; + src: local('RedHatDisplayWeb'), + url("RedHatDisplay-Regular.woff2") format("woff2"), + url("RedHatDisplay-Regular.woff") format("woff"); + font-style: normal; + font-weight: 400; + font-display: fallback; +} + +@font-face { + font-family: "RedHatDisplayWeb"; + src: local('RedHatDisplayWeb'), + url("RedHatDisplay-RegularItalic.woff2") format("woff2"), + url("RedHatDisplay-RegularItalic.woff") format("woff"); + font-style: italic; + font-weight: 400; + font-display: fallback; +} + +@font-face { + font-family: "RedHatDisplayWeb"; + src: local('RedHatDisplayWeb'), + url("RedHatDisplay-Medium.woff2") format("woff2"), + url("RedHatDisplay-Medium.woff") format("woff"); + font-style: normal; + font-weight: 500; + font-display: fallback; +} + +@font-face { + font-family: "RedHatDisplayWeb"; + src: local('RedHatDisplayWeb'), + url("RedHatDisplay-MediumItalic.woff2") format("woff2"), + url("RedHatDisplay-MediumItalic.woff") format("woff"); + font-style: italic; + font-weight: 500; + font-display: fallback; +} + +@font-face { + font-family: "RedHatDisplayWeb"; + src: local('RedHatDisplayWeb'), + url("RedHatDisplay-Bold.woff2") format("woff2"), + url("RedHatDisplay-Bold.woff") format("woff"); + font-style: normal; + font-weight: 700; + font-display: fallback; +} + +@font-face { + font-family: "RedHatDisplayWeb"; + src: local('RedHatDisplayWeb'), + url("RedHatDisplay-BoldItalic.woff2") format("woff2"), + url("RedHatDisplay-BoldItalic.woff") format("woff"); + font-style: italic; + font-weight: 700; + font-display: fallback; +} + + +@font-face { + font-family: "RedHatDisplayWeb"; + src: local('RedHatDisplayWeb'), + url("RedHatDisplay-Black.woff2") format("woff2"), + url("RedHatDisplay-Black.woff") format("woff"); + font-style: normal; + font-weight: 900; + font-display: fallback; +} + +@font-face { + font-family: "RedHatDisplayWeb"; + src: local('RedHatDisplayWeb'), + url("RedHatDisplay-BlackItalic.woff2") format("woff2"), + url("RedHatDisplay-BlackItalic.woff") format("woff"); + font-style: italic; + font-weight: 900; + font-display: fallback; +} + +@font-face { + font-family: "RedHatTextWeb"; + src: local('RedHatTextWeb'), + url("RedHatText-Regular.woff2") format("woff2"), + url("RedHatText-Regular.woff") format("woff"); + font-style: normal; + font-weight: 400; + font-display: fallback; +} + +@font-face { + font-family: "RedHatTextWeb"; + src: local('RedHatTextWeb'), + url("RedHatText-RegularItalic.woff2") format("woff2"), + url("RedHatText-RegularItalic.woff") format("woff"); + font-style: italic; + font-weight: 400; + font-display: fallback; +} + +@font-face { + font-family: "RedHatTextWeb"; + src: local('RedHatTextWeb'), + url("RedHatText-Medium.woff2") format("woff2"), + url("RedHatText-Medium.woff") format("woff"); + font-style: normal; + font-weight: 700; + font-display: fallback; +} + +@font-face { + font-family: "RedHatTextWeb"; + src: local('RedHatTextWeb'), + url("RedHatText-MediumItalic.woff2") format("woff2"), + url("RedHatText-MediumItalic.woff") format("woff"); + font-style: italic; + font-weight: 700; + font-display: fallback; +} + +@font-face { + font-family: "RedHatTextWeb"; + src: local('RedHatTextWeb'), + url("RedHatText-Bold.woff2") format("woff2"), + url("RedHatText-Bold.woff") format("woff"); + font-style: normal; + font-weight: 900; + font-display: fallback; +} + +@font-face { + font-family: "RedHatTextWeb"; + src: local('RedHatTextWeb'), + url("RedHatText-BoldItalic.woff2") format("woff2"), + url("RedHatText-BoldItalic.woff") format("woff"); + font-style: italic; + font-weight: 900; + font-display: fallback; +} diff --git a/.gitlab-ci/pages/index.html b/.gitlab-ci/pages/index.html new file mode 100644 index 0000000000..59f084cab1 --- /dev/null +++ b/.gitlab-ci/pages/index.html @@ -0,0 +1,127 @@ +<!-- +SPDX-FileCopyrightText: 2021 GNOME Foundation + +SPDX-License-Identifier: LGPL-2.1-or-later +--> + +<!DOCTYPE html> +<html lang="en"> +<head> + <title>GTK Documentation</title> + <meta name="viewport" content="width=device-width, initial-scale=1"> + + <meta charset="utf-8" /> + + <meta property="og:site_name" content="https://docs.gtk.org"/> + <meta property="og:title" content="GTK Documentation"/> + <meta property="og:url" content="https://docs.gtk.org"/> + <meta property="og:type" content="website"/> + <meta property="og:description" content="API reference for GTK"/> + + <meta name="twitter:title" content="GTK Documentation"/> + <meta name="twitter:url" content="https://docs.gtk.org"/> + <meta name="twitter:card" content="summary"/> + + <link rel="canonical" href="https://docs.gtk.org"/> + + <link rel="stylesheet" href="style.css" type="text/css" /> + + <script src="main.js"></script> + + <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> +</head> + +<body> + <div id="body-wrapper" tabindex="-1"> + <section> + <div class="toggle-wrapper"> + <h4 id="core-libraries" style="display:flex;"> + Core libraries + <a href="#core-libraries" class="anchor"></a> + </h4> + + <div class="docblock"> + <h5 id="glib">GLib</h5> + <p>GLib provides the core application building blocks for libraries + and applications written in C. It provides common data types + used in GTK, the main loop implementation, and a large set of + utility functions for strings and general portability across + different platforms.</p> + <p><a href="https://developer.gnome.org/glib/" class="external">GLib API reference</a></p> + </div> + + <div class="docblock"> + <h5 id="gobject">GObject</h5> + <p>GObject provides the object system used by GTK.</p> + <p><a href="https://developer.gnome.org/gobject/" class="external">GObject API reference</a></p> + </div> + + <div class="docblock"> + <h5 id="gio">GIO</h5> + <p>GIO provides a portable, modern and easy-to-use file system + abstraction API for accessing locale and remote files; a set of + low and high level abstractions over the <a href="https://www.freedesktop.org/wiki/Software/dbus/" class="external">DBus</a> + IPC specification; an application settings API; portable networking + abstractions; and additional utilities for writing asynchronous + operations without blocking the user interface of your application.</p> + <p><a href="https://developer.gnome.org/gio/" class="external">GIO API reference</a></p> + </div> + </div> + </section> + + <section> + <div class="toggle-wrapper"> + <h4 id="user-interface"> + User interface + <a href="#user-interface" class="anchor"></a> + </h4> + + <div class="cairo"> + <h5 id="cairo">Cairo</h5> + <p>Cairo is a 2D graphics library with support for multiple output + devices. It is designed to produce consistent, high quality output + on all media.</p> + <p><a href="https://www.cairographics.org/docs/" class="external">Cairo API reference</a></p> + </div> + + <div class="docblock"> + <h5 id="pango">Pango</h5> + <p>Pango is the core text and font handling library used in GTK + applications. It has extensive support for the different writing + systems used throughout the world.</p> + <p><a href="https://gnome.pages.gitlab.gnome.org/pango/Pango/" class="external">Pango API reference</a></p> + </div> + + <div class="docblock"> + <h5 id="gdk-pixbuf">GdkPixbuf</h5> + <p>GdkPixbuf is a library for image loading and manipulation.</p> + <p><a href="https://developer.gnome.org/gdk-pixbuf/" class="external">GdkPixbuf API reference</a></p> + </div> + + <div class="docblock"> + <h5 id="gdk">GDK</h5> + <p>An intermediate layer which isolates GTK from the details of the windowing system.</p> + <p><a href="https://gnome.pages.gitlab.gnome.org/gtk/gdk4/" class="external">GDK API reference</a></p> + </div> + + <div class="docblock"> + <h5 id="gdk">GSK</h5> + <p>An intermediate layer which provides a rendering API implemented using Cairo, OpenGL or Vulkan.</p> + <p><a href="https://gnome.pages.gitlab.gnome.org/gtk/gsk4/" class="external">GDK API reference</a></p> + </div> + + <div class="docblock"> + <h5 id="gdk">GTK</h5> + <p>GTK is the primary library used to construct user interfaces. It + provides user interface controls and signal callbacks to respond to + user actions.</p> + <p><a href="https://gnome.pages.gitlab.gnome.org/gtk/gtk4/" class="external">GTK API reference</a></p> + </div> + </div> + </section> + + <footer> + </footer> + </div> +</body> +</html> diff --git a/.gitlab-ci/pages/main.js b/.gitlab-ci/pages/main.js new file mode 100644 index 0000000000..df84865ddd --- /dev/null +++ b/.gitlab-ci/pages/main.js @@ -0,0 +1,140 @@ +// SPDX-FileCopyrightText: 2021 GNOME Foundation +// +// SPDX-License-Identifier: LGPL-2.1-or-later + +// eslint-disable-next-line no-unused-vars +function hasClass(elem, className) { + return elem && elem.classList && elem.classList.contains(className); +} + +// eslint-disable-next-line no-unused-vars +function addClass(elem, className) { + if (!elem || !elem.classList) { + return; + } + elem.classList.add(className); +} + +// eslint-disable-next-line no-unused-vars +function removeClass(elem, className) { + if (!elem || !elem.classList) { + return; + } + elem.classList.remove(className); +} + +function insertAfter(newNode, referenceNode) { + referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling); +} + +function onEach(arr, func, reversed) { + if (arr && arr.length > 0 && func) { + var length = arr.length; + var i; + if (reversed !== true) { + for (i = 0; i < length; ++i) { + if (func(arr[i]) === true) { + return true; + } + } + } else { + for (i = length - 1; i >= 0; --i) { + if (func(arr[i]) === true) { + return true; + } + } + } + } + return false; +} + +function onEachLazy(lazyArray, func, reversed) { + return onEach( + Array.prototype.slice.call(lazyArray), + func, + reversed); +} + +// eslint-disable-next-line no-unused-vars +function hasOwnProperty(obj, property) { + return Object.prototype.hasOwnProperty.call(obj, property); +} + +window.addEventListener("load", function() { + "use strict;" + + var main = document.getElementById("main"); + var btnToTop = document.getElementById("btn-to-top"); + + function labelForToggleButton(isCollapsed) { + if (isCollapsed) { + return "+"; + } + return "\u2212"; + } + + function createToggle(isCollapsed) { + var toggle = document.createElement("a"); + toggle.href = "javascript:void(0)"; + toggle.className = "collapse-toggle"; + toggle.innerHTML = "[<span class=\"inner\">" + + labelForToggleButton(isCollapsed) + + "</span>]"; + + return toggle; + } + + function toggleClicked() { + if (hasClass(this, "collapsed")) { + removeClass(this, "collapsed"); + this.innerHTML = "[<span class=\"inner\">" + + labelForToggleButton(false) + + "</span>]"; + onEachLazy(this.parentNode.getElementsByClassName("docblock"), function(e) { + removeClass(e, "hidden"); + }); + } else { + addClass(this, "collapsed"); + this.innerHTML = "[<span class=\"inner\">" + + labelForToggleButton(true) + + "</span>]"; + onEachLazy(this.parentNode.getElementsByClassName("docblock"), function(e) { + addClass(e, "hidden"); + }); + } + } + + onEachLazy(document.getElementsByClassName("toggle-wrapper"), function(e) { + let sectionHeader = e.querySelector(".section-header"); + let fragmentMatches = sectionHeader !== null && location.hash === "#" + sectionHeader.getAttribute('id'); + collapsedByDefault = hasClass(e, "default-hide") && !fragmentMatches; + var toggle = createToggle(collapsedByDefault); + toggle.onclick = toggleClicked; + e.insertBefore(toggle, e.firstChild); + if (collapsedByDefault) { + addClass(toggle, "collapsed"); + onEachLazy(e.getElementsByClassName("docblock"), function(d) { + addClass(d, "hidden"); + }); + } + }); + + function scrollBackTop(e) { + e.preventDefault(); + window.scroll({ + top: 0, + behavior: 'smooth', + }); + } + + function toggleScrollButton() { + if (window.scrollY < 400) { + addClass(btnToTop, "hidden"); + } else { + removeClass(btnToTop, "hidden"); + } + } + + window.onscroll = toggleScrollButton; + btnToTop.onclick = scrollBackTop; +}, false); diff --git a/.gitlab-ci/pages/style.css b/.gitlab-ci/pages/style.css new file mode 100644 index 0000000000..322e4e7253 --- /dev/null +++ b/.gitlab-ci/pages/style.css @@ -0,0 +1,627 @@ +/* + * SPDX-FileCopyrightText: 2021 GNOME Foundation + * + * SPDX-License-Identifier: LGPL-2.1-or-later + */ + +@import url("fonts.css"); + +/********************************* + * LIGHT THEME + *********************************/ +:root { + + /* colors */ + --text-color: #333; + --text-color-muted: #999; + --primary: rgb(28, 118, 228); + --body-bg: #fff; + + /* boxes, e.g. code blocks */ + --box-bg: rgba(135, 135, 135, 0.085); + --box-radius: 0.35rem; + --box-padding: 0.75rem; + --box-margin: 0.75rem 0; + --box-text-color: #111; + + /* typography */ + --body-font-family: "Noto Serif",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; + --body-font-scale: 0.95; + --body-font-size: calc(var(--body-font-scale) * clamp(16px, 1vw, 20px)); + --body-font-weight: normal; + + --monospace-font-family: "Source Code Pro", monospace; + --monospace-font-size: calc(0.86 * var(--body-font-size)); /* Monospace fonts are very different in terms of font-sizes. Adjust this value to scale it */ + + --heading-font-family: "Red Hat Display", var(--body-font-family); + --heading-weight: 900; + --heading-font-scale: 1.05; + + --heading-small-font-family: var(--heading-font-family); + --heading-small-weight: 600; + --heading-small-font-scale: 1; + + --heading-table-font-family: var(--heading-font-family); + --heading-table-weight: 600; + + --heading-docblock-color: #6d6d6d; /* docblocks have headings from source comments. we want them to differ.*/ + --heading-docblock-scale: 0.9; /* docblocks have headings from source comments. we want them to differ.*/ + + --symbol-font-family: var(--heading-font-family); + --symbol-font-weight: 500; + --symbol-font-scale: 1; + + --table-font-size: 0.92em; /* Tables often contain lots information. It's better to scale them down a big to get more sutff fitted inside */ + + /* misc */ + --prefered-content-width: 90ch; /* The preferred width for the readable content */ + --anchor-sign: "#"; + +} + +/********************************* + * DARK THEME (overrides) + *********************************/ + @media (prefers-color-scheme: dark) { + :root { + --primary: rgb(144, 194, 255); + --text-color: #f6f6f6; + --text-color-muted: #686868; + --body-bg: #121212; + --box-bg: rgba(135, 135, 135, 0.1); + --box-text-color: #fff; + --heading-docblock-color: #b7b7b7; + } + + /* fix dark theme syntax highlighting with a filter (for now) */ + .highlight pre span { + filter: brightness(6); + } +} + +/********************************* + * GENERAL STYLING + *********************************/ +*, +*:before, +*:after { + box-sizing: border-box; +} + +::-moz-selection { + color: white; + background: var(--primary); +} + +::selection { + color: white; + background: var(--primary); +} + +::-webkit-scrollbar { + width: 8px; + height: 8px; +} + +::-webkit-scrollbar-thumb { + border-radius: 10px; + background: rgba(128, 128, 128, 0.6); +} + +::-webkit-scrollbar-thumb:hover { + background: rgba(128, 128, 128, 1); +} + +::-webkit-scrollbar-track { + background: rgba(128, 128, 128, 0.15); +} + +* { + scrollbar-width: initial; +} + +body { + font: 16px/1.5 var(--body-font-family); + font-weight: var(--body-font-weight); + font-size: var(--body-font-size); + margin: 0; + padding: 0; + position: relative; + + -webkit-font-feature-settings: "kern", "liga"; + -moz-font-feature-settings: "kern", "liga"; + font-feature-settings: "kern", "liga"; + color: var(--text-color); + background: var(--body-bg); +} + +h1, h2, h3, h4, h5, h6 { + font-family: var(--heading-font-family); + font-weight: var(--heading-weight); + margin: 1.75em 0 0.75em 0; + display: flex; + align-items: center; +} + +h1 { + font-size: calc(1.75em * var(--heading-font-scale)); +} + + +header h1 { + margin-top: 0; +} + +h2 { + font-size: calc(1.4em * var(--heading-font-scale)); +} + +h3 { + font-size: calc(1.2em * var(--heading-font-scale)); +} + +header h3 { + color: var(--text-color-muted); + margin-bottom: 0; +} + +h4, h5 { + font-size: calc(1em * var(--heading-font-scale)); +} + +h6 { + font-size: calc(1em * var(--heading-small-font-scale)); + font-family: var(--heading-small-font-family); + font-weight: var(--heading-small-weight); +} + +ol, ul { + padding-left: 1rem; +} + +ul ul, ol ul, ul ol, ol ol { + margin-bottom: .6em; +} + +p { + margin: 0 0 .6em 0; +} + +a { + color: var(--primary); + text-decoration: none; +} + +a:hover { + text-decoration: underline; +} + +summary { + outline: none; +} + +blockquote { + border-left: 3px solid var(--primary); + background: var(--box-bg); + padding: var(--box-padding); + border-radius: var(--box-radius); + margin: var(--box--margin); +} + +code, +pre { + font-family: var(--monospace-font-family); + font-size: var(--monospace-font-size); + color: var(--box-text-color); +} + +pre { + background: var(--box-bg); + padding: var(--box-padding); + border-radius: var(--box-radius); + overflow: auto; +} + +code { + background: var(--box-bg); + padding: 0 0.35em; + border-radius: 0.35rem; + word-break: break-word; +} + +a > code { + color: var(--primary); +} + + +pre pre, +pre code { + padding: 0; + margin: 0; + font-size: 1em; + background: none; + color: inherit; +} + +h1 code, h2 code, h3 code, h4 code, h5 code, h6 code { + font-family: inherit; + font-weight: inherit; + font-size: 0.85em; +} + +strong, b { + font-weight: 600; +} + +/* fix unwanted margins in tables, code, lists and blockquotes */ +li > *:first-child, +li > *:first-child > *:first-child, +li > *:first-child > *:first-child > *:first-child, +td > *:first-child, +td > *:first-child > *:first-child, +td > *:first-child > *:first-child > *:first-child, +pre > *:first-child, +pre > *:first-child > *:first-child, +pre > *:first-child > *:first-child > *:first-child, +blockquote > *:first-child, +blockquote > *:first-child > *:first-child, +blockquote > *:first-child > *:first-child > *:first-child { + margin-top: 0; +} +li > *:last-child, +li > *:last-child > *:last-child, +li > *:last-child > *:last-child > *:last-child, +td > *:last-child, +td > *:last-child > *:last-child, +td > *:last-child > *:last-child > *:last-child, +pre > *:last-child, +pre > *:last-child > *:last-child, +pre > *:last-child > *:last-child > *:last-child, +blockquote > *:last-child, +blockquote > *:last-child > *:last-child, +blockquote > *:last-child > *:last-child > *:last-child { + margin-bottom: 0; +} + +/********************************* + * PAGE STRUCTURE + *********************************/ +#body-wrapper { + display: flex; + flex-wrap: nowrap; + flex-direction: row; +} + +#body-wrapper:focus { + outline: none; +} + +#main { + position: relative; + flex-grow: 1; + min-width: 0; + box-shadow: 0 0 134px rgba(0, 0, 0, 0.1); +} + +footer { + width: 100%; + display: none; +} + +/********************************* + * Button + *********************************/ + +#btn-to-top { + position: fixed; + bottom: 12px; + right: 32px; + z-index: 1000; + border-radius: 50%; + width: 42px; + height: 42px; + border: 1px solid var(--primary); + background: var(--box-bg); + color: var(--text-color); + cursor: pointer; + text-transform: none; +} + +#btn-to-top > .up-arrow:after { + content: "🡅" +} + +/********************************* + * ANCHORS & TOGGLERS + *********************************/ +.anchor, +.md-anchor { + position: relative; + z-index: 1; + text-decoration: none; + padding: 0 0.5em; + color: var(--text-color-muted); +} + +.anchor:hover, +.md-anchor:hover { + color: var(--primary); +} + +.anchor:not([href]), +.md-anchor:not([href]) { + display: none; +} + +.anchor:before, +.md-anchor:before { + content: var(--anchor-sign); /*'§'*/ +} + +.toggle-wrapper { + position: relative; +} + +.collapse-toggle { + position: absolute; + right: 0; + left: -2em; + white-space: nowrap; + text-decoration: none; + font-size: 0.8em; + color: transparent; +} + +.collapse-toggle > .inner { + width: 1rem; + height: 1rem; + border-radius: calc(0.75 * var(--box-radius)); + display: inline-flex; + justify-content: center; + align-items: center; + text-align: center; + vertical-align: middle; + color: var(--box-text-color); + position: relative; + left: -0.25rem; + font-family: monospace; + font-size: 0.7rem; + font-weight: bold; + background: var(--box-bg); +} + +/********************************* + * UTILITY + *********************************/ +.deprecated > h6 > a { + opacity: 0.65; +} + +.hidden { + display: none !important; +} + +/********************************* + * CONTENT STYLING + *********************************/ +.content { + padding: 2em 4em; + overflow: visible; + max-width: calc(var(--prefered-content-width) + 8em); +} + +.content table:not(.table-display) { + border-spacing: 0 0.25rem; +} + +.content td { + vertical-align: top; +} + +.content td:first-child { + padding-right: 1rem; +} + +.content td p:first-child { + margin-top: 0; +} + +.content td h1, .content td h2 { + margin-left: 0; + font-size: 1.1em; +} + +.content tr:first-child td { + border-top: 0; +} + +kbd { + display: inline-block; + padding: 3px 5px; + font: 15px monospace; + line-height: 10px; + vertical-align: middle; + border: solid 1px; + border-radius: 3px; + box-shadow: inset 0 -1px 0; + cursor: default; +} + +.content tr:first-child { + border-bottom: 1px solid rgba(0, 0, 0, 0.35); +} + +.content td { + vertical-align: top; +} + +.content td:first-child { + padding-right: 1rem; +} + +.content td p:first-child { + margin-top: 0; +} + +.content td h4, .content td h5 { + margin-left: 0; + font-size: 1.1em; +} + +.content tr:first-child td { + border-top: 0; +} + +.srclink { + color: var(--text-color-muted); + font-size: 1rem; + font-weight: var(--body-font-weight); + flex-grow: 0; + text-decoration: none; + margin-left: auto; + position: relative; + z-index: 1; +} + +.meta tr > td:not(:first-child) { + width: 100%; +} + +.meta tr > td:first-child { + white-space: nowrap; +} + +/********************************* + * DOCBLOCK STYLING + *********************************/ +.docblock { + position: relative; + text-align: left; +} + +.docblock h1 { + font-size: calc(1.3em * var(--heading-docblock-scale) * var(--heading-font-scale)); +} + +.docblock h2 { + font-size: calc(1.2em * var(--heading-docblock-scale) * var(--heading-font-scale)); +} + +.docblock h3 { + font-size: calc(1.1em * var(--heading-docblock-scale) * var(--heading-font-scale)); +} + +.docblock h4 { + font-size: calc(1.05em * var(--heading-docblock-scale) * var(--heading-font-scale)); +} + +.docblock h1, +.docblock h2, +.docblock h3, +.docblock h4, +.docblock h5, +.docblock h6 { + color: var(--heading-docblock-color) +} + +.docblock table { + margin: .25em 0; + max-width: 100%; + font-size: var(--table-font-size); +} + +.docblock table td { + padding: .25em; +} + +.docblock table th { + padding: .25em; + text-align: left; + font-family: var(--heading-table-font-family); + font-weight: var(--heading-table-weight); +} + +.docblock table tr th:first-child, +.docblock table tr td:first-child { + padding-left: 0; +} + +.docblock table tr th:last-child, +.docblock table tr td:last-child { + padding-right: 0; +} + +table.enum-members, +table.results { + border-radius: var(--box-radius); + border: 1px solid var(--text-color-muted); + border-spacing: 0 0 !important; + font-size: 80%; +} + +table.enum-members tr th, +table.results tr th { + border-top-color: var(--body-bg); + background-color: var(--box-bg); + border-bottom: 1px solid var(--text-color-muted); +} + +table.enum-members tr th:first-child, +table.enum-members tr td:first-child { + min-width: 25em; + padding-left: .5em; +} + +table.results tr th:first-child, +table.results tr td:first-child { + padding-left: .5em; +} + +table.enum-members tr th:last-child, +table.enum-members tr td:last-child, +table.results tr th:last-child, +table.results tr td:last-child { + max-width: 35em; + padding-right: .5em; +} + +table.results tr td code { + font-size: 100%; +} + +.docblock ul li, +.docblock ol li { + padding-top: 0.15rem; + padding-bottom: 0.15rem; +} + +.docblock ul.type { + list-style: none; +} + +.docblock ul.type li::before { + content: "»"; + color: var(--text-color); + display: inline-block; + width: 1em; + margin-left: -1em; +} + +/************************** + RESPONSIVENESS +**************************/ +@media (max-width: 700px) { + body { + padding-top: 0px; + } + + #body-wrapper { + flex-direction: column; + overflow: hidden; + } + + #main { + width: 100%; + padding: 2rem; + } +} |