From 63a0b8d149a31b2f2ce7993d7c41c7d15073abcd Mon Sep 17 00:00:00 2001 From: Maximilian Hils Date: Sun, 9 Mar 2025 10:54:14 +0100 Subject: [PATCH] New Docs Layout (#7593) * wip * wip * docs: improve content structure * make menu collapsible * move anchor to the end of the heading * layout fixes * avoid menu items with the same name * wip * add CHANGELOG entry * [autofix.ci] apply automated fixes * fixup --------- Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> --- .github/workflows/main.yml | 2 +- CHANGELOG.md | 2 + docs/scripts/api-render.py | 4 +- .../clirecording/generate_recordings.sh | 2 +- docs/scripts/options.py | 4 +- .../mitmproxydocs => }/archetypes/default.md | 0 docs/src/assets/bulma/base/_all.sass | 5 - docs/src/assets/bulma/base/generic.sass | 142 - docs/src/assets/bulma/base/helpers.sass | 281 - docs/src/assets/bulma/base/minireset.sass | 79 - docs/src/assets/bulma/components/_all.sass | 15 - .../assets/bulma/components/breadcrumb.sass | 75 - docs/src/assets/bulma/components/card.sass | 79 - .../src/assets/bulma/components/dropdown.sass | 81 - docs/src/assets/bulma/components/level.sass | 77 - docs/src/assets/bulma/components/list.sass | 39 - docs/src/assets/bulma/components/media.sass | 50 - docs/src/assets/bulma/components/menu.sass | 57 - docs/src/assets/bulma/components/message.sass | 99 - docs/src/assets/bulma/components/modal.sass | 113 - docs/src/assets/bulma/components/navbar.sass | 443 -- .../assets/bulma/components/pagination.sass | 150 - docs/src/assets/bulma/components/panel.sass | 119 - docs/src/assets/bulma/components/tabs.sass | 151 - docs/src/assets/bulma/elements/_all.sass | 15 - docs/src/assets/bulma/elements/box.sass | 24 - docs/src/assets/bulma/elements/button.sass | 323 - docs/src/assets/bulma/elements/container.sass | 24 - docs/src/assets/bulma/elements/content.sass | 155 - docs/src/assets/bulma/elements/form.sass | 1 - docs/src/assets/bulma/elements/icon.sass | 21 - docs/src/assets/bulma/elements/image.sass | 71 - .../assets/bulma/elements/notification.sass | 43 - docs/src/assets/bulma/elements/other.sass | 39 - docs/src/assets/bulma/elements/progress.sass | 67 - docs/src/assets/bulma/elements/table.sass | 127 - docs/src/assets/bulma/elements/tag.sass | 128 - docs/src/assets/bulma/elements/title.sass | 70 - docs/src/assets/bulma/form/_all.sass | 8 - .../src/assets/bulma/form/checkbox-radio.sass | 21 - docs/src/assets/bulma/form/file.sass | 180 - .../src/assets/bulma/form/input-textarea.sass | 64 - docs/src/assets/bulma/form/select.sass | 85 - docs/src/assets/bulma/form/shared.sass | 55 - docs/src/assets/bulma/form/tools.sass | 205 - docs/src/assets/bulma/grid/_all.sass | 4 - docs/src/assets/bulma/grid/columns.sass | 504 -- docs/src/assets/bulma/grid/tiles.sass | 34 - docs/src/assets/bulma/layout/_all.sass | 5 - docs/src/assets/bulma/layout/footer.sass | 9 - docs/src/assets/bulma/layout/hero.sass | 144 - docs/src/assets/bulma/layout/section.sass | 13 - docs/src/assets/bulma/utilities/_all.sass | 8 - .../assets/bulma/utilities/animations.sass | 5 - docs/src/assets/bulma/utilities/controls.sass | 50 - .../bulma/utilities/derived-variables.sass | 106 - .../src/assets/bulma/utilities/functions.sass | 103 - .../bulma/utilities/initial-variables.sass | 77 - docs/src/assets/bulma/utilities/mixins.sass | 261 - docs/src/assets/css/components/anchors.scss | 20 + .../css/components/asciinema-player.scss | 71 + .../components/badges.scss} | 2 +- docs/src/assets/css/components/example.scss | 16 + .../assets/css/components/github-button.scss | 12 + .../css/components/syntax-highlighting.scss | 8 + .../assets/{ => css/components}/syntax.css | 0 docs/src/assets/css/content.scss | 99 + docs/src/assets/css/header.scss | 31 + docs/src/assets/css/layout.scss | 48 + docs/src/assets/css/modern-normalize.css | 213 + docs/src/assets/css/sidebar.scss | 96 + docs/src/assets/css/style.scss | 27 + docs/src/assets/fa/_animated.scss | 20 - docs/src/assets/fa/_bordered-pulled.scss | 20 - docs/src/assets/fa/_core.scss | 16 - docs/src/assets/fa/_fixed-width.scss | 6 - docs/src/assets/fa/_icons.scss | 792 -- docs/src/assets/fa/_larger.scss | 23 - docs/src/assets/fa/_list.scss | 18 - docs/src/assets/fa/_mixins.scss | 57 - docs/src/assets/fa/_rotated-flipped.scss | 23 - docs/src/assets/fa/_screen-reader.scss | 5 - docs/src/assets/fa/_stacked.scss | 31 - docs/src/assets/fa/_variables.scss | 805 -- docs/src/assets/fa/fa-brands.scss | 21 - docs/src/assets/fa/fa-regular.scss | 22 - docs/src/assets/fa/fa-solid.scss | 23 - docs/src/assets/fa/fontawesome.scss | 16 - docs/src/assets/logo-navbar.png | Bin 0 -> 2145 bytes .../mitmproxy_intercept_requests.cast | 0 ...proxy_intercept_requests_instructions.json | 0 .../recordings/mitmproxy_modify_requests.cast | 0 ...itmproxy_modify_requests_instructions.json | 0 .../recordings/mitmproxy_replay_requests.cast | 0 ...itmproxy_replay_requests_instructions.json | 0 .../recordings/mitmproxy_user_interface.cast | 0 ...mitmproxy_user_interface_instructions.json | 0 docs/src/assets/style.scss | 141 - docs/src/assets/version-selector.js | 69 + docs/src/config.toml | 1 - docs/src/content/_index.md | 4 +- docs/src/content/addons-api.md | 26 - .../api-changelog.md} | 11 +- .../commands.md} | 12 +- docs/src/content/addons/event-hooks.md | 23 + .../examples.md} | 6 +- .../{addons-options.md => addons/options.md} | 10 +- .../overview.md} | 20 +- .../src/content/api/mitmproxy.addonmanager.md | 4 +- docs/src/content/api/mitmproxy.certs.md | 4 +- docs/src/content/api/mitmproxy.connection.md | 4 +- .../api/mitmproxy.coretypes.multidict.md | 4 +- docs/src/content/api/mitmproxy.dns.md | 4 +- docs/src/content/api/mitmproxy.flow.md | 4 +- docs/src/content/api/mitmproxy.http.md | 4 +- .../content/api/mitmproxy.net.server_spec.md | 4 +- .../content/api/mitmproxy.proxy.context.md | 4 +- .../content/api/mitmproxy.proxy.mode_specs.md | 4 +- .../api/mitmproxy.proxy.server_hooks.md | 4 +- docs/src/content/api/mitmproxy.tcp.md | 4 +- docs/src/content/api/mitmproxy.tls.md | 4 +- docs/src/content/api/mitmproxy.udp.md | 4 +- docs/src/content/api/mitmproxy.websocket.md | 4 +- .../cli-01-user-interface.md} | 5 +- .../cli-02-intercept-requests.md} | 7 +- .../cli-03-modify-requests.md} | 5 +- .../cli-04-replay-requests.md} | 7 +- .../whats-next.md} | 7 +- .../certificates.md} | 8 +- .../commands.md} | 8 +- .../filters.md} | 6 +- .../how-mitmproxy-works.md} | 10 +- .../{concepts-modes.md => concepts/modes.md} | 20 +- .../options.md} | 6 +- .../protocols.md} | 12 +- .../ignore-domains.md} | 10 +- .../install-system-trusted-ca-android.md} | 6 +- .../kubernetes.md} | 6 +- .../transparent-vms.md} | 8 +- .../transparent.md} | 18 +- .../wireshark-tls.md} | 6 +- .../features.md} | 16 +- .../getting-started.md} | 15 +- .../installation.md} | 7 +- .../client-replay.md} | 8 +- .../highscores.md} | 8 +- .../web-tutorials/web-01-user-interface.md | 3 - .../web-02-intercepting-traffic.md | 3 - .../web-tutorials/web-03-analysing-flows.md | 3 - .../web-04-modifying-requests.md | 3 - .../web-tutorials/web-05-replaying-flows.md | 3 - docs/src/layouts/_default/baseof.html | 55 + docs/src/layouts/_default/single.html | 17 +- docs/src/layouts/partials/add-anchors.html | 2 +- docs/src/layouts/partials/edit-on-github.html | 3 +- docs/src/layouts/partials/outdated.html | 14 +- docs/src/layouts/partials/sidebar.html | 50 +- docs/src/layouts/partials/sidemenu.html | 21 - docs/src/layouts/shortcodes/asciicast.html | 5 +- docs/src/layouts/shortcodes/note.html | 2 +- .../mitmproxydocs/layouts/_default/list.html | 25 - .../layouts/_default/single.html | 7 - .../layouts/partials/footer.html | 2 - .../layouts/partials/header.html | 36 - .../themes/mitmproxydocs/static/css/style.css | 6786 ----------------- docs/src/themes/mitmproxydocs/theme.toml | 2 - 166 files changed, 986 insertions(+), 14307 deletions(-) rename docs/src/{themes/mitmproxydocs => }/archetypes/default.md (100%) delete mode 100644 docs/src/assets/bulma/base/_all.sass delete mode 100644 docs/src/assets/bulma/base/generic.sass delete mode 100644 docs/src/assets/bulma/base/helpers.sass delete mode 100644 docs/src/assets/bulma/base/minireset.sass delete mode 100644 docs/src/assets/bulma/components/_all.sass delete mode 100644 docs/src/assets/bulma/components/breadcrumb.sass delete mode 100644 docs/src/assets/bulma/components/card.sass delete mode 100644 docs/src/assets/bulma/components/dropdown.sass delete mode 100644 docs/src/assets/bulma/components/level.sass delete mode 100644 docs/src/assets/bulma/components/list.sass delete mode 100644 docs/src/assets/bulma/components/media.sass delete mode 100644 docs/src/assets/bulma/components/menu.sass delete mode 100644 docs/src/assets/bulma/components/message.sass delete mode 100644 docs/src/assets/bulma/components/modal.sass delete mode 100644 docs/src/assets/bulma/components/navbar.sass delete mode 100644 docs/src/assets/bulma/components/pagination.sass delete mode 100644 docs/src/assets/bulma/components/panel.sass delete mode 100644 docs/src/assets/bulma/components/tabs.sass delete mode 100644 docs/src/assets/bulma/elements/_all.sass delete mode 100644 docs/src/assets/bulma/elements/box.sass delete mode 100644 docs/src/assets/bulma/elements/button.sass delete mode 100644 docs/src/assets/bulma/elements/container.sass delete mode 100644 docs/src/assets/bulma/elements/content.sass delete mode 100644 docs/src/assets/bulma/elements/form.sass delete mode 100644 docs/src/assets/bulma/elements/icon.sass delete mode 100644 docs/src/assets/bulma/elements/image.sass delete mode 100644 docs/src/assets/bulma/elements/notification.sass delete mode 100644 docs/src/assets/bulma/elements/other.sass delete mode 100644 docs/src/assets/bulma/elements/progress.sass delete mode 100644 docs/src/assets/bulma/elements/table.sass delete mode 100644 docs/src/assets/bulma/elements/tag.sass delete mode 100644 docs/src/assets/bulma/elements/title.sass delete mode 100644 docs/src/assets/bulma/form/_all.sass delete mode 100644 docs/src/assets/bulma/form/checkbox-radio.sass delete mode 100644 docs/src/assets/bulma/form/file.sass delete mode 100644 docs/src/assets/bulma/form/input-textarea.sass delete mode 100644 docs/src/assets/bulma/form/select.sass delete mode 100644 docs/src/assets/bulma/form/shared.sass delete mode 100644 docs/src/assets/bulma/form/tools.sass delete mode 100644 docs/src/assets/bulma/grid/_all.sass delete mode 100644 docs/src/assets/bulma/grid/columns.sass delete mode 100644 docs/src/assets/bulma/grid/tiles.sass delete mode 100644 docs/src/assets/bulma/layout/_all.sass delete mode 100644 docs/src/assets/bulma/layout/footer.sass delete mode 100644 docs/src/assets/bulma/layout/hero.sass delete mode 100644 docs/src/assets/bulma/layout/section.sass delete mode 100644 docs/src/assets/bulma/utilities/_all.sass delete mode 100644 docs/src/assets/bulma/utilities/animations.sass delete mode 100644 docs/src/assets/bulma/utilities/controls.sass delete mode 100644 docs/src/assets/bulma/utilities/derived-variables.sass delete mode 100644 docs/src/assets/bulma/utilities/functions.sass delete mode 100644 docs/src/assets/bulma/utilities/initial-variables.sass delete mode 100644 docs/src/assets/bulma/utilities/mixins.sass create mode 100644 docs/src/assets/css/components/anchors.scss create mode 100644 docs/src/assets/css/components/asciinema-player.scss rename docs/src/assets/{badge.scss => css/components/badges.scss} (94%) create mode 100644 docs/src/assets/css/components/example.scss create mode 100644 docs/src/assets/css/components/github-button.scss create mode 100644 docs/src/assets/css/components/syntax-highlighting.scss rename docs/src/assets/{ => css/components}/syntax.css (100%) create mode 100644 docs/src/assets/css/content.scss create mode 100644 docs/src/assets/css/header.scss create mode 100644 docs/src/assets/css/layout.scss create mode 100644 docs/src/assets/css/modern-normalize.css create mode 100644 docs/src/assets/css/sidebar.scss create mode 100644 docs/src/assets/css/style.scss delete mode 100644 docs/src/assets/fa/_animated.scss delete mode 100644 docs/src/assets/fa/_bordered-pulled.scss delete mode 100644 docs/src/assets/fa/_core.scss delete mode 100644 docs/src/assets/fa/_fixed-width.scss delete mode 100644 docs/src/assets/fa/_icons.scss delete mode 100644 docs/src/assets/fa/_larger.scss delete mode 100644 docs/src/assets/fa/_list.scss delete mode 100644 docs/src/assets/fa/_mixins.scss delete mode 100644 docs/src/assets/fa/_rotated-flipped.scss delete mode 100644 docs/src/assets/fa/_screen-reader.scss delete mode 100644 docs/src/assets/fa/_stacked.scss delete mode 100644 docs/src/assets/fa/_variables.scss delete mode 100644 docs/src/assets/fa/fa-brands.scss delete mode 100644 docs/src/assets/fa/fa-regular.scss delete mode 100644 docs/src/assets/fa/fa-solid.scss delete mode 100644 docs/src/assets/fa/fontawesome.scss create mode 100644 docs/src/assets/logo-navbar.png rename docs/src/{static => assets}/recordings/mitmproxy_intercept_requests.cast (100%) rename docs/src/{static => assets}/recordings/mitmproxy_intercept_requests_instructions.json (100%) rename docs/src/{static => assets}/recordings/mitmproxy_modify_requests.cast (100%) rename docs/src/{static => assets}/recordings/mitmproxy_modify_requests_instructions.json (100%) rename docs/src/{static => assets}/recordings/mitmproxy_replay_requests.cast (100%) rename docs/src/{static => assets}/recordings/mitmproxy_replay_requests_instructions.json (100%) rename docs/src/{static => assets}/recordings/mitmproxy_user_interface.cast (100%) rename docs/src/{static => assets}/recordings/mitmproxy_user_interface_instructions.json (100%) delete mode 100644 docs/src/assets/style.scss create mode 100644 docs/src/assets/version-selector.js rename docs/src/content/{addons-api-changelog.md => addons/api-changelog.md} (92%) rename docs/src/content/{addons-commands.md => addons/commands.md} (95%) create mode 100644 docs/src/content/addons/event-hooks.md rename docs/src/content/{addons-examples.md => addons/examples.md} (69%) rename docs/src/content/{addons-options.md => addons/options.md} (96%) rename docs/src/content/{addons-overview.md => addons/overview.md} (79%) rename docs/src/content/{mitmproxytutorial-userinterface.md => cli-tutorials/cli-01-user-interface.md} (92%) rename docs/src/content/{mitmproxytutorial-interceptrequests.md => cli-tutorials/cli-02-intercept-requests.md} (78%) rename docs/src/content/{mitmproxytutorial-modifyrequests.md => cli-tutorials/cli-03-modify-requests.md} (91%) rename docs/src/content/{mitmproxytutorial-replayrequests.md => cli-tutorials/cli-04-replay-requests.md} (81%) rename docs/src/content/{mitmproxytutorial-whatsnext.md => cli-tutorials/whats-next.md} (86%) rename docs/src/content/{concepts-certificates.md => concepts/certificates.md} (99%) rename docs/src/content/{concepts-commands.md => concepts/commands.md} (95%) rename docs/src/content/{concepts-filters.md => concepts/filters.md} (97%) rename docs/src/content/{concepts-howmitmproxyworks.md => concepts/how-mitmproxy-works.md} (98%) rename docs/src/content/{concepts-modes.md => concepts/modes.md} (97%) rename docs/src/content/{concepts-options.md => concepts/options.md} (98%) rename docs/src/content/{concepts-protocols.md => concepts/protocols.md} (94%) rename docs/src/content/{howto-ignoredomains.md => howto/ignore-domains.md} (93%) rename docs/src/content/{howto-install-system-trusted-ca-android.md => howto/install-system-trusted-ca-android.md} (99%) rename docs/src/content/{howto-kubernetes.md => howto/kubernetes.md} (89%) rename docs/src/content/{howto-transparent-vms.md => howto/transparent-vms.md} (97%) rename docs/src/content/{howto-transparent.md => howto/transparent.md} (97%) rename docs/src/content/{howto-wireshark-tls.md => howto/wireshark-tls.md} (96%) rename docs/src/content/{overview-features.md => overview/features.md} (98%) rename docs/src/content/{overview-getting-started.md => overview/getting-started.md} (76%) rename docs/src/content/{overview-installation.md => overview/installation.md} (98%) rename docs/src/content/{tute-clientreplay.md => tutorials/client-replay.md} (97%) rename docs/src/content/{tute-highscores.md => tutorials/highscores.md} (97%) create mode 100644 docs/src/layouts/_default/baseof.html delete mode 100644 docs/src/layouts/partials/sidemenu.html delete mode 100644 docs/src/themes/mitmproxydocs/layouts/_default/list.html delete mode 100644 docs/src/themes/mitmproxydocs/layouts/_default/single.html delete mode 100644 docs/src/themes/mitmproxydocs/layouts/partials/footer.html delete mode 100644 docs/src/themes/mitmproxydocs/layouts/partials/header.html delete mode 100644 docs/src/themes/mitmproxydocs/static/css/style.css delete mode 100644 docs/src/themes/mitmproxydocs/theme.toml diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml index 9245e1be5..2a10dd5b4 100644 --- a/.github/workflows/main.yml +++ b/.github/workflows/main.yml @@ -215,7 +215,7 @@ jobs: # For releases, also build the archive version of the docs. - run: ./docs/build.py env: - DOCS_ARCHIVE: true + DOCS_ARCHIVE: ${{ github.ref_name }} - if: startsWith(github.ref, 'refs/tags/') uses: actions/upload-artifact@v4 with: diff --git a/CHANGELOG.md b/CHANGELOG.md index ebaf37687..374e6f4bc 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -9,6 +9,8 @@ - Enhance homebrew installation command for Brewfile users. ([#7566](https://github.com/mitmproxy/mitmproxy/pull/7566), @AntoineJT) +- Introduce a new theme for docs.mitmproxy.org. + ([#7593](https://github.com/mitmproxy/mitmproxy/pull/7593), @mhils) - Fix a bug where mitmdump would exit prematurely in server replay mode. ([#7571](https://github.com/mitmproxy/mitmproxy/pull/7571), @mhils) - Fix a bug where WebSocket Messages view jumps to top when a message is received diff --git a/docs/scripts/api-render.py b/docs/scripts/api-render.py index 0a224eb77..1fb24297c 100644 --- a/docs/scripts/api-render.py +++ b/docs/scripts/api-render.py @@ -60,9 +60,7 @@ for module in modules: title: "{module}" url: "{filename}" - menu: - addons: - parent: 'Event Hooks & API' + menu: api --- {{{{< readfile file="/generated/{filename}" >}}}} diff --git a/docs/scripts/clirecording/generate_recordings.sh b/docs/scripts/clirecording/generate_recordings.sh index b352ed136..68ca888c6 100644 --- a/docs/scripts/clirecording/generate_recordings.sh +++ b/docs/scripts/clirecording/generate_recordings.sh @@ -2,5 +2,5 @@ docker build --pull --rm -t mitmproxy-clirecorder:latest . docker run -i -t --rm \ - -v "$(pwd)"/../../src/static/recordings:/root/clidirector/recordings \ + -v "$(pwd)"/../../src/assets/recordings:/root/clidirector/recordings \ mitmproxy-clirecorder:latest diff --git a/docs/scripts/options.py b/docs/scripts/options.py index 775097a50..50dae7090 100755 --- a/docs/scripts/options.py +++ b/docs/scripts/options.py @@ -48,13 +48,13 @@ for key, option in sorted(unified_options.items(), key=lambda t: t[0]): f""" - #   - {key}
+ {key}
{" ".join(["{}".format(t) for t in option["tools"]])} {option["type"]} {option["help"]}
Default: {option["default"]} {"
Choices: {}".format(", ".join(option["choices"])) if option["choices"] else ""} + """.strip() diff --git a/docs/src/themes/mitmproxydocs/archetypes/default.md b/docs/src/archetypes/default.md similarity index 100% rename from docs/src/themes/mitmproxydocs/archetypes/default.md rename to docs/src/archetypes/default.md diff --git a/docs/src/assets/bulma/base/_all.sass b/docs/src/assets/bulma/base/_all.sass deleted file mode 100644 index e913d6ba3..000000000 --- a/docs/src/assets/bulma/base/_all.sass +++ /dev/null @@ -1,5 +0,0 @@ -@charset "utf-8" - -@import "minireset.sass" -@import "generic.sass" -@import "helpers.sass" diff --git a/docs/src/assets/bulma/base/generic.sass b/docs/src/assets/bulma/base/generic.sass deleted file mode 100644 index 31eedfe9b..000000000 --- a/docs/src/assets/bulma/base/generic.sass +++ /dev/null @@ -1,142 +0,0 @@ -$body-background-color: $scheme-main !default -$body-size: 16px !default -$body-min-width: 300px !default -$body-rendering: optimizeLegibility !default -$body-family: $family-primary !default -$body-overflow-x: hidden !default -$body-overflow-y: scroll !default - -$body-color: $text !default -$body-font-size: 1em !default -$body-weight: $weight-normal !default -$body-line-height: 1.5 !default - -$code-family: $family-code !default -$code-padding: 0.25em 0.5em 0.25em !default -$code-weight: normal !default -$code-size: 0.875em !default - -$small-font-size: 0.875em !default - -$hr-background-color: $background !default -$hr-height: 2px !default -$hr-margin: 1.5rem 0 !default - -$strong-color: $text-strong !default -$strong-weight: $weight-bold !default - -$pre-font-size: 0.875em !default -$pre-padding: 1.25rem 1.5rem !default -$pre-code-font-size: 1em !default - -html - background-color: $body-background-color - font-size: $body-size - -moz-osx-font-smoothing: grayscale - -webkit-font-smoothing: antialiased - min-width: $body-min-width - overflow-x: $body-overflow-x - overflow-y: $body-overflow-y - text-rendering: $body-rendering - text-size-adjust: 100% - -article, -aside, -figure, -footer, -header, -hgroup, -section - display: block - -body, -button, -input, -select, -textarea - font-family: $body-family - -code, -pre - -moz-osx-font-smoothing: auto - -webkit-font-smoothing: auto - font-family: $code-family - -body - color: $body-color - font-size: $body-font-size - font-weight: $body-weight - line-height: $body-line-height - -// Inline - -a - color: $link - cursor: pointer - text-decoration: none - strong - color: currentColor - &:hover - color: $link-hover - -code - background-color: $code-background - color: $code - font-size: $code-size - font-weight: $code-weight - padding: $code-padding - -hr - background-color: $hr-background-color - border: none - display: block - height: $hr-height - margin: $hr-margin - -img - height: auto - max-width: 100% - -input[type="checkbox"], -input[type="radio"] - vertical-align: baseline - -small - font-size: $small-font-size - -span - font-style: inherit - font-weight: inherit - -strong - color: $strong-color - font-weight: $strong-weight - -// Block - -fieldset - border: none - -pre - +overflow-touch - background-color: $pre-background - color: $pre - font-size: $pre-font-size - overflow-x: auto - padding: $pre-padding - white-space: pre - word-wrap: normal - code - background-color: transparent - color: currentColor - font-size: $pre-code-font-size - padding: 0 - -table - td, - th - vertical-align: top - &:not([align]) - text-align: left - th - color: $text-strong diff --git a/docs/src/assets/bulma/base/helpers.sass b/docs/src/assets/bulma/base/helpers.sass deleted file mode 100644 index bbb489ddd..000000000 --- a/docs/src/assets/bulma/base/helpers.sass +++ /dev/null @@ -1,281 +0,0 @@ -// Float - -.is-clearfix - +clearfix - -.is-pulled-left - float: left !important - -.is-pulled-right - float: right !important - -// Overflow - -.is-clipped - overflow: hidden !important - -// Overlay - -.is-overlay - @extend %overlay - -// Typography - -=typography-size($target:'') - @each $size in $sizes - $i: index($sizes, $size) - .is-size-#{$i}#{if($target == '', '', '-' + $target)} - font-size: $size !important - -+typography-size() - -+mobile - +typography-size('mobile') - -+tablet - +typography-size('tablet') - -+touch - +typography-size('touch') - -+desktop - +typography-size('desktop') - -+widescreen - +typography-size('widescreen') - -+fullhd - +typography-size('fullhd') - -$alignments: ('centered': 'center', 'justified': 'justify', 'left': 'left', 'right': 'right') - -@each $alignment, $text-align in $alignments - .has-text-#{$alignment} - text-align: #{$text-align} !important - -@each $alignment, $text-align in $alignments - +mobile - .has-text-#{$alignment}-mobile - text-align: #{$text-align} !important - +tablet - .has-text-#{$alignment}-tablet - text-align: #{$text-align} !important - +tablet-only - .has-text-#{$alignment}-tablet-only - text-align: #{$text-align} !important - +touch - .has-text-#{$alignment}-touch - text-align: #{$text-align} !important - +desktop - .has-text-#{$alignment}-desktop - text-align: #{$text-align} !important - +desktop-only - .has-text-#{$alignment}-desktop-only - text-align: #{$text-align} !important - +widescreen - .has-text-#{$alignment}-widescreen - text-align: #{$text-align} !important - +widescreen-only - .has-text-#{$alignment}-widescreen-only - text-align: #{$text-align} !important - +fullhd - .has-text-#{$alignment}-fullhd - text-align: #{$text-align} !important - -.is-capitalized - text-transform: capitalize !important - -.is-lowercase - text-transform: lowercase !important - -.is-uppercase - text-transform: uppercase !important - -.is-italic - font-style: italic !important - -@each $name, $pair in $colors - $color: nth($pair, 1) - .has-text-#{$name} - color: $color !important - a.has-text-#{$name} - &:hover, - &:focus - color: darken($color, 10%) !important - .has-background-#{$name} - background-color: $color !important - -@each $name, $shade in $shades - .has-text-#{$name} - color: $shade !important - .has-background-#{$name} - background-color: $shade !important - -.has-text-weight-light - font-weight: $weight-light !important -.has-text-weight-normal - font-weight: $weight-normal !important -.has-text-weight-medium - font-weight: $weight-medium !important -.has-text-weight-semibold - font-weight: $weight-semibold !important -.has-text-weight-bold - font-weight: $weight-bold !important - -.is-family-primary - font-family: $family-primary !important - -.is-family-secondary - font-family: $family-secondary !important - -.is-family-sans-serif - font-family: $family-sans-serif !important - -.is-family-monospace - font-family: $family-monospace !important - -.is-family-code - font-family: $family-code !important - -// Visibility - -$displays: 'block' 'flex' 'inline' 'inline-block' 'inline-flex' - -@each $display in $displays - .is-#{$display} - display: #{$display} !important - +mobile - .is-#{$display}-mobile - display: #{$display} !important - +tablet - .is-#{$display}-tablet - display: #{$display} !important - +tablet-only - .is-#{$display}-tablet-only - display: #{$display} !important - +touch - .is-#{$display}-touch - display: #{$display} !important - +desktop - .is-#{$display}-desktop - display: #{$display} !important - +desktop-only - .is-#{$display}-desktop-only - display: #{$display} !important - +widescreen - .is-#{$display}-widescreen - display: #{$display} !important - +widescreen-only - .is-#{$display}-widescreen-only - display: #{$display} !important - +fullhd - .is-#{$display}-fullhd - display: #{$display} !important - -.is-hidden - display: none !important - -.is-sr-only - border: none !important - clip: rect(0, 0, 0, 0) !important - height: 0.01em !important - overflow: hidden !important - padding: 0 !important - position: absolute !important - white-space: nowrap !important - width: 0.01em !important - -+mobile - .is-hidden-mobile - display: none !important - -+tablet - .is-hidden-tablet - display: none !important - -+tablet-only - .is-hidden-tablet-only - display: none !important - -+touch - .is-hidden-touch - display: none !important - -+desktop - .is-hidden-desktop - display: none !important - -+desktop-only - .is-hidden-desktop-only - display: none !important - -+widescreen - .is-hidden-widescreen - display: none !important - -+widescreen-only - .is-hidden-widescreen-only - display: none !important - -+fullhd - .is-hidden-fullhd - display: none !important - -.is-invisible - visibility: hidden !important - -+mobile - .is-invisible-mobile - visibility: hidden !important - -+tablet - .is-invisible-tablet - visibility: hidden !important - -+tablet-only - .is-invisible-tablet-only - visibility: hidden !important - -+touch - .is-invisible-touch - visibility: hidden !important - -+desktop - .is-invisible-desktop - visibility: hidden !important - -+desktop-only - .is-invisible-desktop-only - visibility: hidden !important - -+widescreen - .is-invisible-widescreen - visibility: hidden !important - -+widescreen-only - .is-invisible-widescreen-only - visibility: hidden !important - -+fullhd - .is-invisible-fullhd - visibility: hidden !important - -// Other - -.is-marginless - margin: 0 !important - -.is-paddingless - padding: 0 !important - -.is-radiusless - border-radius: 0 !important - -.is-shadowless - box-shadow: none !important - -.is-unselectable - @extend %unselectable - -.is-relative - position: relative !important diff --git a/docs/src/assets/bulma/base/minireset.sass b/docs/src/assets/bulma/base/minireset.sass deleted file mode 100644 index c5657ebdd..000000000 --- a/docs/src/assets/bulma/base/minireset.sass +++ /dev/null @@ -1,79 +0,0 @@ -/*! minireset.css v0.0.6 | MIT License | github.com/jgthms/minireset.css */ -// Blocks -html, -body, -p, -ol, -ul, -li, -dl, -dt, -dd, -blockquote, -figure, -fieldset, -legend, -textarea, -pre, -iframe, -hr, -h1, -h2, -h3, -h4, -h5, -h6 - margin: 0 - padding: 0 - -// Headings -h1, -h2, -h3, -h4, -h5, -h6 - font-size: 100% - font-weight: normal - -// List -ul - list-style: none - -// Form -button, -input, -select, -textarea - margin: 0 - -// Box sizing -html - box-sizing: border-box - -* - &, - &::before, - &::after - box-sizing: inherit - -// Media -img, -video - height: auto - max-width: 100% - -// Iframe -iframe - border: 0 - -// Table -table - border-collapse: collapse - border-spacing: 0 - -td, -th - padding: 0 - &:not([align]) - text-align: left diff --git a/docs/src/assets/bulma/components/_all.sass b/docs/src/assets/bulma/components/_all.sass deleted file mode 100644 index 88fd45c5a..000000000 --- a/docs/src/assets/bulma/components/_all.sass +++ /dev/null @@ -1,15 +0,0 @@ -@charset "utf-8" - -@import "breadcrumb.sass" -@import "card.sass" -@import "dropdown.sass" -@import "level.sass" -@import "list.sass" -@import "media.sass" -@import "menu.sass" -@import "message.sass" -@import "modal.sass" -@import "navbar.sass" -@import "pagination.sass" -@import "panel.sass" -@import "tabs.sass" diff --git a/docs/src/assets/bulma/components/breadcrumb.sass b/docs/src/assets/bulma/components/breadcrumb.sass deleted file mode 100644 index 3d7f4eb3c..000000000 --- a/docs/src/assets/bulma/components/breadcrumb.sass +++ /dev/null @@ -1,75 +0,0 @@ -$breadcrumb-item-color: $link !default -$breadcrumb-item-hover-color: $link-hover !default -$breadcrumb-item-active-color: $text-strong !default - -$breadcrumb-item-padding-vertical: 0 !default -$breadcrumb-item-padding-horizontal: 0.75em !default - -$breadcrumb-item-separator-color: $border-hover !default - -.breadcrumb - @extend %block - @extend %unselectable - font-size: $size-normal - white-space: nowrap - a - align-items: center - color: $breadcrumb-item-color - display: flex - justify-content: center - padding: $breadcrumb-item-padding-vertical $breadcrumb-item-padding-horizontal - &:hover - color: $breadcrumb-item-hover-color - li - align-items: center - display: flex - &:first-child a - padding-left: 0 - &.is-active - a - color: $breadcrumb-item-active-color - cursor: default - pointer-events: none - & + li::before - color: $breadcrumb-item-separator-color - content: "\0002f" - ul, - ol - align-items: flex-start - display: flex - flex-wrap: wrap - justify-content: flex-start - .icon - &:first-child - margin-right: 0.5em - &:last-child - margin-left: 0.5em - // Alignment - &.is-centered - ol, - ul - justify-content: center - &.is-right - ol, - ul - justify-content: flex-end - // Sizes - &.is-small - font-size: $size-small - &.is-medium - font-size: $size-medium - &.is-large - font-size: $size-large - // Styles - &.has-arrow-separator - li + li::before - content: "\02192" - &.has-bullet-separator - li + li::before - content: "\02022" - &.has-dot-separator - li + li::before - content: "\000b7" - &.has-succeeds-separator - li + li::before - content: "\0227B" diff --git a/docs/src/assets/bulma/components/card.sass b/docs/src/assets/bulma/components/card.sass deleted file mode 100644 index 3cdf0008f..000000000 --- a/docs/src/assets/bulma/components/card.sass +++ /dev/null @@ -1,79 +0,0 @@ -$card-color: $text !default -$card-background-color: $scheme-main !default -$card-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default - -$card-header-background-color: transparent !default -$card-header-color: $text-strong !default -$card-header-padding: 0.75rem 1rem !default -$card-header-shadow: 0 0.125em 0.25em rgba($scheme-invert, 0.1) !default -$card-header-weight: $weight-bold !default - -$card-content-background-color: transparent !default -$card-content-padding: 1.5rem !default - -$card-footer-background-color: transparent !default -$card-footer-border-top: 1px solid $border-light !default -$card-footer-padding: 0.75rem !default - -$card-media-margin: $block-spacing !default - -.card - background-color: $card-background-color - box-shadow: $card-shadow - color: $card-color - max-width: 100% - position: relative - -.card-header - background-color: $card-header-background-color - align-items: stretch - box-shadow: $card-header-shadow - display: flex - -.card-header-title - align-items: center - color: $card-header-color - display: flex - flex-grow: 1 - font-weight: $card-header-weight - padding: $card-header-padding - &.is-centered - justify-content: center - -.card-header-icon - align-items: center - cursor: pointer - display: flex - justify-content: center - padding: $card-header-padding - -.card-image - display: block - position: relative - -.card-content - background-color: $card-content-background-color - padding: $card-content-padding - -.card-footer - background-color: $card-footer-background-color - border-top: $card-footer-border-top - align-items: stretch - display: flex - -.card-footer-item - align-items: center - display: flex - flex-basis: 0 - flex-grow: 1 - flex-shrink: 0 - justify-content: center - padding: $card-footer-padding - &:not(:last-child) - border-right: $card-footer-border-top - -// Combinations - -.card - .media:not(:last-child) - margin-bottom: $card-media-margin diff --git a/docs/src/assets/bulma/components/dropdown.sass b/docs/src/assets/bulma/components/dropdown.sass deleted file mode 100644 index d62a6d88e..000000000 --- a/docs/src/assets/bulma/components/dropdown.sass +++ /dev/null @@ -1,81 +0,0 @@ -$dropdown-menu-min-width: 12rem !default - -$dropdown-content-background-color: $scheme-main !default -$dropdown-content-arrow: $link !default -$dropdown-content-offset: 4px !default -$dropdown-content-padding-bottom: 0.5rem !default -$dropdown-content-padding-top: 0.5rem !default -$dropdown-content-radius: $radius !default -$dropdown-content-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default -$dropdown-content-z: 20 !default - -$dropdown-item-color: $text !default -$dropdown-item-hover-color: $scheme-invert !default -$dropdown-item-hover-background-color: $background !default -$dropdown-item-active-color: $link-invert !default -$dropdown-item-active-background-color: $link !default - -$dropdown-divider-background-color: $border-light !default - -.dropdown - display: inline-flex - position: relative - vertical-align: top - &.is-active, - &.is-hoverable:hover - .dropdown-menu - display: block - &.is-right - .dropdown-menu - left: auto - right: 0 - &.is-up - .dropdown-menu - bottom: 100% - padding-bottom: $dropdown-content-offset - padding-top: initial - top: auto - -.dropdown-menu - display: none - left: 0 - min-width: $dropdown-menu-min-width - padding-top: $dropdown-content-offset - position: absolute - top: 100% - z-index: $dropdown-content-z - -.dropdown-content - background-color: $dropdown-content-background-color - border-radius: $dropdown-content-radius - box-shadow: $dropdown-content-shadow - padding-bottom: $dropdown-content-padding-bottom - padding-top: $dropdown-content-padding-top - -.dropdown-item - color: $dropdown-item-color - display: block - font-size: 0.875rem - line-height: 1.5 - padding: 0.375rem 1rem - position: relative - -a.dropdown-item, -button.dropdown-item - padding-right: 3rem - text-align: left - white-space: nowrap - width: 100% - &:hover - background-color: $dropdown-item-hover-background-color - color: $dropdown-item-hover-color - &.is-active - background-color: $dropdown-item-active-background-color - color: $dropdown-item-active-color - -.dropdown-divider - background-color: $dropdown-divider-background-color - border: none - display: block - height: 1px - margin: 0.5rem 0 diff --git a/docs/src/assets/bulma/components/level.sass b/docs/src/assets/bulma/components/level.sass deleted file mode 100644 index 608f291e7..000000000 --- a/docs/src/assets/bulma/components/level.sass +++ /dev/null @@ -1,77 +0,0 @@ -$level-item-spacing: ($block-spacing / 2) !default - -.level - @extend %block - align-items: center - justify-content: space-between - code - border-radius: $radius - img - display: inline-block - vertical-align: top - // Modifiers - &.is-mobile - display: flex - .level-left, - .level-right - display: flex - .level-left + .level-right - margin-top: 0 - .level-item - &:not(:last-child) - margin-bottom: 0 - margin-right: $level-item-spacing - &:not(.is-narrow) - flex-grow: 1 - // Responsiveness - +tablet - display: flex - & > .level-item - &:not(.is-narrow) - flex-grow: 1 - -.level-item - align-items: center - display: flex - flex-basis: auto - flex-grow: 0 - flex-shrink: 0 - justify-content: center - .title, - .subtitle - margin-bottom: 0 - // Responsiveness - +mobile - &:not(:last-child) - margin-bottom: $level-item-spacing - -.level-left, -.level-right - flex-basis: auto - flex-grow: 0 - flex-shrink: 0 - .level-item - // Modifiers - &.is-flexible - flex-grow: 1 - // Responsiveness - +tablet - &:not(:last-child) - margin-right: $level-item-spacing - -.level-left - align-items: center - justify-content: flex-start - // Responsiveness - +mobile - & + .level-right - margin-top: 1.5rem - +tablet - display: flex - -.level-right - align-items: center - justify-content: flex-end - // Responsiveness - +tablet - display: flex diff --git a/docs/src/assets/bulma/components/list.sass b/docs/src/assets/bulma/components/list.sass deleted file mode 100644 index bc99428a9..000000000 --- a/docs/src/assets/bulma/components/list.sass +++ /dev/null @@ -1,39 +0,0 @@ -$list-background-color: $scheme-main !default -$list-shadow: 0 2px 3px rgba($scheme-invert, 0.1), 0 0 0 1px rgba($scheme-invert, 0.1) !default -$list-radius: $radius !default - -$list-item-border: 1px solid $border !default -$list-item-color: $text !default -$list-item-active-background-color: $link !default -$list-item-active-color: $link-invert !default -$list-item-hover-background-color: $background !default - -.list - @extend %block - background-color: $list-background-color - border-radius: $list-radius - box-shadow: $list-shadow - // &.is-hoverable > .list-item:hover:not(.is-active) - // background-color: $list-item-hover-background-color - // cursor: pointer - -.list-item - display: block - padding: 0.5em 1em - &:not(a) - color: $list-item-color - &:first-child - border-top-left-radius: $list-radius - border-top-right-radius: $list-radius - &:last-child - border-bottom-left-radius: $list-radius - border-bottom-right-radius: $list-radius - &:not(:last-child) - border-bottom: $list-item-border - &.is-active - background-color: $list-item-active-background-color - color: $list-item-active-color - -a.list-item - background-color: $list-item-hover-background-color - cursor: pointer diff --git a/docs/src/assets/bulma/components/media.sass b/docs/src/assets/bulma/components/media.sass deleted file mode 100644 index a9ad114a6..000000000 --- a/docs/src/assets/bulma/components/media.sass +++ /dev/null @@ -1,50 +0,0 @@ -$media-border-color: bulmaRgba($border, 0.5) !default - -.media - align-items: flex-start - display: flex - text-align: left - .content:not(:last-child) - margin-bottom: 0.75rem - .media - border-top: 1px solid $media-border-color - display: flex - padding-top: 0.75rem - .content:not(:last-child), - .control:not(:last-child) - margin-bottom: 0.5rem - .media - padding-top: 0.5rem - & + .media - margin-top: 0.5rem - & + .media - border-top: 1px solid $media-border-color - margin-top: 1rem - padding-top: 1rem - // Sizes - &.is-large - & + .media - margin-top: 1.5rem - padding-top: 1.5rem - -.media-left, -.media-right - flex-basis: auto - flex-grow: 0 - flex-shrink: 0 - -.media-left - margin-right: 1rem - -.media-right - margin-left: 1rem - -.media-content - flex-basis: auto - flex-grow: 1 - flex-shrink: 1 - text-align: left - -+mobile - .media-content - overflow-x: auto diff --git a/docs/src/assets/bulma/components/menu.sass b/docs/src/assets/bulma/components/menu.sass deleted file mode 100644 index 3de7e18db..000000000 --- a/docs/src/assets/bulma/components/menu.sass +++ /dev/null @@ -1,57 +0,0 @@ -$menu-item-color: $text !default -$menu-item-radius: $radius-small !default -$menu-item-hover-color: $text-strong !default -$menu-item-hover-background-color: $background !default -$menu-item-active-color: $link-invert !default -$menu-item-active-background-color: $link !default - -$menu-list-border-left: 1px solid $border !default -$menu-list-line-height: 1.25 !default -$menu-list-link-padding: 0.5em 0.75em !default -$menu-nested-list-margin: 0.75em !default -$menu-nested-list-padding-left: 0.75em !default - -$menu-label-color: $text-light !default -$menu-label-font-size: 0.75em !default -$menu-label-letter-spacing: 0.1em !default -$menu-label-spacing: 1em !default - -.menu - font-size: $size-normal - // Sizes - &.is-small - font-size: $size-small - &.is-medium - font-size: $size-medium - &.is-large - font-size: $size-large - -.menu-list - line-height: $menu-list-line-height - a - border-radius: $menu-item-radius - color: $menu-item-color - display: block - padding: $menu-list-link-padding - &:hover - background-color: $menu-item-hover-background-color - color: $menu-item-hover-color - // Modifiers - &.is-active - background-color: $menu-item-active-background-color - color: $menu-item-active-color - li - ul - border-left: $menu-list-border-left - margin: $menu-nested-list-margin - padding-left: $menu-nested-list-padding-left - -.menu-label - color: $menu-label-color - font-size: $menu-label-font-size - letter-spacing: $menu-label-letter-spacing - text-transform: uppercase - &:not(:first-child) - margin-top: $menu-label-spacing - &:not(:last-child) - margin-bottom: $menu-label-spacing diff --git a/docs/src/assets/bulma/components/message.sass b/docs/src/assets/bulma/components/message.sass deleted file mode 100644 index 89e4cc9a8..000000000 --- a/docs/src/assets/bulma/components/message.sass +++ /dev/null @@ -1,99 +0,0 @@ -$message-background-color: $background !default -$message-radius: $radius !default - -$message-header-background-color: $text !default -$message-header-color: $text-invert !default -$message-header-weight: $weight-bold !default -$message-header-padding: 0.75em 1em !default -$message-header-radius: $radius !default - -$message-body-border-color: $border !default -$message-body-border-width: 0 0 0 4px !default -$message-body-color: $text !default -$message-body-padding: 1.25em 1.5em !default -$message-body-radius: $radius !default - -$message-body-pre-background-color: $scheme-main !default -$message-body-pre-code-background-color: transparent !default - -$message-header-body-border-width: 0 !default -$message-colors: $colors !default - -.message - @extend %block - background-color: $message-background-color - border-radius: $message-radius - font-size: $size-normal - strong - color: currentColor - a:not(.button):not(.tag):not(.dropdown-item) - color: currentColor - text-decoration: underline - // Sizes - &.is-small - font-size: $size-small - &.is-medium - font-size: $size-medium - &.is-large - font-size: $size-large - // Colors - @each $name, $components in $message-colors - $color: nth($components, 1) - $color-invert: nth($components, 2) - $color-light: null - $color-dark: null - - @if length($components) >= 3 - $color-light: nth($components, 3) - @if length($components) >= 4 - $color-dark: nth($components, 4) - @else - $color-luminance: colorLuminance($color) - $darken-percentage: $color-luminance * 70% - $desaturate-percentage: $color-luminance * 30% - $color-dark: desaturate(darken($color, $darken-percentage), $desaturate-percentage) - @else - $color-lightning: max((100% - lightness($color)) - 2%, 0%) - $color-light: lighten($color, $color-lightning) - - &.is-#{$name} - background-color: $color-light - .message-header - background-color: $color - color: $color-invert - .message-body - border-color: $color - color: $color-dark - -.message-header - align-items: center - background-color: $message-header-background-color - border-radius: $message-header-radius $message-header-radius 0 0 - color: $message-header-color - display: flex - font-weight: $message-header-weight - justify-content: space-between - line-height: 1.25 - padding: $message-header-padding - position: relative - .delete - flex-grow: 0 - flex-shrink: 0 - margin-left: 0.75em - & + .message-body - border-width: $message-header-body-border-width - border-top-left-radius: 0 - border-top-right-radius: 0 - -.message-body - border-color: $message-body-border-color - border-radius: $message-body-radius - border-style: solid - border-width: $message-body-border-width - color: $message-body-color - padding: $message-body-padding - code, - pre - background-color: $message-body-pre-background-color - pre code - background-color: $message-body-pre-code-background-color diff --git a/docs/src/assets/bulma/components/modal.sass b/docs/src/assets/bulma/components/modal.sass deleted file mode 100644 index 377dfa78f..000000000 --- a/docs/src/assets/bulma/components/modal.sass +++ /dev/null @@ -1,113 +0,0 @@ -$modal-z: 40 !default - -$modal-background-background-color: bulmaRgba($scheme-invert, 0.86) !default - -$modal-content-width: 640px !default -$modal-content-margin-mobile: 20px !default -$modal-content-spacing-mobile: 160px !default -$modal-content-spacing-tablet: 40px !default - -$modal-close-dimensions: 40px !default -$modal-close-right: 20px !default -$modal-close-top: 20px !default - -$modal-card-spacing: 40px !default - -$modal-card-head-background-color: $background !default -$modal-card-head-border-bottom: 1px solid $border !default -$modal-card-head-padding: 20px !default -$modal-card-head-radius: $radius-large !default - -$modal-card-title-color: $text-strong !default -$modal-card-title-line-height: 1 !default -$modal-card-title-size: $size-4 !default - -$modal-card-foot-radius: $radius-large !default -$modal-card-foot-border-top: 1px solid $border !default - -$modal-card-body-background-color: $scheme-main !default -$modal-card-body-padding: 20px !default - -.modal - @extend %overlay - align-items: center - display: none - flex-direction: column - justify-content: center - overflow: hidden - position: fixed - z-index: $modal-z - // Modifiers - &.is-active - display: flex - -.modal-background - @extend %overlay - background-color: $modal-background-background-color - -.modal-content, -.modal-card - margin: 0 $modal-content-margin-mobile - max-height: calc(100vh - #{$modal-content-spacing-mobile}) - overflow: auto - position: relative - width: 100% - // Responsiveness - +tablet - margin: 0 auto - max-height: calc(100vh - #{$modal-content-spacing-tablet}) - width: $modal-content-width - -.modal-close - @extend %delete - background: none - height: $modal-close-dimensions - position: fixed - right: $modal-close-right - top: $modal-close-top - width: $modal-close-dimensions - -.modal-card - display: flex - flex-direction: column - max-height: calc(100vh - #{$modal-card-spacing}) - overflow: hidden - -ms-overflow-y: visible - -.modal-card-head, -.modal-card-foot - align-items: center - background-color: $modal-card-head-background-color - display: flex - flex-shrink: 0 - justify-content: flex-start - padding: $modal-card-head-padding - position: relative - -.modal-card-head - border-bottom: $modal-card-head-border-bottom - border-top-left-radius: $modal-card-head-radius - border-top-right-radius: $modal-card-head-radius - -.modal-card-title - color: $modal-card-title-color - flex-grow: 1 - flex-shrink: 0 - font-size: $modal-card-title-size - line-height: $modal-card-title-line-height - -.modal-card-foot - border-bottom-left-radius: $modal-card-foot-radius - border-bottom-right-radius: $modal-card-foot-radius - border-top: $modal-card-foot-border-top - .button - &:not(:last-child) - margin-right: 0.5em - -.modal-card-body - +overflow-touch - background-color: $modal-card-body-background-color - flex-grow: 1 - flex-shrink: 1 - overflow: auto - padding: $modal-card-body-padding diff --git a/docs/src/assets/bulma/components/navbar.sass b/docs/src/assets/bulma/components/navbar.sass deleted file mode 100644 index 664558f72..000000000 --- a/docs/src/assets/bulma/components/navbar.sass +++ /dev/null @@ -1,443 +0,0 @@ -$navbar-background-color: $scheme-main !default -$navbar-box-shadow-size: 0 2px 0 0 !default -$navbar-box-shadow-color: $background !default -$navbar-height: 3.25rem !default -$navbar-padding-vertical: 1rem !default -$navbar-padding-horizontal: 2rem !default -$navbar-z: 30 !default -$navbar-fixed-z: 30 !default - -$navbar-item-color: $text !default -$navbar-item-hover-color: $link !default -$navbar-item-hover-background-color: $scheme-main-bis !default -$navbar-item-active-color: $scheme-invert !default -$navbar-item-active-background-color: transparent !default -$navbar-item-img-max-height: 1.75rem !default - -$navbar-burger-color: $navbar-item-color !default - -$navbar-tab-hover-background-color: transparent !default -$navbar-tab-hover-border-bottom-color: $link !default -$navbar-tab-active-color: $link !default -$navbar-tab-active-background-color: transparent !default -$navbar-tab-active-border-bottom-color: $link !default -$navbar-tab-active-border-bottom-style: solid !default -$navbar-tab-active-border-bottom-width: 3px !default - -$navbar-dropdown-background-color: $scheme-main !default -$navbar-dropdown-border-top: 2px solid $border !default -$navbar-dropdown-offset: -4px !default -$navbar-dropdown-arrow: $link !default -$navbar-dropdown-radius: $radius-large !default -$navbar-dropdown-z: 20 !default - -$navbar-dropdown-boxed-radius: $radius-large !default -$navbar-dropdown-boxed-shadow: 0 8px 8px rgba($scheme-invert, 0.1), 0 0 0 1px rgba($scheme-invert, 0.1) !default - -$navbar-dropdown-item-hover-color: $scheme-invert !default -$navbar-dropdown-item-hover-background-color: $background !default -$navbar-dropdown-item-active-color: $link !default -$navbar-dropdown-item-active-background-color: $background !default - -$navbar-divider-background-color: $background !default -$navbar-divider-height: 2px !default - -$navbar-bottom-box-shadow-size: 0 -2px 0 0 !default - -$navbar-breakpoint: $desktop !default - -=navbar-fixed - left: 0 - position: fixed - right: 0 - z-index: $navbar-fixed-z - -.navbar - background-color: $navbar-background-color - min-height: $navbar-height - position: relative - z-index: $navbar-z - @each $name, $pair in $colors - $color: nth($pair, 1) - $color-invert: nth($pair, 2) - &.is-#{$name} - background-color: $color - color: $color-invert - .navbar-brand - & > .navbar-item, - .navbar-link - color: $color-invert - & > a.navbar-item, - .navbar-link - &:focus, - &:hover, - &.is-active - background-color: darken($color, 5%) - color: $color-invert - .navbar-link - &::after - border-color: $color-invert - .navbar-burger - color: $color-invert - +from($navbar-breakpoint) - .navbar-start, - .navbar-end - & > .navbar-item, - .navbar-link - color: $color-invert - & > a.navbar-item, - .navbar-link - &:focus, - &:hover, - &.is-active - background-color: darken($color, 5%) - color: $color-invert - .navbar-link - &::after - border-color: $color-invert - .navbar-item.has-dropdown:focus .navbar-link, - .navbar-item.has-dropdown:hover .navbar-link, - .navbar-item.has-dropdown.is-active .navbar-link - background-color: darken($color, 5%) - color: $color-invert - .navbar-dropdown - a.navbar-item - &.is-active - background-color: $color - color: $color-invert - & > .container - align-items: stretch - display: flex - min-height: $navbar-height - width: 100% - &.has-shadow - box-shadow: $navbar-box-shadow-size $navbar-box-shadow-color - &.is-fixed-bottom, - &.is-fixed-top - +navbar-fixed - &.is-fixed-bottom - bottom: 0 - &.has-shadow - box-shadow: $navbar-bottom-box-shadow-size $navbar-box-shadow-color - &.is-fixed-top - top: 0 - -html, -body - &.has-navbar-fixed-top - padding-top: $navbar-height - &.has-navbar-fixed-bottom - padding-bottom: $navbar-height - -.navbar-brand, -.navbar-tabs - align-items: stretch - display: flex - flex-shrink: 0 - min-height: $navbar-height - -.navbar-brand - a.navbar-item - &:focus, - &:hover - background-color: transparent - -.navbar-tabs - +overflow-touch - max-width: 100vw - overflow-x: auto - overflow-y: hidden - -.navbar-burger - color: $navbar-burger-color - +hamburger($navbar-height) - margin-left: auto - -.navbar-menu - display: none - -.navbar-item, -.navbar-link - color: $navbar-item-color - display: block - line-height: 1.5 - padding: 0.5rem 0.75rem - position: relative - .icon - &:only-child - margin-left: -0.25rem - margin-right: -0.25rem - -a.navbar-item, -.navbar-link - cursor: pointer - &:focus, - &:focus-within, - &:hover, - &.is-active - background-color: $navbar-item-hover-background-color - color: $navbar-item-hover-color - -.navbar-item - display: block - flex-grow: 0 - flex-shrink: 0 - img - max-height: $navbar-item-img-max-height - &.has-dropdown - padding: 0 - &.is-expanded - flex-grow: 1 - flex-shrink: 1 - &.is-tab - border-bottom: 1px solid transparent - min-height: $navbar-height - padding-bottom: calc(0.5rem - 1px) - &:focus, - &:hover - background-color: $navbar-tab-hover-background-color - border-bottom-color: $navbar-tab-hover-border-bottom-color - &.is-active - background-color: $navbar-tab-active-background-color - border-bottom-color: $navbar-tab-active-border-bottom-color - border-bottom-style: $navbar-tab-active-border-bottom-style - border-bottom-width: $navbar-tab-active-border-bottom-width - color: $navbar-tab-active-color - padding-bottom: calc(0.5rem - #{$navbar-tab-active-border-bottom-width}) - -.navbar-content - flex-grow: 1 - flex-shrink: 1 - -.navbar-link:not(.is-arrowless) - padding-right: 2.5em - &::after - @extend %arrow - border-color: $navbar-dropdown-arrow - margin-top: -0.375em - right: 1.125em - -.navbar-dropdown - font-size: 0.875rem - padding-bottom: 0.5rem - padding-top: 0.5rem - .navbar-item - padding-left: 1.5rem - padding-right: 1.5rem - -.navbar-divider - background-color: $navbar-divider-background-color - border: none - display: none - height: $navbar-divider-height - margin: 0.5rem 0 - -+until($navbar-breakpoint) - .navbar > .container - display: block - .navbar-brand, - .navbar-tabs - .navbar-item - align-items: center - display: flex - .navbar-link - &::after - display: none - .navbar-menu - background-color: $navbar-background-color - box-shadow: 0 8px 16px rgba($scheme-invert, 0.1) - padding: 0.5rem 0 - &.is-active - display: block - // Fixed navbar - .navbar - &.is-fixed-bottom-touch, - &.is-fixed-top-touch - +navbar-fixed - &.is-fixed-bottom-touch - bottom: 0 - &.has-shadow - box-shadow: 0 -2px 3px rgba($scheme-invert, 0.1) - &.is-fixed-top-touch - top: 0 - &.is-fixed-top, - &.is-fixed-top-touch - .navbar-menu - +overflow-touch - max-height: calc(100vh - #{$navbar-height}) - overflow: auto - html, - body - &.has-navbar-fixed-top-touch - padding-top: $navbar-height - &.has-navbar-fixed-bottom-touch - padding-bottom: $navbar-height - -+from($navbar-breakpoint) - .navbar, - .navbar-menu, - .navbar-start, - .navbar-end - align-items: stretch - display: flex - .navbar - min-height: $navbar-height - &.is-spaced - padding: $navbar-padding-vertical $navbar-padding-horizontal - .navbar-start, - .navbar-end - align-items: center - a.navbar-item, - .navbar-link - border-radius: $radius - &.is-transparent - a.navbar-item, - .navbar-link - &:focus, - &:hover, - &.is-active - background-color: transparent !important - .navbar-item.has-dropdown - &.is-active, - &.is-hoverable:focus, - &.is-hoverable:focus-within, - &.is-hoverable:hover - .navbar-link - background-color: transparent !important - .navbar-dropdown - a.navbar-item - &:focus, - &:hover - background-color: $navbar-dropdown-item-hover-background-color - color: $navbar-dropdown-item-hover-color - &.is-active - background-color: $navbar-dropdown-item-active-background-color - color: $navbar-dropdown-item-active-color - .navbar-burger - display: none - .navbar-item, - .navbar-link - align-items: center - display: flex - .navbar-item - display: flex - &.has-dropdown - align-items: stretch - &.has-dropdown-up - .navbar-link::after - transform: rotate(135deg) translate(0.25em, -0.25em) - .navbar-dropdown - border-bottom: $navbar-dropdown-border-top - border-radius: $navbar-dropdown-radius $navbar-dropdown-radius 0 0 - border-top: none - bottom: 100% - box-shadow: 0 -8px 8px rgba($scheme-invert, 0.1) - top: auto - &.is-active, - &.is-hoverable:focus, - &.is-hoverable:focus-within, - &.is-hoverable:hover - .navbar-dropdown - display: block - .navbar.is-spaced &, - &.is-boxed - opacity: 1 - pointer-events: auto - transform: translateY(0) - .navbar-menu - flex-grow: 1 - flex-shrink: 0 - .navbar-start - justify-content: flex-start - margin-right: auto - .navbar-end - justify-content: flex-end - margin-left: auto - .navbar-dropdown - background-color: $navbar-dropdown-background-color - border-bottom-left-radius: $navbar-dropdown-radius - border-bottom-right-radius: $navbar-dropdown-radius - border-top: $navbar-dropdown-border-top - box-shadow: 0 8px 8px rgba($scheme-invert, 0.1) - display: none - font-size: 0.875rem - left: 0 - min-width: 100% - position: absolute - top: 100% - z-index: $navbar-dropdown-z - .navbar-item - padding: 0.375rem 1rem - white-space: nowrap - a.navbar-item - padding-right: 3rem - &:focus, - &:hover - background-color: $navbar-dropdown-item-hover-background-color - color: $navbar-dropdown-item-hover-color - &.is-active - background-color: $navbar-dropdown-item-active-background-color - color: $navbar-dropdown-item-active-color - .navbar.is-spaced &, - &.is-boxed - border-radius: $navbar-dropdown-boxed-radius - border-top: none - box-shadow: $navbar-dropdown-boxed-shadow - display: block - opacity: 0 - pointer-events: none - top: calc(100% + (#{$navbar-dropdown-offset})) - transform: translateY(-5px) - transition-duration: $speed - transition-property: opacity, transform - &.is-right - left: auto - right: 0 - .navbar-divider - display: block - .navbar > .container, - .container > .navbar - .navbar-brand - margin-left: -.75rem - .navbar-menu - margin-right: -.75rem - // Fixed navbar - .navbar - &.is-fixed-bottom-desktop, - &.is-fixed-top-desktop - +navbar-fixed - &.is-fixed-bottom-desktop - bottom: 0 - &.has-shadow - box-shadow: 0 -2px 3px rgba($scheme-invert, 0.1) - &.is-fixed-top-desktop - top: 0 - html, - body - &.has-navbar-fixed-top-desktop - padding-top: $navbar-height - &.has-navbar-fixed-bottom-desktop - padding-bottom: $navbar-height - &.has-spaced-navbar-fixed-top - padding-top: $navbar-height + ($navbar-padding-vertical * 2) - &.has-spaced-navbar-fixed-bottom - padding-bottom: $navbar-height + ($navbar-padding-vertical * 2) - // Hover/Active states - a.navbar-item, - .navbar-link - &.is-active - color: $navbar-item-active-color - &.is-active:not(:focus):not(:hover) - background-color: $navbar-item-active-background-color - .navbar-item.has-dropdown - &:focus, - &:hover, - &.is-active - .navbar-link - background-color: $navbar-item-hover-background-color - -// Combination - -.hero - &.is-fullheight-with-navbar - min-height: calc(100vh - #{$navbar-height}) diff --git a/docs/src/assets/bulma/components/pagination.sass b/docs/src/assets/bulma/components/pagination.sass deleted file mode 100644 index 822c2e816..000000000 --- a/docs/src/assets/bulma/components/pagination.sass +++ /dev/null @@ -1,150 +0,0 @@ -$pagination-color: $text-strong !default -$pagination-border-color: $border !default -$pagination-margin: -0.25rem !default -$pagination-min-width: $control-height !default - -$pagination-item-font-size: 1em !default -$pagination-item-margin: 0.25rem !default -$pagination-item-padding-left: 0.5em !default -$pagination-item-padding-right: 0.5em !default - -$pagination-hover-color: $link-hover !default -$pagination-hover-border-color: $link-hover-border !default - -$pagination-focus-color: $link-focus !default -$pagination-focus-border-color: $link-focus-border !default - -$pagination-active-color: $link-active !default -$pagination-active-border-color: $link-active-border !default - -$pagination-disabled-color: $text-light !default -$pagination-disabled-background-color: $border !default -$pagination-disabled-border-color: $border !default - -$pagination-current-color: $link-invert !default -$pagination-current-background-color: $link !default -$pagination-current-border-color: $link !default - -$pagination-ellipsis-color: $grey-light !default - -$pagination-shadow-inset: inset 0 1px 2px rgba($scheme-invert, 0.2) - -.pagination - @extend %block - font-size: $size-normal - margin: $pagination-margin - // Sizes - &.is-small - font-size: $size-small - &.is-medium - font-size: $size-medium - &.is-large - font-size: $size-large - &.is-rounded - .pagination-previous, - .pagination-next - padding-left: 1em - padding-right: 1em - border-radius: $radius-rounded - .pagination-link - border-radius: $radius-rounded - -.pagination, -.pagination-list - align-items: center - display: flex - justify-content: center - text-align: center - -.pagination-previous, -.pagination-next, -.pagination-link, -.pagination-ellipsis - @extend %control - @extend %unselectable - font-size: $pagination-item-font-size - justify-content: center - margin: $pagination-item-margin - padding-left: $pagination-item-padding-left - padding-right: $pagination-item-padding-right - text-align: center - -.pagination-previous, -.pagination-next, -.pagination-link - border-color: $pagination-border-color - color: $pagination-color - min-width: $pagination-min-width - &:hover - border-color: $pagination-hover-border-color - color: $pagination-hover-color - &:focus - border-color: $pagination-focus-border-color - &:active - box-shadow: $pagination-shadow-inset - &[disabled] - background-color: $pagination-disabled-background-color - border-color: $pagination-disabled-border-color - box-shadow: none - color: $pagination-disabled-color - opacity: 0.5 - -.pagination-previous, -.pagination-next - padding-left: 0.75em - padding-right: 0.75em - white-space: nowrap - -.pagination-link - &.is-current - background-color: $pagination-current-background-color - border-color: $pagination-current-border-color - color: $pagination-current-color - -.pagination-ellipsis - color: $pagination-ellipsis-color - pointer-events: none - -.pagination-list - flex-wrap: wrap - -+mobile - .pagination - flex-wrap: wrap - .pagination-previous, - .pagination-next - flex-grow: 1 - flex-shrink: 1 - .pagination-list - li - flex-grow: 1 - flex-shrink: 1 - -+tablet - .pagination-list - flex-grow: 1 - flex-shrink: 1 - justify-content: flex-start - order: 1 - .pagination-previous - order: 2 - .pagination-next - order: 3 - .pagination - justify-content: space-between - &.is-centered - .pagination-previous - order: 1 - .pagination-list - justify-content: center - order: 2 - .pagination-next - order: 3 - &.is-right - .pagination-previous - order: 1 - .pagination-next - order: 2 - .pagination-list - justify-content: flex-end - order: 3 diff --git a/docs/src/assets/bulma/components/panel.sass b/docs/src/assets/bulma/components/panel.sass deleted file mode 100644 index c7b148772..000000000 --- a/docs/src/assets/bulma/components/panel.sass +++ /dev/null @@ -1,119 +0,0 @@ -$panel-margin: $block-spacing !default -$panel-item-border: 1px solid $border-light !default -$panel-radius: $radius-large !default -$panel-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default - -$panel-heading-background-color: $border-light !default -$panel-heading-color: $text-strong !default -$panel-heading-line-height: 1.25 !default -$panel-heading-padding: 0.75em 1em !default -$panel-heading-radius: $radius !default -$panel-heading-size: 1.25em !default -$panel-heading-weight: $weight-bold !default - -$panel-tabs-font-size: 0.875em !default -$panel-tab-border-bottom: 1px solid $border !default -$panel-tab-active-border-bottom-color: $link-active-border !default -$panel-tab-active-color: $link-active !default - -$panel-list-item-color: $text !default -$panel-list-item-hover-color: $link !default - -$panel-block-color: $text-strong !default -$panel-block-hover-background-color: $background !default -$panel-block-active-border-left-color: $link !default -$panel-block-active-color: $link-active !default -$panel-block-active-icon-color: $link !default - -$panel-icon-color: $text-light !default -$panel-colors: $colors !default - -.panel - border-radius: $panel-radius - box-shadow: $panel-shadow - font-size: $size-normal - &:not(:last-child) - margin-bottom: $panel-margin - // Colors - @each $name, $components in $panel-colors - $color: nth($components, 1) - $color-invert: nth($components, 2) - &.is-#{$name} - .panel-heading - background-color: $color - color: $color-invert - .panel-tabs a.is-active - border-bottom-color: $color - .panel-block.is-active .panel-icon - color: $color - -.panel-tabs, -.panel-block - &:not(:last-child) - border-bottom: $panel-item-border - -.panel-heading - background-color: $panel-heading-background-color - border-radius: $panel-radius $panel-radius 0 0 - color: $panel-heading-color - font-size: $panel-heading-size - font-weight: $panel-heading-weight - line-height: $panel-heading-line-height - padding: $panel-heading-padding - -.panel-tabs - align-items: flex-end - display: flex - font-size: $panel-tabs-font-size - justify-content: center - a - border-bottom: $panel-tab-border-bottom - margin-bottom: -1px - padding: 0.5em - // Modifiers - &.is-active - border-bottom-color: $panel-tab-active-border-bottom-color - color: $panel-tab-active-color - -.panel-list - a - color: $panel-list-item-color - &:hover - color: $panel-list-item-hover-color - -.panel-block - align-items: center - color: $panel-block-color - display: flex - justify-content: flex-start - padding: 0.5em 0.75em - input[type="checkbox"] - margin-right: 0.75em - & > .control - flex-grow: 1 - flex-shrink: 1 - width: 100% - &.is-wrapped - flex-wrap: wrap - &.is-active - border-left-color: $panel-block-active-border-left-color - color: $panel-block-active-color - .panel-icon - color: $panel-block-active-icon-color - &:last-child - border-bottom-left-radius: $panel-radius - border-bottom-right-radius: $panel-radius - -a.panel-block, -label.panel-block - cursor: pointer - &:hover - background-color: $panel-block-hover-background-color - -.panel-icon - +fa(14px, 1em) - color: $panel-icon-color - margin-right: 0.75em - .fa - font-size: inherit - line-height: inherit diff --git a/docs/src/assets/bulma/components/tabs.sass b/docs/src/assets/bulma/components/tabs.sass deleted file mode 100644 index 8c28c257a..000000000 --- a/docs/src/assets/bulma/components/tabs.sass +++ /dev/null @@ -1,151 +0,0 @@ -$tabs-border-bottom-color: $border !default -$tabs-border-bottom-style: solid !default -$tabs-border-bottom-width: 1px !default -$tabs-link-color: $text !default -$tabs-link-hover-border-bottom-color: $text-strong !default -$tabs-link-hover-color: $text-strong !default -$tabs-link-active-border-bottom-color: $link !default -$tabs-link-active-color: $link !default -$tabs-link-padding: 0.5em 1em !default - -$tabs-boxed-link-radius: $radius !default -$tabs-boxed-link-hover-background-color: $background !default -$tabs-boxed-link-hover-border-bottom-color: $border !default - -$tabs-boxed-link-active-background-color: $scheme-main !default -$tabs-boxed-link-active-border-color: $border !default -$tabs-boxed-link-active-border-bottom-color: transparent !default - -$tabs-toggle-link-border-color: $border !default -$tabs-toggle-link-border-style: solid !default -$tabs-toggle-link-border-width: 1px !default -$tabs-toggle-link-hover-background-color: $background !default -$tabs-toggle-link-hover-border-color: $border-hover !default -$tabs-toggle-link-radius: $radius !default -$tabs-toggle-link-active-background-color: $link !default -$tabs-toggle-link-active-border-color: $link !default -$tabs-toggle-link-active-color: $link-invert !default - -.tabs - @extend %block - +overflow-touch - @extend %unselectable - align-items: stretch - display: flex - font-size: $size-normal - justify-content: space-between - overflow: hidden - overflow-x: auto - white-space: nowrap - a - align-items: center - border-bottom-color: $tabs-border-bottom-color - border-bottom-style: $tabs-border-bottom-style - border-bottom-width: $tabs-border-bottom-width - color: $tabs-link-color - display: flex - justify-content: center - margin-bottom: -#{$tabs-border-bottom-width} - padding: $tabs-link-padding - vertical-align: top - &:hover - border-bottom-color: $tabs-link-hover-border-bottom-color - color: $tabs-link-hover-color - li - display: block - &.is-active - a - border-bottom-color: $tabs-link-active-border-bottom-color - color: $tabs-link-active-color - ul - align-items: center - border-bottom-color: $tabs-border-bottom-color - border-bottom-style: $tabs-border-bottom-style - border-bottom-width: $tabs-border-bottom-width - display: flex - flex-grow: 1 - flex-shrink: 0 - justify-content: flex-start - &.is-left - padding-right: 0.75em - &.is-center - flex: none - justify-content: center - padding-left: 0.75em - padding-right: 0.75em - &.is-right - justify-content: flex-end - padding-left: 0.75em - .icon - &:first-child - margin-right: 0.5em - &:last-child - margin-left: 0.5em - // Alignment - &.is-centered - ul - justify-content: center - &.is-right - ul - justify-content: flex-end - // Styles - &.is-boxed - a - border: 1px solid transparent - border-radius: $tabs-boxed-link-radius $tabs-boxed-link-radius 0 0 - &:hover - background-color: $tabs-boxed-link-hover-background-color - border-bottom-color: $tabs-boxed-link-hover-border-bottom-color - li - &.is-active - a - background-color: $tabs-boxed-link-active-background-color - border-color: $tabs-boxed-link-active-border-color - border-bottom-color: $tabs-boxed-link-active-border-bottom-color !important - &.is-fullwidth - li - flex-grow: 1 - flex-shrink: 0 - &.is-toggle - a - border-color: $tabs-toggle-link-border-color - border-style: $tabs-toggle-link-border-style - border-width: $tabs-toggle-link-border-width - margin-bottom: 0 - position: relative - &:hover - background-color: $tabs-toggle-link-hover-background-color - border-color: $tabs-toggle-link-hover-border-color - z-index: 2 - li - & + li - margin-left: -#{$tabs-toggle-link-border-width} - &:first-child a - border-radius: $tabs-toggle-link-radius 0 0 $tabs-toggle-link-radius - &:last-child a - border-radius: 0 $tabs-toggle-link-radius $tabs-toggle-link-radius 0 - &.is-active - a - background-color: $tabs-toggle-link-active-background-color - border-color: $tabs-toggle-link-active-border-color - color: $tabs-toggle-link-active-color - z-index: 1 - ul - border-bottom: none - &.is-toggle-rounded - li - &:first-child a - border-bottom-left-radius: $radius-rounded - border-top-left-radius: $radius-rounded - padding-left: 1.25em - &:last-child a - border-bottom-right-radius: $radius-rounded - border-top-right-radius: $radius-rounded - padding-right: 1.25em - // Sizes - &.is-small - font-size: $size-small - &.is-medium - font-size: $size-medium - &.is-large - font-size: $size-large diff --git a/docs/src/assets/bulma/elements/_all.sass b/docs/src/assets/bulma/elements/_all.sass deleted file mode 100644 index 7490c00d8..000000000 --- a/docs/src/assets/bulma/elements/_all.sass +++ /dev/null @@ -1,15 +0,0 @@ -@charset "utf-8" - -@import "box.sass" -@import "button.sass" -@import "container.sass" -@import "content.sass" -@import "icon.sass" -@import "image.sass" -@import "notification.sass" -@import "progress.sass" -@import "table.sass" -@import "tag.sass" -@import "title.sass" - -@import "other.sass" diff --git a/docs/src/assets/bulma/elements/box.sass b/docs/src/assets/bulma/elements/box.sass deleted file mode 100644 index 2fd18d498..000000000 --- a/docs/src/assets/bulma/elements/box.sass +++ /dev/null @@ -1,24 +0,0 @@ -$box-color: $text !default -$box-background-color: $scheme-main !default -$box-radius: $radius-large !default -$box-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02) !default -$box-padding: 1.25rem !default - -$box-link-hover-shadow: 0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0 0 1px $link !default -$box-link-active-shadow: inset 0 1px 2px rgba($scheme-invert, 0.2), 0 0 0 1px $link !default - -.box - @extend %block - background-color: $box-background-color - border-radius: $box-radius - box-shadow: $box-shadow - color: $box-color - display: block - padding: $box-padding - -a.box - &:hover, - &:focus - box-shadow: $box-link-hover-shadow - &:active - box-shadow: $box-link-active-shadow diff --git a/docs/src/assets/bulma/elements/button.sass b/docs/src/assets/bulma/elements/button.sass deleted file mode 100644 index df5417c8f..000000000 --- a/docs/src/assets/bulma/elements/button.sass +++ /dev/null @@ -1,323 +0,0 @@ -$button-color: $text-strong !default -$button-background-color: $scheme-main !default -$button-family: false !default - -$button-border-color: $border !default -$button-border-width: $control-border-width !default - -$button-padding-vertical: calc(0.5em - #{$button-border-width}) !default -$button-padding-horizontal: 1em !default - -$button-hover-color: $link-hover !default -$button-hover-border-color: $link-hover-border !default - -$button-focus-color: $link-focus !default -$button-focus-border-color: $link-focus-border !default -$button-focus-box-shadow-size: 0 0 0 0.125em !default -$button-focus-box-shadow-color: bulmaRgba($link, 0.25) !default - -$button-active-color: $link-active !default -$button-active-border-color: $link-active-border !default - -$button-text-color: $text !default -$button-text-decoration: underline !default -$button-text-hover-background-color: $background !default -$button-text-hover-color: $text-strong !default - -$button-disabled-background-color: $scheme-main !default -$button-disabled-border-color: $border !default -$button-disabled-shadow: none !default -$button-disabled-opacity: 0.5 !default - -$button-static-color: $text-light !default -$button-static-background-color: $scheme-main-ter !default -$button-static-border-color: $border !default - -// The button sizes use mixins so they can be used at different breakpoints -=button-small - border-radius: $radius-small - font-size: $size-small -=button-normal - font-size: $size-normal -=button-medium - font-size: $size-medium -=button-large - font-size: $size-large - -.button - @extend %control - @extend %unselectable - background-color: $button-background-color - border-color: $button-border-color - border-width: $button-border-width - color: $button-color - cursor: pointer - @if $button-family - font-family: $button-family - justify-content: center - padding-bottom: $button-padding-vertical - padding-left: $button-padding-horizontal - padding-right: $button-padding-horizontal - padding-top: $button-padding-vertical - text-align: center - white-space: nowrap - strong - color: inherit - .icon - &, - &.is-small, - &.is-medium, - &.is-large - height: 1.5em - width: 1.5em - &:first-child:not(:last-child) - margin-left: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}) - margin-right: $button-padding-horizontal / 4 - &:last-child:not(:first-child) - margin-left: $button-padding-horizontal / 4 - margin-right: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}) - &:first-child:last-child - margin-left: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}) - margin-right: calc(#{-1 / 2 * $button-padding-horizontal} - #{$button-border-width}) - // States - &:hover, - &.is-hovered - border-color: $button-hover-border-color - color: $button-hover-color - &:focus, - &.is-focused - border-color: $button-focus-border-color - color: $button-focus-color - &:not(:active) - box-shadow: $button-focus-box-shadow-size $button-focus-box-shadow-color - &:active, - &.is-active - border-color: $button-active-border-color - color: $button-active-color - // Colors - &.is-text - background-color: transparent - border-color: transparent - color: $button-text-color - text-decoration: $button-text-decoration - &:hover, - &.is-hovered, - &:focus, - &.is-focused - background-color: $button-text-hover-background-color - color: $button-text-hover-color - &:active, - &.is-active - background-color: darken($button-text-hover-background-color, 5%) - color: $button-text-hover-color - &[disabled], - fieldset[disabled] & - background-color: transparent - border-color: transparent - box-shadow: none - @each $name, $pair in $colors - $color: nth($pair, 1) - $color-invert: nth($pair, 2) - &.is-#{$name} - background-color: $color - border-color: transparent - color: $color-invert - &:hover, - &.is-hovered - background-color: darken($color, 2.5%) - border-color: transparent - color: $color-invert - &:focus, - &.is-focused - border-color: transparent - color: $color-invert - &:not(:active) - box-shadow: $button-focus-box-shadow-size rgba($color, 0.25) - &:active, - &.is-active - background-color: darken($color, 5%) - border-color: transparent - color: $color-invert - &[disabled], - fieldset[disabled] & - background-color: $color - border-color: transparent - box-shadow: none - &.is-inverted - background-color: $color-invert - color: $color - &:hover, - &.is-hovered - background-color: darken($color-invert, 5%) - &[disabled], - fieldset[disabled] & - background-color: $color-invert - border-color: transparent - box-shadow: none - color: $color - &.is-loading - &::after - border-color: transparent transparent $color-invert $color-invert !important - &.is-outlined - background-color: transparent - border-color: $color - color: $color - &:hover, - &.is-hovered, - &:focus, - &.is-focused - background-color: $color - border-color: $color - color: $color-invert - &.is-loading - &::after - border-color: transparent transparent $color $color !important - &:hover, - &.is-hovered, - &:focus, - &.is-focused - &::after - border-color: transparent transparent $color-invert $color-invert !important - &[disabled], - fieldset[disabled] & - background-color: transparent - border-color: $color - box-shadow: none - color: $color - &.is-inverted.is-outlined - background-color: transparent - border-color: $color-invert - color: $color-invert - &:hover, - &.is-hovered, - &:focus, - &.is-focused - background-color: $color-invert - color: $color - &.is-loading - &:hover, - &.is-hovered, - &:focus, - &.is-focused - &::after - border-color: transparent transparent $color $color !important - &[disabled], - fieldset[disabled] & - background-color: transparent - border-color: $color-invert - box-shadow: none - color: $color-invert - // If light and dark colors are provided - @if length($pair) >= 4 - $color-light: nth($pair, 3) - $color-dark: nth($pair, 4) - &.is-light - background-color: $color-light - color: $color-dark - &:hover, - &.is-hovered - background-color: darken($color-light, 2.5%) - border-color: transparent - color: $color-dark - &:active, - &.is-active - background-color: darken($color-light, 5%) - border-color: transparent - color: $color-dark - // Sizes - &.is-small - +button-small - &.is-normal - +button-normal - &.is-medium - +button-medium - &.is-large - +button-large - // Modifiers - &[disabled], - fieldset[disabled] & - background-color: $button-disabled-background-color - border-color: $button-disabled-border-color - box-shadow: $button-disabled-shadow - opacity: $button-disabled-opacity - &.is-fullwidth - display: flex - width: 100% - &.is-loading - color: transparent !important - pointer-events: none - &::after - @extend %loader - +center(1em) - position: absolute !important - &.is-static - background-color: $button-static-background-color - border-color: $button-static-border-color - color: $button-static-color - box-shadow: none - pointer-events: none - &.is-rounded - border-radius: $radius-rounded - padding-left: calc(#{$button-padding-horizontal} + 0.25em) - padding-right: calc(#{$button-padding-horizontal} + 0.25em) - -.buttons - align-items: center - display: flex - flex-wrap: wrap - justify-content: flex-start - .button - margin-bottom: 0.5rem - &:not(:last-child):not(.is-fullwidth) - margin-right: 0.5rem - &:last-child - margin-bottom: -0.5rem - &:not(:last-child) - margin-bottom: 1rem - // Sizes - &.are-small - .button:not(.is-normal):not(.is-medium):not(.is-large) - +button-small - &.are-medium - .button:not(.is-small):not(.is-normal):not(.is-large) - +button-medium - &.are-large - .button:not(.is-small):not(.is-normal):not(.is-medium) - +button-large - &.has-addons - .button - &:not(:first-child) - border-bottom-left-radius: 0 - border-top-left-radius: 0 - &:not(:last-child) - border-bottom-right-radius: 0 - border-top-right-radius: 0 - margin-right: -1px - &:last-child - margin-right: 0 - &:hover, - &.is-hovered - z-index: 2 - &:focus, - &.is-focused, - &:active, - &.is-active, - &.is-selected - z-index: 3 - &:hover - z-index: 4 - &.is-expanded - flex-grow: 1 - flex-shrink: 1 - &.is-centered - justify-content: center - &:not(.has-addons) - .button:not(.is-fullwidth) - margin-left: 0.25rem - margin-right: 0.25rem - &.is-right - justify-content: flex-end - &:not(.has-addons) - .button:not(.is-fullwidth) - margin-left: 0.25rem - margin-right: 0.25rem diff --git a/docs/src/assets/bulma/elements/container.sass b/docs/src/assets/bulma/elements/container.sass deleted file mode 100644 index d88eb94ac..000000000 --- a/docs/src/assets/bulma/elements/container.sass +++ /dev/null @@ -1,24 +0,0 @@ -$container-offset: (2 * $gap) !default - -.container - flex-grow: 1 - margin: 0 auto - position: relative - width: auto - &.is-fluid - max-width: none - padding-left: $gap - padding-right: $gap - width: 100% - +desktop - max-width: $desktop - $container-offset - +until-widescreen - &.is-widescreen - max-width: $widescreen - $container-offset - +until-fullhd - &.is-fullhd - max-width: $fullhd - $container-offset - +widescreen - max-width: $widescreen - $container-offset - +fullhd - max-width: $fullhd - $container-offset diff --git a/docs/src/assets/bulma/elements/content.sass b/docs/src/assets/bulma/elements/content.sass deleted file mode 100644 index 001419abd..000000000 --- a/docs/src/assets/bulma/elements/content.sass +++ /dev/null @@ -1,155 +0,0 @@ -$content-heading-color: $text-strong !default -$content-heading-weight: $weight-semibold !default -$content-heading-line-height: 1.125 !default - -$content-blockquote-background-color: $background !default -$content-blockquote-border-left: 5px solid $border !default -$content-blockquote-padding: 1.25em 1.5em !default - -$content-pre-padding: 1.25em 1.5em !default - -$content-table-cell-border: 1px solid $border !default -$content-table-cell-border-width: 0 0 1px !default -$content-table-cell-padding: 0.5em 0.75em !default -$content-table-cell-heading-color: $text-strong !default -$content-table-head-cell-border-width: 0 0 2px !default -$content-table-head-cell-color: $text-strong !default -$content-table-foot-cell-border-width: 2px 0 0 !default -$content-table-foot-cell-color: $text-strong !default - -.content - @extend %block - // Inline - li + li - margin-top: 0.25em - // Block - p, - dl, - ol, - ul, - blockquote, - pre, - table - &:not(:last-child) - margin-bottom: 1em - h1, - h2, - h3, - h4, - h5, - h6 - color: $content-heading-color - font-weight: $content-heading-weight - line-height: $content-heading-line-height - h1 - font-size: 2em - margin-bottom: 0.5em - &:not(:first-child) - margin-top: 1em - h2 - font-size: 1.75em - margin-bottom: 0.5714em - &:not(:first-child) - margin-top: 1.1428em - h3 - font-size: 1.5em - margin-bottom: 0.6666em - &:not(:first-child) - margin-top: 1.3333em - h4 - font-size: 1.25em - margin-bottom: 0.8em - h5 - font-size: 1.125em - margin-bottom: 0.8888em - h6 - font-size: 1em - margin-bottom: 1em - blockquote - background-color: $content-blockquote-background-color - border-left: $content-blockquote-border-left - padding: $content-blockquote-padding - ol - list-style-position: outside - margin-left: 2em - margin-top: 1em - &:not([type]) - list-style-type: decimal - &.is-lower-alpha - list-style-type: lower-alpha - &.is-lower-roman - list-style-type: lower-roman - &.is-upper-alpha - list-style-type: upper-alpha - &.is-upper-roman - list-style-type: upper-roman - ul - list-style: disc outside - margin-left: 2em - margin-top: 1em - ul - list-style-type: circle - margin-top: 0.5em - ul - list-style-type: square - dd - margin-left: 2em - figure - margin-left: 2em - margin-right: 2em - text-align: center - &:not(:first-child) - margin-top: 2em - &:not(:last-child) - margin-bottom: 2em - img - display: inline-block - figcaption - font-style: italic - pre - +overflow-touch - overflow-x: auto - padding: $content-pre-padding - white-space: pre - word-wrap: normal - sup, - sub - font-size: 75% - table - width: 100% - td, - th - border: $content-table-cell-border - border-width: $content-table-cell-border-width - padding: $content-table-cell-padding - vertical-align: top - th - color: $content-table-cell-heading-color - &:not([align]) - text-align: left - thead - td, - th - border-width: $content-table-head-cell-border-width - color: $content-table-head-cell-color - tfoot - td, - th - border-width: $content-table-foot-cell-border-width - color: $content-table-foot-cell-color - tbody - tr - &:last-child - td, - th - border-bottom-width: 0 - .tabs - li + li - margin-top: 0 - // Sizes - &.is-small - font-size: $size-small - &.is-medium - font-size: $size-medium - &.is-large - font-size: $size-large diff --git a/docs/src/assets/bulma/elements/form.sass b/docs/src/assets/bulma/elements/form.sass deleted file mode 100644 index 3122dc4c5..000000000 --- a/docs/src/assets/bulma/elements/form.sass +++ /dev/null @@ -1 +0,0 @@ -@warn "The form.sass file is DEPRECATED. It has moved into its own /form folder. Please import sass/form/_all instead." diff --git a/docs/src/assets/bulma/elements/icon.sass b/docs/src/assets/bulma/elements/icon.sass deleted file mode 100644 index 988546c7f..000000000 --- a/docs/src/assets/bulma/elements/icon.sass +++ /dev/null @@ -1,21 +0,0 @@ -$icon-dimensions: 1.5rem !default -$icon-dimensions-small: 1rem !default -$icon-dimensions-medium: 2rem !default -$icon-dimensions-large: 3rem !default - -.icon - align-items: center - display: inline-flex - justify-content: center - height: $icon-dimensions - width: $icon-dimensions - // Sizes - &.is-small - height: $icon-dimensions-small - width: $icon-dimensions-small - &.is-medium - height: $icon-dimensions-medium - width: $icon-dimensions-medium - &.is-large - height: $icon-dimensions-large - width: $icon-dimensions-large diff --git a/docs/src/assets/bulma/elements/image.sass b/docs/src/assets/bulma/elements/image.sass deleted file mode 100644 index 7547abcfd..000000000 --- a/docs/src/assets/bulma/elements/image.sass +++ /dev/null @@ -1,71 +0,0 @@ -$dimensions: 16 24 32 48 64 96 128 !default - -.image - display: block - position: relative - img - display: block - height: auto - width: 100% - &.is-rounded - border-radius: $radius-rounded - &.is-fullwidth - width: 100% - // Ratio - &.is-square, - &.is-1by1, - &.is-5by4, - &.is-4by3, - &.is-3by2, - &.is-5by3, - &.is-16by9, - &.is-2by1, - &.is-3by1, - &.is-4by5, - &.is-3by4, - &.is-2by3, - &.is-3by5, - &.is-9by16, - &.is-1by2, - &.is-1by3 - img, - .has-ratio - @extend %overlay - height: 100% - width: 100% - &.is-square, - &.is-1by1 - padding-top: 100% - &.is-5by4 - padding-top: 80% - &.is-4by3 - padding-top: 75% - &.is-3by2 - padding-top: 66.6666% - &.is-5by3 - padding-top: 60% - &.is-16by9 - padding-top: 56.25% - &.is-2by1 - padding-top: 50% - &.is-3by1 - padding-top: 33.3333% - &.is-4by5 - padding-top: 125% - &.is-3by4 - padding-top: 133.3333% - &.is-2by3 - padding-top: 150% - &.is-3by5 - padding-top: 166.6666% - &.is-9by16 - padding-top: 177.7777% - &.is-1by2 - padding-top: 200% - &.is-1by3 - padding-top: 300% - // Sizes - @each $dimension in $dimensions - &.is-#{$dimension}x#{$dimension} - height: $dimension * 1px - width: $dimension * 1px diff --git a/docs/src/assets/bulma/elements/notification.sass b/docs/src/assets/bulma/elements/notification.sass deleted file mode 100644 index 32a0ee132..000000000 --- a/docs/src/assets/bulma/elements/notification.sass +++ /dev/null @@ -1,43 +0,0 @@ -$notification-background-color: $background !default -$notification-code-background-color: $scheme-main !default -$notification-radius: $radius !default -$notification-padding: 1.25rem 2.5rem 1.25rem 1.5rem !default - -.notification - @extend %block - background-color: $notification-background-color - border-radius: $notification-radius - padding: $notification-padding - position: relative - a:not(.button):not(.dropdown-item) - color: currentColor - text-decoration: underline - strong - color: currentColor - code, - pre - background: $notification-code-background-color - pre code - background: transparent - & > .delete - position: absolute - right: 0.5rem - top: 0.5rem - .title, - .subtitle, - .content - color: currentColor - // Colors - @each $name, $pair in $colors - $color: nth($pair, 1) - $color-invert: nth($pair, 2) - &.is-#{$name} - background-color: $color - color: $color-invert - // If light and dark colors are provided - @if length($pair) >= 4 - $color-light: nth($pair, 3) - $color-dark: nth($pair, 4) - &.is-light - background-color: $color-light - color: $color-dark diff --git a/docs/src/assets/bulma/elements/other.sass b/docs/src/assets/bulma/elements/other.sass deleted file mode 100644 index 5725617c2..000000000 --- a/docs/src/assets/bulma/elements/other.sass +++ /dev/null @@ -1,39 +0,0 @@ -.block - @extend %block - -.delete - @extend %delete - -.heading - display: block - font-size: 11px - letter-spacing: 1px - margin-bottom: 5px - text-transform: uppercase - -.highlight - @extend %block - font-weight: $weight-normal - max-width: 100% - overflow: hidden - padding: 0 - pre - overflow: auto - max-width: 100% - -.loader - @extend %loader - -.number - align-items: center - background-color: $background - border-radius: $radius-rounded - display: inline-flex - font-size: $size-medium - height: 2em - justify-content: center - margin-right: 1.5rem - min-width: 2.5em - padding: 0.25rem 0.5rem - text-align: center - vertical-align: top diff --git a/docs/src/assets/bulma/elements/progress.sass b/docs/src/assets/bulma/elements/progress.sass deleted file mode 100644 index bb43bb601..000000000 --- a/docs/src/assets/bulma/elements/progress.sass +++ /dev/null @@ -1,67 +0,0 @@ -$progress-bar-background-color: $border-light !default -$progress-value-background-color: $text !default -$progress-border-radius: $radius-rounded !default - -$progress-indeterminate-duration: 1.5s !default - -.progress - @extend %block - -moz-appearance: none - -webkit-appearance: none - border: none - border-radius: $progress-border-radius - display: block - height: $size-normal - overflow: hidden - padding: 0 - width: 100% - &::-webkit-progress-bar - background-color: $progress-bar-background-color - &::-webkit-progress-value - background-color: $progress-value-background-color - &::-moz-progress-bar - background-color: $progress-value-background-color - &::-ms-fill - background-color: $progress-value-background-color - border: none - // Colors - @each $name, $pair in $colors - $color: nth($pair, 1) - &.is-#{$name} - &::-webkit-progress-value - background-color: $color - &::-moz-progress-bar - background-color: $color - &::-ms-fill - background-color: $color - &:indeterminate - background-image: linear-gradient(to right, $color 30%, $progress-bar-background-color 30%) - - &:indeterminate - animation-duration: $progress-indeterminate-duration - animation-iteration-count: infinite - animation-name: moveIndeterminate - animation-timing-function: linear - background-color: $progress-bar-background-color - background-image: linear-gradient(to right, $text 30%, $progress-bar-background-color 30%) - background-position: top left - background-repeat: no-repeat - background-size: 150% 150% - &::-webkit-progress-bar - background-color: transparent - &::-moz-progress-bar - background-color: transparent - - // Sizes - &.is-small - height: $size-small - &.is-medium - height: $size-medium - &.is-large - height: $size-large - -@keyframes moveIndeterminate - from - background-position: 200% 0 - to - background-position: -200% 0 diff --git a/docs/src/assets/bulma/elements/table.sass b/docs/src/assets/bulma/elements/table.sass deleted file mode 100644 index 2e6036ad3..000000000 --- a/docs/src/assets/bulma/elements/table.sass +++ /dev/null @@ -1,127 +0,0 @@ -$table-color: $text-strong !default -$table-background-color: $scheme-main !default - -$table-cell-border: 1px solid $border !default -$table-cell-border-width: 0 0 1px !default -$table-cell-padding: 0.5em 0.75em !default -$table-cell-heading-color: $text-strong !default - -$table-head-cell-border-width: 0 0 2px !default -$table-head-cell-color: $text-strong !default -$table-foot-cell-border-width: 2px 0 0 !default -$table-foot-cell-color: $text-strong !default - -$table-head-background-color: transparent !default -$table-body-background-color: transparent !default -$table-foot-background-color: transparent !default - -$table-row-hover-background-color: $scheme-main-bis !default - -$table-row-active-background-color: $primary !default -$table-row-active-color: $primary-invert !default - -$table-striped-row-even-background-color: $scheme-main-bis !default -$table-striped-row-even-hover-background-color: $scheme-main-ter !default - -.table - @extend %block - background-color: $table-background-color - color: $table-color - td, - th - border: $table-cell-border - border-width: $table-cell-border-width - padding: $table-cell-padding - vertical-align: top - // Colors - @each $name, $pair in $colors - $color: nth($pair, 1) - $color-invert: nth($pair, 2) - &.is-#{$name} - background-color: $color - border-color: $color - color: $color-invert - // Modifiers - &.is-narrow - white-space: nowrap - width: 1% - &.is-selected - background-color: $table-row-active-background-color - color: $table-row-active-color - a, - strong - color: currentColor - th - color: $table-cell-heading-color - &:not([align]) - text-align: left - tr - &.is-selected - background-color: $table-row-active-background-color - color: $table-row-active-color - a, - strong - color: currentColor - td, - th - border-color: $table-row-active-color - color: currentColor - thead - background-color: $table-head-background-color - td, - th - border-width: $table-head-cell-border-width - color: $table-head-cell-color - tfoot - background-color: $table-foot-background-color - td, - th - border-width: $table-foot-cell-border-width - color: $table-foot-cell-color - tbody - background-color: $table-body-background-color - tr - &:last-child - td, - th - border-bottom-width: 0 - // Modifiers - &.is-bordered - td, - th - border-width: 1px - tr - &:last-child - td, - th - border-bottom-width: 1px - &.is-fullwidth - width: 100% - &.is-hoverable - tbody - tr:not(.is-selected) - &:hover - background-color: $table-row-hover-background-color - &.is-striped - tbody - tr:not(.is-selected) - &:hover - background-color: $table-row-hover-background-color - &:nth-child(even) - background-color: $table-striped-row-even-hover-background-color - &.is-narrow - td, - th - padding: 0.25em 0.5em - &.is-striped - tbody - tr:not(.is-selected) - &:nth-child(even) - background-color: $table-striped-row-even-background-color - -.table-container - @extend %block - +overflow-touch - overflow: auto - overflow-y: hidden - max-width: 100% diff --git a/docs/src/assets/bulma/elements/tag.sass b/docs/src/assets/bulma/elements/tag.sass deleted file mode 100644 index e0fb89efe..000000000 --- a/docs/src/assets/bulma/elements/tag.sass +++ /dev/null @@ -1,128 +0,0 @@ -$tag-background-color: $background !default -$tag-color: $text !default -$tag-radius: $radius !default -$tag-delete-margin: 1px !default - -.tags - align-items: center - display: flex - flex-wrap: wrap - justify-content: flex-start - .tag - margin-bottom: 0.5rem - &:not(:last-child) - margin-right: 0.5rem - &:last-child - margin-bottom: -0.5rem - &:not(:last-child) - margin-bottom: 1rem - // Sizes - &.are-medium - .tag:not(.is-normal):not(.is-large) - font-size: $size-normal - &.are-large - .tag:not(.is-normal):not(.is-medium) - font-size: $size-medium - &.is-centered - justify-content: center - .tag - margin-right: 0.25rem - margin-left: 0.25rem - &.is-right - justify-content: flex-end - .tag - &:not(:first-child) - margin-left: 0.5rem - &:not(:last-child) - margin-right: 0 - &.has-addons - .tag - margin-right: 0 - &:not(:first-child) - margin-left: 0 - border-bottom-left-radius: 0 - border-top-left-radius: 0 - &:not(:last-child) - border-bottom-right-radius: 0 - border-top-right-radius: 0 - -.tag:not(body) - align-items: center - background-color: $tag-background-color - border-radius: $tag-radius - color: $tag-color - display: inline-flex - font-size: $size-small - height: 2em - justify-content: center - line-height: 1.5 - padding-left: 0.75em - padding-right: 0.75em - white-space: nowrap - .delete - margin-left: 0.25rem - margin-right: -0.375rem - // Colors - @each $name, $pair in $colors - $color: nth($pair, 1) - $color-invert: nth($pair, 2) - &.is-#{$name} - background-color: $color - color: $color-invert - // If a light and dark colors are provided - @if length($pair) > 3 - $color-light: nth($pair, 3) - $color-dark: nth($pair, 4) - &.is-light - background-color: $color-light - color: $color-dark - // Sizes - &.is-normal - font-size: $size-small - &.is-medium - font-size: $size-normal - &.is-large - font-size: $size-medium - .icon - &:first-child:not(:last-child) - margin-left: -0.375em - margin-right: 0.1875em - &:last-child:not(:first-child) - margin-left: 0.1875em - margin-right: -0.375em - &:first-child:last-child - margin-left: -0.375em - margin-right: -0.375em - // Modifiers - &.is-delete - margin-left: $tag-delete-margin - padding: 0 - position: relative - width: 2em - &::before, - &::after - background-color: currentColor - content: "" - display: block - left: 50% - position: absolute - top: 50% - transform: translateX(-50%) translateY(-50%) rotate(45deg) - transform-origin: center center - &::before - height: 1px - width: 50% - &::after - height: 50% - width: 1px - &:hover, - &:focus - background-color: darken($tag-background-color, 5%) - &:active - background-color: darken($tag-background-color, 10%) - &.is-rounded - border-radius: $radius-rounded - -a.tag - &:hover - text-decoration: underline diff --git a/docs/src/assets/bulma/elements/title.sass b/docs/src/assets/bulma/elements/title.sass deleted file mode 100644 index fa9947dd8..000000000 --- a/docs/src/assets/bulma/elements/title.sass +++ /dev/null @@ -1,70 +0,0 @@ -$title-color: $text-strong !default -$title-family: false !default -$title-size: $size-3 !default -$title-weight: $weight-semibold !default -$title-line-height: 1.125 !default -$title-strong-color: inherit !default -$title-strong-weight: inherit !default -$title-sub-size: 0.75em !default -$title-sup-size: 0.75em !default - -$subtitle-color: $text !default -$subtitle-family: false !default -$subtitle-size: $size-5 !default -$subtitle-weight: $weight-normal !default -$subtitle-line-height: 1.25 !default -$subtitle-strong-color: $text-strong !default -$subtitle-strong-weight: $weight-semibold !default -$subtitle-negative-margin: -1.25rem !default - -.title, -.subtitle - @extend %block - word-break: break-word - em, - span - font-weight: inherit - sub - font-size: $title-sub-size - sup - font-size: $title-sup-size - .tag - vertical-align: middle - -.title - color: $title-color - @if $title-family - font-family: $title-family - font-size: $title-size - font-weight: $title-weight - line-height: $title-line-height - strong - color: $title-strong-color - font-weight: $title-strong-weight - & + .highlight - margin-top: -0.75rem - &:not(.is-spaced) + .subtitle - margin-top: $subtitle-negative-margin - // Sizes - @each $size in $sizes - $i: index($sizes, $size) - &.is-#{$i} - font-size: $size - -.subtitle - color: $subtitle-color - @if $subtitle-family - font-family: $subtitle-family - font-size: $subtitle-size - font-weight: $subtitle-weight - line-height: $subtitle-line-height - strong - color: $subtitle-strong-color - font-weight: $subtitle-strong-weight - &:not(.is-spaced) + .title - margin-top: $subtitle-negative-margin - // Sizes - @each $size in $sizes - $i: index($sizes, $size) - &.is-#{$i} - font-size: $size diff --git a/docs/src/assets/bulma/form/_all.sass b/docs/src/assets/bulma/form/_all.sass deleted file mode 100644 index d9a2b9552..000000000 --- a/docs/src/assets/bulma/form/_all.sass +++ /dev/null @@ -1,8 +0,0 @@ -@charset "utf-8" - -@import "shared.sass" -@import "input-textarea.sass" -@import "checkbox-radio.sass" -@import "select.sass" -@import "file.sass" -@import "tools.sass" diff --git a/docs/src/assets/bulma/form/checkbox-radio.sass b/docs/src/assets/bulma/form/checkbox-radio.sass deleted file mode 100644 index d9f3ff0c5..000000000 --- a/docs/src/assets/bulma/form/checkbox-radio.sass +++ /dev/null @@ -1,21 +0,0 @@ -%checkbox-radio - cursor: pointer - display: inline-block - line-height: 1.25 - position: relative - input - cursor: pointer - &:hover - color: $input-hover-color - &[disabled], - fieldset[disabled] & - color: $input-disabled-color - cursor: not-allowed - -.checkbox - @extend %checkbox-radio - -.radio - @extend %checkbox-radio - & + .radio - margin-left: 0.5em diff --git a/docs/src/assets/bulma/form/file.sass b/docs/src/assets/bulma/form/file.sass deleted file mode 100644 index 41cc02154..000000000 --- a/docs/src/assets/bulma/form/file.sass +++ /dev/null @@ -1,180 +0,0 @@ -$file-border-color: $border !default -$file-radius: $radius !default - -$file-cta-background-color: $scheme-main-ter !default -$file-cta-color: $text !default -$file-cta-hover-color: $text-strong !default -$file-cta-active-color: $text-strong !default - -$file-name-border-color: $border !default -$file-name-border-style: solid !default -$file-name-border-width: 1px 1px 1px 0 !default -$file-name-max-width: 16em !default - -.file - @extend %unselectable - align-items: stretch - display: flex - justify-content: flex-start - position: relative - // Colors - @each $name, $pair in $colors - $color: nth($pair, 1) - $color-invert: nth($pair, 2) - &.is-#{$name} - .file-cta - background-color: $color - border-color: transparent - color: $color-invert - &:hover, - &.is-hovered - .file-cta - background-color: darken($color, 2.5%) - border-color: transparent - color: $color-invert - &:focus, - &.is-focused - .file-cta - border-color: transparent - box-shadow: 0 0 0.5em rgba($color, 0.25) - color: $color-invert - &:active, - &.is-active - .file-cta - background-color: darken($color, 5%) - border-color: transparent - color: $color-invert - // Sizes - &.is-small - font-size: $size-small - &.is-medium - font-size: $size-medium - .file-icon - .fa - font-size: 21px - &.is-large - font-size: $size-large - .file-icon - .fa - font-size: 28px - // Modifiers - &.has-name - .file-cta - border-bottom-right-radius: 0 - border-top-right-radius: 0 - .file-name - border-bottom-left-radius: 0 - border-top-left-radius: 0 - &.is-empty - .file-cta - border-radius: $file-radius - .file-name - display: none - &.is-boxed - .file-label - flex-direction: column - .file-cta - flex-direction: column - height: auto - padding: 1em 3em - .file-name - border-width: 0 1px 1px - .file-icon - height: 1.5em - width: 1.5em - .fa - font-size: 21px - &.is-small - .file-icon .fa - font-size: 14px - &.is-medium - .file-icon .fa - font-size: 28px - &.is-large - .file-icon .fa - font-size: 35px - &.has-name - .file-cta - border-radius: $file-radius $file-radius 0 0 - .file-name - border-radius: 0 0 $file-radius $file-radius - border-width: 0 1px 1px - &.is-centered - justify-content: center - &.is-fullwidth - .file-label - width: 100% - .file-name - flex-grow: 1 - max-width: none - &.is-right - justify-content: flex-end - .file-cta - border-radius: 0 $file-radius $file-radius 0 - .file-name - border-radius: $file-radius 0 0 $file-radius - border-width: 1px 0 1px 1px - order: -1 - -.file-label - align-items: stretch - display: flex - cursor: pointer - justify-content: flex-start - overflow: hidden - position: relative - &:hover - .file-cta - background-color: darken($file-cta-background-color, 2.5%) - color: $file-cta-hover-color - .file-name - border-color: darken($file-name-border-color, 2.5%) - &:active - .file-cta - background-color: darken($file-cta-background-color, 5%) - color: $file-cta-active-color - .file-name - border-color: darken($file-name-border-color, 5%) - -.file-input - height: 100% - left: 0 - opacity: 0 - outline: none - position: absolute - top: 0 - width: 100% - -.file-cta, -.file-name - @extend %control - border-color: $file-border-color - border-radius: $file-radius - font-size: 1em - padding-left: 1em - padding-right: 1em - white-space: nowrap - -.file-cta - background-color: $file-cta-background-color - color: $file-cta-color - -.file-name - border-color: $file-name-border-color - border-style: $file-name-border-style - border-width: $file-name-border-width - display: block - max-width: $file-name-max-width - overflow: hidden - text-align: left - text-overflow: ellipsis - -.file-icon - align-items: center - display: flex - height: 1em - justify-content: center - margin-right: 0.5em - width: 1em - .fa - font-size: 14px diff --git a/docs/src/assets/bulma/form/input-textarea.sass b/docs/src/assets/bulma/form/input-textarea.sass deleted file mode 100644 index 7636cdaed..000000000 --- a/docs/src/assets/bulma/form/input-textarea.sass +++ /dev/null @@ -1,64 +0,0 @@ -$textarea-padding: $control-padding-horizontal !default -$textarea-max-height: 40em !default -$textarea-min-height: 8em !default - -%input-textarea - @extend %input - box-shadow: $input-shadow - max-width: 100% - width: 100% - &[readonly] - box-shadow: none - // Colors - @each $name, $pair in $colors - $color: nth($pair, 1) - &.is-#{$name} - border-color: $color - &:focus, - &.is-focused, - &:active, - &.is-active - box-shadow: $input-focus-box-shadow-size rgba($color, 0.25) - // Sizes - &.is-small - +control-small - &.is-medium - +control-medium - &.is-large - +control-large - // Modifiers - &.is-fullwidth - display: block - width: 100% - &.is-inline - display: inline - width: auto - -.input - @extend %input-textarea - &.is-rounded - border-radius: $radius-rounded - padding-left: calc(#{$control-padding-horizontal} + 0.375em) - padding-right: calc(#{$control-padding-horizontal} + 0.375em) - &.is-static - background-color: transparent - border-color: transparent - box-shadow: none - padding-left: 0 - padding-right: 0 - -.textarea - @extend %input-textarea - display: block - max-width: 100% - min-width: 100% - padding: $textarea-padding - resize: vertical - &:not([rows]) - max-height: $textarea-max-height - min-height: $textarea-min-height - &[rows] - height: initial - // Modifiers - &.has-fixed-size - resize: none diff --git a/docs/src/assets/bulma/form/select.sass b/docs/src/assets/bulma/form/select.sass deleted file mode 100644 index 909b9d524..000000000 --- a/docs/src/assets/bulma/form/select.sass +++ /dev/null @@ -1,85 +0,0 @@ -.select - display: inline-block - max-width: 100% - position: relative - vertical-align: top - &:not(.is-multiple) - height: $input-height - &:not(.is-multiple):not(.is-loading) - &::after - @extend %arrow - border-color: $input-arrow - right: 1.125em - z-index: 4 - &.is-rounded - select - border-radius: $radius-rounded - padding-left: 1em - select - @extend %input - cursor: pointer - display: block - font-size: 1em - max-width: 100% - outline: none - &::-ms-expand - display: none - &[disabled]:hover, - fieldset[disabled] &:hover - border-color: $input-disabled-border-color - &:not([multiple]) - padding-right: 2.5em - &[multiple] - height: auto - padding: 0 - option - padding: 0.5em 1em - // States - &:not(.is-multiple):not(.is-loading):hover - &::after - border-color: $input-hover-color - // Colors - @each $name, $pair in $colors - $color: nth($pair, 1) - &.is-#{$name} - &:not(:hover)::after - border-color: $color - select - border-color: $color - &:hover, - &.is-hovered - border-color: darken($color, 5%) - &:focus, - &.is-focused, - &:active, - &.is-active - box-shadow: $input-focus-box-shadow-size rgba($color, 0.25) - // Sizes - &.is-small - +control-small - &.is-medium - +control-medium - &.is-large - +control-large - // Modifiers - &.is-disabled - &::after - border-color: $input-disabled-color - &.is-fullwidth - width: 100% - select - width: 100% - &.is-loading - &::after - @extend %loader - margin-top: 0 - position: absolute - right: 0.625em - top: 0.625em - transform: none - &.is-small:after - font-size: $size-small - &.is-medium:after - font-size: $size-medium - &.is-large:after - font-size: $size-large diff --git a/docs/src/assets/bulma/form/shared.sass b/docs/src/assets/bulma/form/shared.sass deleted file mode 100644 index 3005587ef..000000000 --- a/docs/src/assets/bulma/form/shared.sass +++ /dev/null @@ -1,55 +0,0 @@ -$input-color: inherit !default -$input-background-color: $scheme-main !default -$input-border-color: $border !default -$input-height: $control-height !default -$input-shadow: inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05) !default -$input-placeholder-color: bulmaRgba($input-color, 0.3) !default - -$input-hover-color: $text-strong !default -$input-hover-border-color: $border-hover !default - -$input-focus-color: $text-strong !default -$input-focus-border-color: $link !default -$input-focus-box-shadow-size: 0 0 0 0.125em !default -$input-focus-box-shadow-color: bulmaRgba($link, 0.25) !default - -$input-disabled-color: $text-light !default -$input-disabled-background-color: $background !default -$input-disabled-border-color: $background !default -$input-disabled-placeholder-color: bulmaRgba($input-disabled-color, 0.3) !default - -$input-arrow: $link !default - -$input-icon-color: $border !default -$input-icon-active-color: $text !default - -$input-radius: $radius !default - -=input - @extend %control - background-color: $input-background-color - border-color: $input-border-color - border-radius: $input-radius - color: $input-color - +placeholder - color: $input-placeholder-color - &:hover, - &.is-hovered - border-color: $input-hover-border-color - &:focus, - &.is-focused, - &:active, - &.is-active - border-color: $input-focus-border-color - box-shadow: $input-focus-box-shadow-size $input-focus-box-shadow-color - &[disabled], - fieldset[disabled] & - background-color: $input-disabled-background-color - border-color: $input-disabled-border-color - box-shadow: none - color: $input-disabled-color - +placeholder - color: $input-disabled-placeholder-color - -%input - +input diff --git a/docs/src/assets/bulma/form/tools.sass b/docs/src/assets/bulma/form/tools.sass deleted file mode 100644 index ff2f8e208..000000000 --- a/docs/src/assets/bulma/form/tools.sass +++ /dev/null @@ -1,205 +0,0 @@ -$label-color: $text-strong !default -$label-weight: $weight-bold !default - -$help-size: $size-small !default - -.label - color: $label-color - display: block - font-size: $size-normal - font-weight: $label-weight - &:not(:last-child) - margin-bottom: 0.5em - // Sizes - &.is-small - font-size: $size-small - &.is-medium - font-size: $size-medium - &.is-large - font-size: $size-large - -.help - display: block - font-size: $help-size - margin-top: 0.25rem - @each $name, $pair in $colors - $color: nth($pair, 1) - &.is-#{$name} - color: $color - -// Containers - -.field - &:not(:last-child) - margin-bottom: 0.75rem - // Modifiers - &.has-addons - display: flex - justify-content: flex-start - .control - &:not(:last-child) - margin-right: -1px - &:not(:first-child):not(:last-child) - .button, - .input, - .select select - border-radius: 0 - &:first-child:not(:only-child) - .button, - .input, - .select select - border-bottom-right-radius: 0 - border-top-right-radius: 0 - &:last-child:not(:only-child) - .button, - .input, - .select select - border-bottom-left-radius: 0 - border-top-left-radius: 0 - .button, - .input, - .select select - &:not([disabled]) - &:hover, - &.is-hovered - z-index: 2 - &:focus, - &.is-focused, - &:active, - &.is-active - z-index: 3 - &:hover - z-index: 4 - &.is-expanded - flex-grow: 1 - flex-shrink: 1 - &.has-addons-centered - justify-content: center - &.has-addons-right - justify-content: flex-end - &.has-addons-fullwidth - .control - flex-grow: 1 - flex-shrink: 0 - &.is-grouped - display: flex - justify-content: flex-start - & > .control - flex-shrink: 0 - &:not(:last-child) - margin-bottom: 0 - margin-right: 0.75rem - &.is-expanded - flex-grow: 1 - flex-shrink: 1 - &.is-grouped-centered - justify-content: center - &.is-grouped-right - justify-content: flex-end - &.is-grouped-multiline - flex-wrap: wrap - & > .control - &:last-child, - &:not(:last-child) - margin-bottom: 0.75rem - &:last-child - margin-bottom: -0.75rem - &:not(:last-child) - margin-bottom: 0 - &.is-horizontal - +tablet - display: flex - -.field-label - .label - font-size: inherit - +mobile - margin-bottom: 0.5rem - +tablet - flex-basis: 0 - flex-grow: 1 - flex-shrink: 0 - margin-right: 1.5rem - text-align: right - &.is-small - font-size: $size-small - padding-top: 0.375em - &.is-normal - padding-top: 0.375em - &.is-medium - font-size: $size-medium - padding-top: 0.375em - &.is-large - font-size: $size-large - padding-top: 0.375em - -.field-body - .field .field - margin-bottom: 0 - +tablet - display: flex - flex-basis: 0 - flex-grow: 5 - flex-shrink: 1 - .field - margin-bottom: 0 - & > .field - flex-shrink: 1 - &:not(.is-narrow) - flex-grow: 1 - &:not(:last-child) - margin-right: 0.75rem - -.control - box-sizing: border-box - clear: both - font-size: $size-normal - position: relative - text-align: left - // Modifiers - &.has-icons-left, - &.has-icons-right - .input, - .select - &:focus - & ~ .icon - color: $input-icon-active-color - &.is-small ~ .icon - font-size: $size-small - &.is-medium ~ .icon - font-size: $size-medium - &.is-large ~ .icon - font-size: $size-large - .icon - color: $input-icon-color - height: $input-height - pointer-events: none - position: absolute - top: 0 - width: $input-height - z-index: 4 - &.has-icons-left - .input, - .select select - padding-left: $input-height - .icon.is-left - left: 0 - &.has-icons-right - .input, - .select select - padding-right: $input-height - .icon.is-right - right: 0 - &.is-loading - &::after - @extend %loader - position: absolute !important - right: 0.625em - top: 0.625em - z-index: 4 - &.is-small:after - font-size: $size-small - &.is-medium:after - font-size: $size-medium - &.is-large:after - font-size: $size-large diff --git a/docs/src/assets/bulma/grid/_all.sass b/docs/src/assets/bulma/grid/_all.sass deleted file mode 100644 index e53070f6c..000000000 --- a/docs/src/assets/bulma/grid/_all.sass +++ /dev/null @@ -1,4 +0,0 @@ -@charset "utf-8" - -@import "columns.sass" -@import "tiles.sass" diff --git a/docs/src/assets/bulma/grid/columns.sass b/docs/src/assets/bulma/grid/columns.sass deleted file mode 100644 index 34a835331..000000000 --- a/docs/src/assets/bulma/grid/columns.sass +++ /dev/null @@ -1,504 +0,0 @@ -$column-gap: 0.75rem !default - -.column - display: block - flex-basis: 0 - flex-grow: 1 - flex-shrink: 1 - padding: $column-gap - .columns.is-mobile > &.is-narrow - flex: none - .columns.is-mobile > &.is-full - flex: none - width: 100% - .columns.is-mobile > &.is-three-quarters - flex: none - width: 75% - .columns.is-mobile > &.is-two-thirds - flex: none - width: 66.6666% - .columns.is-mobile > &.is-half - flex: none - width: 50% - .columns.is-mobile > &.is-one-third - flex: none - width: 33.3333% - .columns.is-mobile > &.is-one-quarter - flex: none - width: 25% - .columns.is-mobile > &.is-one-fifth - flex: none - width: 20% - .columns.is-mobile > &.is-two-fifths - flex: none - width: 40% - .columns.is-mobile > &.is-three-fifths - flex: none - width: 60% - .columns.is-mobile > &.is-four-fifths - flex: none - width: 80% - .columns.is-mobile > &.is-offset-three-quarters - margin-left: 75% - .columns.is-mobile > &.is-offset-two-thirds - margin-left: 66.6666% - .columns.is-mobile > &.is-offset-half - margin-left: 50% - .columns.is-mobile > &.is-offset-one-third - margin-left: 33.3333% - .columns.is-mobile > &.is-offset-one-quarter - margin-left: 25% - .columns.is-mobile > &.is-offset-one-fifth - margin-left: 20% - .columns.is-mobile > &.is-offset-two-fifths - margin-left: 40% - .columns.is-mobile > &.is-offset-three-fifths - margin-left: 60% - .columns.is-mobile > &.is-offset-four-fifths - margin-left: 80% - @for $i from 0 through 12 - .columns.is-mobile > &.is-#{$i} - flex: none - width: percentage($i / 12) - .columns.is-mobile > &.is-offset-#{$i} - margin-left: percentage($i / 12) - +mobile - &.is-narrow-mobile - flex: none - &.is-full-mobile - flex: none - width: 100% - &.is-three-quarters-mobile - flex: none - width: 75% - &.is-two-thirds-mobile - flex: none - width: 66.6666% - &.is-half-mobile - flex: none - width: 50% - &.is-one-third-mobile - flex: none - width: 33.3333% - &.is-one-quarter-mobile - flex: none - width: 25% - &.is-one-fifth-mobile - flex: none - width: 20% - &.is-two-fifths-mobile - flex: none - width: 40% - &.is-three-fifths-mobile - flex: none - width: 60% - &.is-four-fifths-mobile - flex: none - width: 80% - &.is-offset-three-quarters-mobile - margin-left: 75% - &.is-offset-two-thirds-mobile - margin-left: 66.6666% - &.is-offset-half-mobile - margin-left: 50% - &.is-offset-one-third-mobile - margin-left: 33.3333% - &.is-offset-one-quarter-mobile - margin-left: 25% - &.is-offset-one-fifth-mobile - margin-left: 20% - &.is-offset-two-fifths-mobile - margin-left: 40% - &.is-offset-three-fifths-mobile - margin-left: 60% - &.is-offset-four-fifths-mobile - margin-left: 80% - @for $i from 0 through 12 - &.is-#{$i}-mobile - flex: none - width: percentage($i / 12) - &.is-offset-#{$i}-mobile - margin-left: percentage($i / 12) - +tablet - &.is-narrow, - &.is-narrow-tablet - flex: none - &.is-full, - &.is-full-tablet - flex: none - width: 100% - &.is-three-quarters, - &.is-three-quarters-tablet - flex: none - width: 75% - &.is-two-thirds, - &.is-two-thirds-tablet - flex: none - width: 66.6666% - &.is-half, - &.is-half-tablet - flex: none - width: 50% - &.is-one-third, - &.is-one-third-tablet - flex: none - width: 33.3333% - &.is-one-quarter, - &.is-one-quarter-tablet - flex: none - width: 25% - &.is-one-fifth, - &.is-one-fifth-tablet - flex: none - width: 20% - &.is-two-fifths, - &.is-two-fifths-tablet - flex: none - width: 40% - &.is-three-fifths, - &.is-three-fifths-tablet - flex: none - width: 60% - &.is-four-fifths, - &.is-four-fifths-tablet - flex: none - width: 80% - &.is-offset-three-quarters, - &.is-offset-three-quarters-tablet - margin-left: 75% - &.is-offset-two-thirds, - &.is-offset-two-thirds-tablet - margin-left: 66.6666% - &.is-offset-half, - &.is-offset-half-tablet - margin-left: 50% - &.is-offset-one-third, - &.is-offset-one-third-tablet - margin-left: 33.3333% - &.is-offset-one-quarter, - &.is-offset-one-quarter-tablet - margin-left: 25% - &.is-offset-one-fifth, - &.is-offset-one-fifth-tablet - margin-left: 20% - &.is-offset-two-fifths, - &.is-offset-two-fifths-tablet - margin-left: 40% - &.is-offset-three-fifths, - &.is-offset-three-fifths-tablet - margin-left: 60% - &.is-offset-four-fifths, - &.is-offset-four-fifths-tablet - margin-left: 80% - @for $i from 0 through 12 - &.is-#{$i}, - &.is-#{$i}-tablet - flex: none - width: percentage($i / 12) - &.is-offset-#{$i}, - &.is-offset-#{$i}-tablet - margin-left: percentage($i / 12) - +touch - &.is-narrow-touch - flex: none - &.is-full-touch - flex: none - width: 100% - &.is-three-quarters-touch - flex: none - width: 75% - &.is-two-thirds-touch - flex: none - width: 66.6666% - &.is-half-touch - flex: none - width: 50% - &.is-one-third-touch - flex: none - width: 33.3333% - &.is-one-quarter-touch - flex: none - width: 25% - &.is-one-fifth-touch - flex: none - width: 20% - &.is-two-fifths-touch - flex: none - width: 40% - &.is-three-fifths-touch - flex: none - width: 60% - &.is-four-fifths-touch - flex: none - width: 80% - &.is-offset-three-quarters-touch - margin-left: 75% - &.is-offset-two-thirds-touch - margin-left: 66.6666% - &.is-offset-half-touch - margin-left: 50% - &.is-offset-one-third-touch - margin-left: 33.3333% - &.is-offset-one-quarter-touch - margin-left: 25% - &.is-offset-one-fifth-touch - margin-left: 20% - &.is-offset-two-fifths-touch - margin-left: 40% - &.is-offset-three-fifths-touch - margin-left: 60% - &.is-offset-four-fifths-touch - margin-left: 80% - @for $i from 0 through 12 - &.is-#{$i}-touch - flex: none - width: percentage($i / 12) - &.is-offset-#{$i}-touch - margin-left: percentage($i / 12) - +desktop - &.is-narrow-desktop - flex: none - &.is-full-desktop - flex: none - width: 100% - &.is-three-quarters-desktop - flex: none - width: 75% - &.is-two-thirds-desktop - flex: none - width: 66.6666% - &.is-half-desktop - flex: none - width: 50% - &.is-one-third-desktop - flex: none - width: 33.3333% - &.is-one-quarter-desktop - flex: none - width: 25% - &.is-one-fifth-desktop - flex: none - width: 20% - &.is-two-fifths-desktop - flex: none - width: 40% - &.is-three-fifths-desktop - flex: none - width: 60% - &.is-four-fifths-desktop - flex: none - width: 80% - &.is-offset-three-quarters-desktop - margin-left: 75% - &.is-offset-two-thirds-desktop - margin-left: 66.6666% - &.is-offset-half-desktop - margin-left: 50% - &.is-offset-one-third-desktop - margin-left: 33.3333% - &.is-offset-one-quarter-desktop - margin-left: 25% - &.is-offset-one-fifth-desktop - margin-left: 20% - &.is-offset-two-fifths-desktop - margin-left: 40% - &.is-offset-three-fifths-desktop - margin-left: 60% - &.is-offset-four-fifths-desktop - margin-left: 80% - @for $i from 0 through 12 - &.is-#{$i}-desktop - flex: none - width: percentage($i / 12) - &.is-offset-#{$i}-desktop - margin-left: percentage($i / 12) - +widescreen - &.is-narrow-widescreen - flex: none - &.is-full-widescreen - flex: none - width: 100% - &.is-three-quarters-widescreen - flex: none - width: 75% - &.is-two-thirds-widescreen - flex: none - width: 66.6666% - &.is-half-widescreen - flex: none - width: 50% - &.is-one-third-widescreen - flex: none - width: 33.3333% - &.is-one-quarter-widescreen - flex: none - width: 25% - &.is-one-fifth-widescreen - flex: none - width: 20% - &.is-two-fifths-widescreen - flex: none - width: 40% - &.is-three-fifths-widescreen - flex: none - width: 60% - &.is-four-fifths-widescreen - flex: none - width: 80% - &.is-offset-three-quarters-widescreen - margin-left: 75% - &.is-offset-two-thirds-widescreen - margin-left: 66.6666% - &.is-offset-half-widescreen - margin-left: 50% - &.is-offset-one-third-widescreen - margin-left: 33.3333% - &.is-offset-one-quarter-widescreen - margin-left: 25% - &.is-offset-one-fifth-widescreen - margin-left: 20% - &.is-offset-two-fifths-widescreen - margin-left: 40% - &.is-offset-three-fifths-widescreen - margin-left: 60% - &.is-offset-four-fifths-widescreen - margin-left: 80% - @for $i from 0 through 12 - &.is-#{$i}-widescreen - flex: none - width: percentage($i / 12) - &.is-offset-#{$i}-widescreen - margin-left: percentage($i / 12) - +fullhd - &.is-narrow-fullhd - flex: none - &.is-full-fullhd - flex: none - width: 100% - &.is-three-quarters-fullhd - flex: none - width: 75% - &.is-two-thirds-fullhd - flex: none - width: 66.6666% - &.is-half-fullhd - flex: none - width: 50% - &.is-one-third-fullhd - flex: none - width: 33.3333% - &.is-one-quarter-fullhd - flex: none - width: 25% - &.is-one-fifth-fullhd - flex: none - width: 20% - &.is-two-fifths-fullhd - flex: none - width: 40% - &.is-three-fifths-fullhd - flex: none - width: 60% - &.is-four-fifths-fullhd - flex: none - width: 80% - &.is-offset-three-quarters-fullhd - margin-left: 75% - &.is-offset-two-thirds-fullhd - margin-left: 66.6666% - &.is-offset-half-fullhd - margin-left: 50% - &.is-offset-one-third-fullhd - margin-left: 33.3333% - &.is-offset-one-quarter-fullhd - margin-left: 25% - &.is-offset-one-fifth-fullhd - margin-left: 20% - &.is-offset-two-fifths-fullhd - margin-left: 40% - &.is-offset-three-fifths-fullhd - margin-left: 60% - &.is-offset-four-fifths-fullhd - margin-left: 80% - @for $i from 0 through 12 - &.is-#{$i}-fullhd - flex: none - width: percentage($i / 12) - &.is-offset-#{$i}-fullhd - margin-left: percentage($i / 12) - -.columns - margin-left: (-$column-gap) - margin-right: (-$column-gap) - margin-top: (-$column-gap) - &:last-child - margin-bottom: (-$column-gap) - &:not(:last-child) - margin-bottom: calc(1.5rem - #{$column-gap}) - // Modifiers - &.is-centered - justify-content: center - &.is-gapless - margin-left: 0 - margin-right: 0 - margin-top: 0 - & > .column - margin: 0 - padding: 0 !important - &:not(:last-child) - margin-bottom: 1.5rem - &:last-child - margin-bottom: 0 - &.is-mobile - display: flex - &.is-multiline - flex-wrap: wrap - &.is-vcentered - align-items: center - // Responsiveness - +tablet - &:not(.is-desktop) - display: flex - +desktop - // Modifiers - &.is-desktop - display: flex - -@if $variable-columns - .columns.is-variable - --columnGap: 0.75rem - margin-left: calc(-1 * var(--columnGap)) - margin-right: calc(-1 * var(--columnGap)) - .column - padding-left: var(--columnGap) - padding-right: var(--columnGap) - @for $i from 0 through 8 - &.is-#{$i} - --columnGap: #{$i * 0.25rem} - +mobile - &.is-#{$i}-mobile - --columnGap: #{$i * 0.25rem} - +tablet - &.is-#{$i}-tablet - --columnGap: #{$i * 0.25rem} - +tablet-only - &.is-#{$i}-tablet-only - --columnGap: #{$i * 0.25rem} - +touch - &.is-#{$i}-touch - --columnGap: #{$i * 0.25rem} - +desktop - &.is-#{$i}-desktop - --columnGap: #{$i * 0.25rem} - +desktop-only - &.is-#{$i}-desktop-only - --columnGap: #{$i * 0.25rem} - +widescreen - &.is-#{$i}-widescreen - --columnGap: #{$i * 0.25rem} - +widescreen-only - &.is-#{$i}-widescreen-only - --columnGap: #{$i * 0.25rem} - +fullhd - &.is-#{$i}-fullhd - --columnGap: #{$i * 0.25rem} diff --git a/docs/src/assets/bulma/grid/tiles.sass b/docs/src/assets/bulma/grid/tiles.sass deleted file mode 100644 index 15648c298..000000000 --- a/docs/src/assets/bulma/grid/tiles.sass +++ /dev/null @@ -1,34 +0,0 @@ -$tile-spacing: 0.75rem !default - -.tile - align-items: stretch - display: block - flex-basis: 0 - flex-grow: 1 - flex-shrink: 1 - min-height: min-content - // Modifiers - &.is-ancestor - margin-left: $tile-spacing * -1 - margin-right: $tile-spacing * -1 - margin-top: $tile-spacing * -1 - &:last-child - margin-bottom: $tile-spacing * -1 - &:not(:last-child) - margin-bottom: $tile-spacing - &.is-child - margin: 0 !important - &.is-parent - padding: $tile-spacing - &.is-vertical - flex-direction: column - & > .tile.is-child:not(:last-child) - margin-bottom: 1.5rem !important - // Responsiveness - +tablet - &:not(.is-child) - display: flex - @for $i from 1 through 12 - &.is-#{$i} - flex: none - width: ($i / 12) * 100% diff --git a/docs/src/assets/bulma/layout/_all.sass b/docs/src/assets/bulma/layout/_all.sass deleted file mode 100644 index 143ada35b..000000000 --- a/docs/src/assets/bulma/layout/_all.sass +++ /dev/null @@ -1,5 +0,0 @@ -@charset "utf-8" - -@import "hero.sass" -@import "section.sass" -@import "footer.sass" diff --git a/docs/src/assets/bulma/layout/footer.sass b/docs/src/assets/bulma/layout/footer.sass deleted file mode 100644 index 8faa11ed0..000000000 --- a/docs/src/assets/bulma/layout/footer.sass +++ /dev/null @@ -1,9 +0,0 @@ -$footer-background-color: $scheme-main-bis !default -$footer-color: false !default -$footer-padding: 3rem 1.5rem 6rem !default - -.footer - background-color: $footer-background-color - padding: $footer-padding - @if $footer-color - color: $footer-color diff --git a/docs/src/assets/bulma/layout/hero.sass b/docs/src/assets/bulma/layout/hero.sass deleted file mode 100644 index ae8ed086d..000000000 --- a/docs/src/assets/bulma/layout/hero.sass +++ /dev/null @@ -1,144 +0,0 @@ -$hero-body-padding: 3rem 1.5rem !default -$hero-body-padding-small: 1.5rem !default -$hero-body-padding-medium: 9rem 1.5rem !default -$hero-body-padding-large: 18rem 1.5rem !default - -// Main container -.hero - align-items: stretch - display: flex - flex-direction: column - justify-content: space-between - .navbar - background: none - .tabs - ul - border-bottom: none - // Colors - @each $name, $pair in $colors - $color: nth($pair, 1) - $color-invert: nth($pair, 2) - &.is-#{$name} - background-color: $color - color: $color-invert - a:not(.button):not(.dropdown-item):not(.tag):not(.pagination-link.is-current), - strong - color: inherit - .title - color: $color-invert - .subtitle - color: bulmaRgba($color-invert, 0.9) - a:not(.button), - strong - color: $color-invert - .navbar-menu - +touch - background-color: $color - .navbar-item, - .navbar-link - color: bulmaRgba($color-invert, 0.7) - a.navbar-item, - .navbar-link - &:hover, - &.is-active - background-color: darken($color, 5%) - color: $color-invert - .tabs - a - color: $color-invert - opacity: 0.9 - &:hover - opacity: 1 - li - &.is-active a - opacity: 1 - &.is-boxed, - &.is-toggle - a - color: $color-invert - &:hover - background-color: bulmaRgba($scheme-invert, 0.1) - li.is-active a - &, - &:hover - background-color: $color-invert - border-color: $color-invert - color: $color - // Modifiers - &.is-bold - $gradient-top-left: darken(saturate(adjust-hue($color, -10deg), 10%), 10%) - $gradient-bottom-right: lighten(saturate(adjust-hue($color, 10deg), 5%), 5%) - background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%) - +mobile - .navbar-menu - background-image: linear-gradient(141deg, $gradient-top-left 0%, $color 71%, $gradient-bottom-right 100%) - // Sizes - &.is-small - .hero-body - padding: $hero-body-padding-small - &.is-medium - +tablet - .hero-body - padding: $hero-body-padding-medium - &.is-large - +tablet - .hero-body - padding: $hero-body-padding-large - &.is-halfheight, - &.is-fullheight, - &.is-fullheight-with-navbar - .hero-body - align-items: center - display: flex - & > .container - flex-grow: 1 - flex-shrink: 1 - &.is-halfheight - min-height: 50vh - &.is-fullheight - min-height: 100vh - -// Components - -.hero-video - @extend %overlay - overflow: hidden - video - left: 50% - min-height: 100% - min-width: 100% - position: absolute - top: 50% - transform: translate3d(-50%, -50%, 0) - // Modifiers - &.is-transparent - opacity: 0.3 - // Responsiveness - +mobile - display: none - -.hero-buttons - margin-top: 1.5rem - // Responsiveness - +mobile - .button - display: flex - &:not(:last-child) - margin-bottom: 0.75rem - +tablet - display: flex - justify-content: center - .button:not(:last-child) - margin-right: 1.5rem - -// Containers - -.hero-head, -.hero-foot - flex-grow: 0 - flex-shrink: 0 - -.hero-body - flex-grow: 1 - flex-shrink: 0 - padding: $hero-body-padding diff --git a/docs/src/assets/bulma/layout/section.sass b/docs/src/assets/bulma/layout/section.sass deleted file mode 100644 index 6f2d35231..000000000 --- a/docs/src/assets/bulma/layout/section.sass +++ /dev/null @@ -1,13 +0,0 @@ -$section-padding: 3rem 1.5rem !default -$section-padding-medium: 9rem 1.5rem !default -$section-padding-large: 18rem 1.5rem !default - -.section - padding: $section-padding - // Responsiveness - +desktop - // Sizes - &.is-medium - padding: $section-padding-medium - &.is-large - padding: $section-padding-large diff --git a/docs/src/assets/bulma/utilities/_all.sass b/docs/src/assets/bulma/utilities/_all.sass deleted file mode 100644 index bf4ecfe35..000000000 --- a/docs/src/assets/bulma/utilities/_all.sass +++ /dev/null @@ -1,8 +0,0 @@ -@charset "utf-8" - -@import "initial-variables.sass" -@import "functions.sass" -@import "derived-variables.sass" -@import "animations.sass" -@import "mixins.sass" -@import "controls.sass" diff --git a/docs/src/assets/bulma/utilities/animations.sass b/docs/src/assets/bulma/utilities/animations.sass deleted file mode 100644 index a14525d75..000000000 --- a/docs/src/assets/bulma/utilities/animations.sass +++ /dev/null @@ -1,5 +0,0 @@ -@keyframes spinAround - from - transform: rotate(0deg) - to - transform: rotate(359deg) diff --git a/docs/src/assets/bulma/utilities/controls.sass b/docs/src/assets/bulma/utilities/controls.sass deleted file mode 100644 index cc7672a19..000000000 --- a/docs/src/assets/bulma/utilities/controls.sass +++ /dev/null @@ -1,50 +0,0 @@ -$control-radius: $radius !default -$control-radius-small: $radius-small !default - -$control-border-width: 1px !default - -$control-height: 2.5em !default -$control-line-height: 1.5 !default - -$control-padding-vertical: calc(0.5em - #{$control-border-width}) !default -$control-padding-horizontal: calc(0.75em - #{$control-border-width}) !default - -=control - -moz-appearance: none - -webkit-appearance: none - align-items: center - border: $control-border-width solid transparent - border-radius: $control-radius - box-shadow: none - display: inline-flex - font-size: $size-normal - height: $control-height - justify-content: flex-start - line-height: $control-line-height - padding-bottom: $control-padding-vertical - padding-left: $control-padding-horizontal - padding-right: $control-padding-horizontal - padding-top: $control-padding-vertical - position: relative - vertical-align: top - // States - &:focus, - &.is-focused, - &:active, - &.is-active - outline: none - &[disabled], - fieldset[disabled] & - cursor: not-allowed - -%control - +control - -// The controls sizes use mixins so they can be used at different breakpoints -=control-small - border-radius: $control-radius-small - font-size: $size-small -=control-medium - font-size: $size-medium -=control-large - font-size: $size-large diff --git a/docs/src/assets/bulma/utilities/derived-variables.sass b/docs/src/assets/bulma/utilities/derived-variables.sass deleted file mode 100644 index 18a7f4612..000000000 --- a/docs/src/assets/bulma/utilities/derived-variables.sass +++ /dev/null @@ -1,106 +0,0 @@ -$primary: $turquoise !default - -$info: $cyan !default -$success: $green !default -$warning: $yellow !default -$danger: $red !default - -$light: $white-ter !default -$dark: $grey-darker !default - -// Invert colors - -$orange-invert: findColorInvert($orange) !default -$yellow-invert: findColorInvert($yellow) !default -$green-invert: findColorInvert($green) !default -$turquoise-invert: findColorInvert($turquoise) !default -$cyan-invert: findColorInvert($cyan) !default -$blue-invert: findColorInvert($blue) !default -$purple-invert: findColorInvert($purple) !default -$red-invert: findColorInvert($red) !default - -$primary-invert: findColorInvert($primary) !default -$primary-light: findLightColor($primary) !default -$primary-dark: findDarkColor($primary) !default -$info-invert: findColorInvert($info) !default -$info-light: findLightColor($info) !default -$info-dark: findDarkColor($info) !default -$success-invert: findColorInvert($success) !default -$success-light: findLightColor($success) !default -$success-dark: findDarkColor($success) !default -$warning-invert: findColorInvert($warning) !default -$warning-light: findLightColor($warning) !default -$warning-dark: findDarkColor($warning) !default -$danger-invert: findColorInvert($danger) !default -$danger-light: findLightColor($danger) !default -$danger-dark: findDarkColor($danger) !default -$light-invert: findColorInvert($light) !default -$dark-invert: findColorInvert($dark) !default - -// General colors - -$scheme-main: $white !default -$scheme-main-bis: $white-bis !default -$scheme-main-ter: $white-ter !default -$scheme-invert: $black !default -$scheme-invert-bis: $black-bis !default -$scheme-invert-ter: $black-ter !default - -$background: $white-ter !default - -$border: $grey-lighter !default -$border-hover: $grey-light !default -$border-light: $grey-lightest !default -$border-light-hover: $grey-light !default - -// Text colors - -$text: $grey-dark !default -$text-invert: findColorInvert($text) !default -$text-light: $grey !default -$text-strong: $grey-darker !default - -// Code colors - -$code: $red !default -$code-background: $background !default - -$pre: $text !default -$pre-background: $background !default - -// Link colors - -$link: $blue !default -$link-invert: findColorInvert($link) !default -$link-light: findLightColor($link) !default -$link-dark: findDarkColor($link) !default -$link-visited: $purple !default - -$link-hover: $grey-darker !default -$link-hover-border: $grey-light !default - -$link-focus: $grey-darker !default -$link-focus-border: $blue !default - -$link-active: $grey-darker !default -$link-active-border: $grey-dark !default - -// Typography - -$family-primary: $family-sans-serif !default -$family-secondary: $family-sans-serif !default -$family-code: $family-monospace !default - -$size-small: $size-7 !default -$size-normal: $size-6 !default -$size-medium: $size-5 !default -$size-large: $size-4 !default - -// Lists and maps -$custom-colors: null !default -$custom-shades: null !default - -$colors: mergeColorMaps(("white": ($white, $black), "black": ($black, $white), "light": ($light, $light-invert), "dark": ($dark, $dark-invert), "primary": ($primary, $primary-invert, $primary-light, $primary-dark), "link": ($link, $link-invert, $link-light, $link-dark), "info": ($info, $info-invert, $info-light, $info-dark), "success": ($success, $success-invert, $success-light, $success-dark), "warning": ($warning, $warning-invert, $warning-light, $warning-dark), "danger": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors) !default -$shades: mergeColorMaps(("black-bis": $black-bis, "black-ter": $black-ter, "grey-darker": $grey-darker, "grey-dark": $grey-dark, "grey": $grey, "grey-light": $grey-light, "grey-lighter": $grey-lighter, "white-ter": $white-ter, "white-bis": $white-bis), $custom-shades) !default - -$sizes: $size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7 !default diff --git a/docs/src/assets/bulma/utilities/functions.sass b/docs/src/assets/bulma/utilities/functions.sass deleted file mode 100644 index 54225e21b..000000000 --- a/docs/src/assets/bulma/utilities/functions.sass +++ /dev/null @@ -1,103 +0,0 @@ -@function mergeColorMaps($bulma-colors, $custom-colors) - // We return at least Bulma's hard-coded colors - $merged-colors: $bulma-colors - - // We want a map as input - @if type-of($custom-colors) == 'map' - @each $name, $components in $custom-colors - // The color name should be a string - // and the components either a single color - // or a colors list with at least one element - @if type-of($name) == 'string' and (type-of($components) == 'list' or type-of($components) == 'color') and length($components) >= 1 - $color-base: null - $color-invert: null - $color-light: null - $color-dark: null - $value: null - - // The param can either be a single color - // or a list of 2 colors - @if type-of($components) == 'color' - $color-base: $components - $color-invert: findColorInvert($color-base) - $color-light: findLightColor($color-base) - $color-dark: findDarkColor($color-base) - @else if type-of($components) == 'list' - $color-base: nth($components, 1) - // If Invert, Light and Dark are provided - @if length($components) > 3 - $color-invert: nth($components, 2) - $color-light: nth($components, 3) - $color-dark: nth($components, 4) - // If only Invert and Light are provided - @else if length($components) > 2 - $color-invert: nth($components, 2) - $color-light: nth($components, 3) - $color-dark: findDarkColor($color-base) - // If only Invert is provided - @else - $color-invert: nth($components, 2) - $color-light: findLightColor($color-base) - $color-dark: findDarkColor($color-base) - - $value: ($color-base, $color-invert, $color-light, $color-dark) - - // We only want to merge the map if the color base is an actual color - @if type-of($color-base) == 'color' - // We merge this colors elements as map with Bulma's colors map - // (we can override them this way, no multiple definition for the same name) - // $merged-colors: map_merge($merged-colors, ($name: ($color-base, $color-invert, $color-light, $color-dark))) - $merged-colors: map_merge($merged-colors, ($name: $value)) - - @return $merged-colors - -@function powerNumber($number, $exp) - $value: 1 - @if $exp > 0 - @for $i from 1 through $exp - $value: $value * $number - @else if $exp < 0 - @for $i from 1 through -$exp - $value: $value / $number - @return $value - -@function colorLuminance($color) - $color-rgb: ('red': red($color),'green': green($color),'blue': blue($color)) - @each $name, $value in $color-rgb - $adjusted: 0 - $value: $value / 255 - @if $value < 0.03928 - $value: $value / 12.92 - @else - $value: ($value + .055) / 1.055 - $value: powerNumber($value, 2) - $color-rgb: map-merge($color-rgb, ($name: $value)) - @return (map-get($color-rgb, 'red') * .2126) + (map-get($color-rgb, 'green') * .7152) + (map-get($color-rgb, 'blue') * .0722) - -@function findColorInvert($color) - @if (colorLuminance($color) > 0.55) - @return rgba(#000, 0.7) - @else - @return #fff - -@function findLightColor($color) - @if type-of($color) == 'color' - $l: 96% - @if lightness($color) > 96% - $l: lightness($color) - @return change-color($color, $lightness: $l) - @return $background - -@function findDarkColor($color) - @if type-of($color) == 'color' - $base-l: 29% - $luminance: colorLuminance($color) - $luminance-delta: (0.53 - $luminance) - $target-l: round($base-l + ($luminance-delta * 53)) - @return change-color($color, $lightness: max($base-l, $target-l)) - @return $text-strong - -@function bulmaRgba($color, $alpha) - @if type-of($color) == 'color' - @return rgba($color, $alpha) - @return $color diff --git a/docs/src/assets/bulma/utilities/initial-variables.sass b/docs/src/assets/bulma/utilities/initial-variables.sass deleted file mode 100644 index 03bbc128c..000000000 --- a/docs/src/assets/bulma/utilities/initial-variables.sass +++ /dev/null @@ -1,77 +0,0 @@ -// Colors - -$black: hsl(0, 0%, 4%) !default -$black-bis: hsl(0, 0%, 7%) !default -$black-ter: hsl(0, 0%, 14%) !default - -$grey-darker: hsl(0, 0%, 21%) !default -$grey-dark: hsl(0, 0%, 29%) !default -$grey: hsl(0, 0%, 48%) !default -$grey-light: hsl(0, 0%, 71%) !default -$grey-lighter: hsl(0, 0%, 86%) !default -$grey-lightest: hsl(0, 0%, 93%) !default - -$white-ter: hsl(0, 0%, 96%) !default -$white-bis: hsl(0, 0%, 98%) !default -$white: hsl(0, 0%, 100%) !default - -$orange: hsl(14, 100%, 53%) !default -$yellow: hsl(48, 100%, 67%) !default -$green: hsl(141, 53%, 53%) !default -$turquoise: hsl(171, 100%, 41%) !default -$cyan: hsl(204, 71%, 53%) !default -$blue: hsl(217, 71%, 53%) !default -$purple: hsl(271, 100%, 71%) !default -$red: hsl(348, 86%, 61%) !default - -// Typography - -$family-sans-serif: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif !default -$family-monospace: monospace !default -$render-mode: optimizeLegibility !default - -$size-1: 3rem !default -$size-2: 2.5rem !default -$size-3: 2rem !default -$size-4: 1.5rem !default -$size-5: 1.25rem !default -$size-6: 1rem !default -$size-7: 0.75rem !default - -$weight-light: 300 !default -$weight-normal: 400 !default -$weight-medium: 500 !default -$weight-semibold: 600 !default -$weight-bold: 700 !default - -// Spacing - -$block-spacing: 1.5rem !default - -// Responsiveness - -// The container horizontal gap, which acts as the offset for breakpoints -$gap: 32px !default -// 960, 1152, and 1344 have been chosen because they are divisible by both 12 and 16 -$tablet: 769px !default -// 960px container + 4rem -$desktop: 960px + (2 * $gap) !default -// 1152px container + 4rem -$widescreen: 1152px + (2 * $gap) !default -$widescreen-enabled: true !default -// 1344px container + 4rem -$fullhd: 1344px + (2 * $gap) !default -$fullhd-enabled: true !default - -// Miscellaneous - -$easing: ease-out !default -$radius-small: 2px !default -$radius: 4px !default -$radius-large: 6px !default -$radius-rounded: 290486px !default -$speed: 86ms !default - -// Flags - -$variable-columns: true !default diff --git a/docs/src/assets/bulma/utilities/mixins.sass b/docs/src/assets/bulma/utilities/mixins.sass deleted file mode 100644 index 27d746733..000000000 --- a/docs/src/assets/bulma/utilities/mixins.sass +++ /dev/null @@ -1,261 +0,0 @@ -@import "initial-variables" - -=clearfix - &::after - clear: both - content: " " - display: table - -=center($width, $height: 0) - position: absolute - @if $height != 0 - left: calc(50% - (#{$width} / 2)) - top: calc(50% - (#{$height} / 2)) - @else - left: calc(50% - (#{$width} / 2)) - top: calc(50% - (#{$width} / 2)) - -=fa($size, $dimensions) - display: inline-block - font-size: $size - height: $dimensions - line-height: $dimensions - text-align: center - vertical-align: top - width: $dimensions - -=hamburger($dimensions) - cursor: pointer - display: block - height: $dimensions - position: relative - width: $dimensions - span - background-color: currentColor - display: block - height: 1px - left: calc(50% - 8px) - position: absolute - transform-origin: center - transition-duration: $speed - transition-property: background-color, opacity, transform - transition-timing-function: $easing - width: 16px - &:nth-child(1) - top: calc(50% - 6px) - &:nth-child(2) - top: calc(50% - 1px) - &:nth-child(3) - top: calc(50% + 4px) - &:hover - background-color: bulmaRgba(black, 0.05) - // Modifers - &.is-active - span - &:nth-child(1) - transform: translateY(5px) rotate(45deg) - &:nth-child(2) - opacity: 0 - &:nth-child(3) - transform: translateY(-5px) rotate(-45deg) - -=overflow-touch - -webkit-overflow-scrolling: touch - -=placeholder - $placeholders: ':-moz' ':-webkit-input' '-moz' '-ms-input' - @each $placeholder in $placeholders - &:#{$placeholder}-placeholder - @content - -// Responsiveness - -=from($device) - @media screen and (min-width: $device) - @content - -=until($device) - @media screen and (max-width: $device - 1px) - @content - -=mobile - @media screen and (max-width: $tablet - 1px) - @content - -=tablet - @media screen and (min-width: $tablet), print - @content - -=tablet-only - @media screen and (min-width: $tablet) and (max-width: $desktop - 1px) - @content - -=touch - @media screen and (max-width: $desktop - 1px) - @content - -=desktop - @media screen and (min-width: $desktop) - @content - -=desktop-only - @if $widescreen-enabled - @media screen and (min-width: $desktop) and (max-width: $widescreen - 1px) - @content - -=until-widescreen - @if $widescreen-enabled - @media screen and (max-width: $widescreen - 1px) - @content - -=widescreen - @if $widescreen-enabled - @media screen and (min-width: $widescreen) - @content - -=widescreen-only - @if $widescreen-enabled and $fullhd-enabled - @media screen and (min-width: $widescreen) and (max-width: $fullhd - 1px) - @content - -=until-fullhd - @if $fullhd-enabled - @media screen and (max-width: $fullhd - 1px) - @content - -=fullhd - @if $fullhd-enabled - @media screen and (min-width: $fullhd) - @content - -// Placeholders - -=unselectable - -webkit-touch-callout: none - -webkit-user-select: none - -moz-user-select: none - -ms-user-select: none - user-select: none - -%unselectable - +unselectable - -=arrow($color: transparent) - border: 3px solid $color - border-radius: 2px - border-right: 0 - border-top: 0 - content: " " - display: block - height: 0.625em - margin-top: -0.4375em - pointer-events: none - position: absolute - top: 50% - transform: rotate(-45deg) - transform-origin: center - width: 0.625em - -%arrow - +arrow - -=block($spacing: $block-spacing) - &:not(:last-child) - margin-bottom: $spacing - -%block - +block - -=delete - @extend %unselectable - -moz-appearance: none - -webkit-appearance: none - background-color: bulmaRgba($scheme-invert, 0.2) - border: none - border-radius: $radius-rounded - cursor: pointer - pointer-events: auto - display: inline-block - flex-grow: 0 - flex-shrink: 0 - font-size: 0 - height: 20px - max-height: 20px - max-width: 20px - min-height: 20px - min-width: 20px - outline: none - position: relative - vertical-align: top - width: 20px - &::before, - &::after - background-color: $scheme-main - content: "" - display: block - left: 50% - position: absolute - top: 50% - transform: translateX(-50%) translateY(-50%) rotate(45deg) - transform-origin: center center - &::before - height: 2px - width: 50% - &::after - height: 50% - width: 2px - &:hover, - &:focus - background-color: bulmaRgba($scheme-invert, 0.3) - &:active - background-color: bulmaRgba($scheme-invert, 0.4) - // Sizes - &.is-small - height: 16px - max-height: 16px - max-width: 16px - min-height: 16px - min-width: 16px - width: 16px - &.is-medium - height: 24px - max-height: 24px - max-width: 24px - min-height: 24px - min-width: 24px - width: 24px - &.is-large - height: 32px - max-height: 32px - max-width: 32px - min-height: 32px - min-width: 32px - width: 32px - -%delete - +delete - -=loader - animation: spinAround 500ms infinite linear - border: 2px solid $grey-lighter - border-radius: $radius-rounded - border-right-color: transparent - border-top-color: transparent - content: "" - display: block - height: 1em - position: relative - width: 1em - -%loader - +loader - -=overlay($offset: 0) - bottom: $offset - left: $offset - position: absolute - right: $offset - top: $offset - -%overlay - +overlay diff --git a/docs/src/assets/css/components/anchors.scss b/docs/src/assets/css/components/anchors.scss new file mode 100644 index 000000000..2c3b68aa8 --- /dev/null +++ b/docs/src/assets/css/components/anchors.scss @@ -0,0 +1,20 @@ +h1, h2, h3, h4, h5, h6, th { + .anchor { + width: .8em; + height: 1.5em; + background-image: url('data:image/svg+xml,'); + background-size: contain; + background-position: center; + background-repeat: no-repeat; + position: absolute; + transition: all 100ms ease-in-out; + opacity: 0; + } + &:hover .anchor { + opacity: 1; + } + &:target .anchor { + opacity: 1; + filter: grayscale(1); + } +} \ No newline at end of file diff --git a/docs/src/assets/css/components/asciinema-player.scss b/docs/src/assets/css/components/asciinema-player.scss new file mode 100644 index 000000000..66d23e80c --- /dev/null +++ b/docs/src/assets/css/components/asciinema-player.scss @@ -0,0 +1,71 @@ +.asciicast-wrapper { + margin: 2rem 0; + + asciinema-player { + display: block; + margin-bottom: 1rem; + } + + .panel { + border-radius: 6px; + box-shadow: 0 .5em 1em -.125em rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, 2%); + font-size: 1rem; + } + + .panel-heading { + background-color: #ededed; + border-radius: 6px 6px 0 0; + color: #363636; + font-size: 1em; + font-weight: 600; + line-height: 1.25; + padding: .75em 1em; + margin: 0; + } + + .panel-block { + justify-content: space-between; + align-items: center; + color: #363636; + display: flex; + padding: .5em .75em; + } + + a.panel-block:hover { + background-color: #f5f5f5; + } + + .panel-block:not(:last-child) { + border-bottom: 1px solid #ededed; + } + + a.panel-block { + cursor: pointer; + } + + .tag:not(body).is-light { + background-color: #f5f5f5; + color: rgba(0, 0, 0, .7); + } + + .tag:not(body) { + align-items: center; + background-color: #f5f5f5; + border-radius: 4px; + color: #4a4a4a; + display: inline-flex; + font-size: .75rem; + height: 2em; + justify-content: center; + line-height: 1.5; + padding-left: .75em; + padding-right: .75em; + white-space: nowrap; + } + + ol { + margin-block-start: 0; + margin-block-end: 0; + } + +} diff --git a/docs/src/assets/badge.scss b/docs/src/assets/css/components/badges.scss similarity index 94% rename from docs/src/assets/badge.scss rename to docs/src/assets/css/components/badges.scss index 8082f6c7b..16ea9262e 100644 --- a/docs/src/assets/badge.scss +++ b/docs/src/assets/css/components/badges.scss @@ -4,7 +4,7 @@ display: inline-block; padding: .25em .4em; font-size: 75%; - font-weight: 1; + font-weight: 400; line-height: 1; text-align: center; white-space: nowrap; diff --git a/docs/src/assets/css/components/example.scss b/docs/src/assets/css/components/example.scss new file mode 100644 index 000000000..d64d5d9a5 --- /dev/null +++ b/docs/src/assets/css/components/example.scss @@ -0,0 +1,16 @@ +.example { + + max-width: 100%; + margin-bottom: 1em; + + .highlight pre { + margin: 0; + } + + .path { + font-style: italic; + text-align: right; + } + + +} \ No newline at end of file diff --git a/docs/src/assets/css/components/github-button.scss b/docs/src/assets/css/components/github-button.scss new file mode 100644 index 000000000..01d578306 --- /dev/null +++ b/docs/src/assets/css/components/github-button.scss @@ -0,0 +1,12 @@ +.github-button { + margin-top: 1.5rem; + font-size: .75em; + padding: .5em 1em; + border-radius: 4px; + float: right; + color: #6C757DFF; + border: solid #6C757DFF 1px; + &:hover { + background-color: #E2E3E5FF; + } +} \ No newline at end of file diff --git a/docs/src/assets/css/components/syntax-highlighting.scss b/docs/src/assets/css/components/syntax-highlighting.scss new file mode 100644 index 000000000..c5b87a6bd --- /dev/null +++ b/docs/src/assets/css/components/syntax-highlighting.scss @@ -0,0 +1,8 @@ +@import "syntax"; +/* background for both hugo *and* pdoc. */ +.chroma pre, pre.chroma { + background-color: #f5f5f5; + border-top: 1px solid #ccc; + border-bottom: 1px solid #ccc; + padding: 1.25em 1.5em; +} \ No newline at end of file diff --git a/docs/src/assets/syntax.css b/docs/src/assets/css/components/syntax.css similarity index 100% rename from docs/src/assets/syntax.css rename to docs/src/assets/css/components/syntax.css diff --git a/docs/src/assets/css/content.scss b/docs/src/assets/css/content.scss new file mode 100644 index 000000000..f1e62a438 --- /dev/null +++ b/docs/src/assets/css/content.scss @@ -0,0 +1,99 @@ + +main { + + line-height: 1.5; + + a { + color: #3273dc; + text-decoration: none; + } + + h1, h2, h3, h4, h5, h6 { + font-weight: 500; + } + + h2:not(table + h2) { + padding-top: 1em; + border-top: 1px solid #c0c0c0; + } + + img { + max-width: 100%; + } + + figure { + text-align: center; + margin: 2em; + + &.has-border img { + box-shadow: 0 0 20px rgba(0, 0, 0, .25); + } + } + + pre { + overflow-x: auto; + padding: 1.25em 1.5em; + white-space: pre; + word-wrap: normal; + background-color: #f5f5f5; + color: #4a4a4a; + font-size: .875em; + } + + li+li { + margin-top: .25em; + } + + code:not(pre > code) { + background-color: #f5f5f5; + color: #1a9f1a; + font-size: 0.875em; + padding: .25em .5em; + } + + table { + border-collapse: collapse; + border-spacing: 0; + width: 100%; + + th, td { + vertical-align: top; + padding: .5em .75em; + } + td, th { + border-bottom: solid #ddd 1px; + } + th, tr:last-child td { + border-bottom-width: 2px; + } + th { + text-align: left; + } + code { + white-space: pre; + } + } + + .note { + --note-color: 215; + + &.outdated { + --note-color: 55; + } + + color: hsl(var(--note-color), 90%, 21%); + background-color: hsl(var(--note-color), 100%, 91%); + border: 1px solid hsl(var(--note-color), 98%, 81%);; + + padding: 1rem; + border-radius: .375rem; + margin-bottom: 1rem; + + > *:first-child { + margin-top: 0; + } + > *:last-child { + margin-bottom: 0; + } + } +} diff --git a/docs/src/assets/css/header.scss b/docs/src/assets/css/header.scss new file mode 100644 index 000000000..54b3bc9f6 --- /dev/null +++ b/docs/src/assets/css/header.scss @@ -0,0 +1,31 @@ +body > header { + background-color: #363636; + + // Match what the main website does. + -webkit-font-smoothing: antialiased; + text-rendering: optimizeLegibility; + + > nav { + display: flex; + align-items: stretch; + + a { + text-decoration: none; + color: white; + display: flex; + align-items: center; + $pad: .75rem; + padding: 0 $pad; + &:first-child { + margin-left: -$pad; + } + &:hover { + background: #292929; + } + } + + version-selector { + align-self: center; + } + } +} \ No newline at end of file diff --git a/docs/src/assets/css/layout.scss b/docs/src/assets/css/layout.scss new file mode 100644 index 000000000..726b25e49 --- /dev/null +++ b/docs/src/assets/css/layout.scss @@ -0,0 +1,48 @@ +body { + display: grid; + + $main-page-header-width: 1360px; + $sidebar-width: 250px; + $content-width: 900px; + $pad: 0.5rem; + + grid-template: + ". header header ." + ". nav main ." + / 1fr $sidebar-width minmax(500px, $main-page-header-width - $sidebar-width) 1fr; + + @media (max-width: $max-mobile-width) { + grid-template: + "header" + "nav" + "main" + / 100%; + } + + > header { + grid-area: 1 / 1 / 1 / end; + height: 3.25rem; + display: grid; + grid-template-columns: subgrid; + + > nav { + grid-area: header; + padding: 0 $pad; + max-width: $content-width + $sidebar-width; + } + } + + > nav { + grid-area: nav; + } + + > main { + grid-area: main; + max-width: $content-width; + padding: 0.75rem 0 2rem 1.5rem; + @media (max-width: $max-mobile-width) { + padding: 0 $pad 2rem; + } + } +} + diff --git a/docs/src/assets/css/modern-normalize.css b/docs/src/assets/css/modern-normalize.css new file mode 100644 index 000000000..9971190ec --- /dev/null +++ b/docs/src/assets/css/modern-normalize.css @@ -0,0 +1,213 @@ +/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */ + +/* +Document +======== +*/ + +/** +Use a better box model (opinionated). +*/ + +*, +::before, +::after { + box-sizing: border-box; +} + +html { + /* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */ + font-family: + system-ui, + 'Segoe UI', + Roboto, + Helvetica, + Arial, + sans-serif, + 'Apple Color Emoji', + 'Segoe UI Emoji'; + line-height: 1.15; /* 1. Correct the line height in all browsers. */ + -webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */ + tab-size: 4; /* 3. Use a more readable tab size (opinionated). */ +} + +/* +Sections +======== +*/ + +body { + margin: 0; /* Remove the margin in all browsers. */ +} + +/* +Text-level semantics +==================== +*/ + +/** +Add the correct font weight in Chrome and Safari. +*/ + +b, +strong { + font-weight: bolder; +} + +/** +1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) +2. Correct the odd 'em' font sizing in all browsers. +*/ + +code, +kbd, +samp, +pre { + font-family: + ui-monospace, + SFMono-Regular, + Consolas, + 'Liberation Mono', + Menlo, + monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** +Add the correct font size in all browsers. +*/ + +small { + font-size: 80%; +} + +/** +Prevent 'sub' and 'sup' elements from affecting the line height in all browsers. +*/ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* +Tabular data +============ +*/ + +/** +Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016) +*/ + +table { + border-color: currentcolor; +} + +/* +Forms +===== +*/ + +/** +1. Change the font styles in all browsers. +2. Remove the margin in Firefox and Safari. +*/ + +button, +input, +optgroup, +select, +textarea { + font-family: inherit; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** +Correct the inability to style clickable types in iOS and Safari. +*/ + +button, +[type='button'], +[type='reset'], +[type='submit'] { + -webkit-appearance: button; +} + +/** +Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers. +*/ + +legend { + padding: 0; +} + +/** +Add the correct vertical alignment in Chrome and Firefox. +*/ + +progress { + vertical-align: baseline; +} + +/** +Correct the cursor style of increment and decrement buttons in Safari. +*/ + +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} + +/** +1. Correct the odd appearance in Chrome and Safari. +2. Correct the outline style in Safari. +*/ + +[type='search'] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** +Remove the inner padding in Chrome and Safari on macOS. +*/ + +::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** +1. Correct the inability to style clickable types in iOS and Safari. +2. Change font properties to 'inherit' in Safari. +*/ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* +Interactive +=========== +*/ + +/* +Add the correct display in Chrome and Safari. +*/ + +summary { + display: list-item; +} \ No newline at end of file diff --git a/docs/src/assets/css/sidebar.scss b/docs/src/assets/css/sidebar.scss new file mode 100644 index 000000000..49ebb08dc --- /dev/null +++ b/docs/src/assets/css/sidebar.scss @@ -0,0 +1,96 @@ +body > nav { + + > label { + display: none; + font-size: 1.5em; + padding: .5rem; + align-items: center; + color: #4a4a4a; + > svg { + height: 2ex; + margin-right: .5ex; + } + cursor: pointer; + } + + > #navtoggle { + position: absolute; + height: 0; + opacity: 0; + } + + padding-top: 1rem; + border-right: solid #c0c0c0 1px; + + @media (max-width: $max-mobile-width) { + + padding-top: 0; + border-right: none; + + > label { + display: flex; + } + + background: #eee; + border-bottom: solid #ccc 1px; + + > #navtoggle + div { + display: none; + } + > #navtoggle:checked + div { + display: inherit; + } + } + + details { + margin-bottom: .35rem; + } + + summary, a { + border-top-left-radius: 5px; + border-bottom-left-radius: 5px; + padding: .35rem 0.5rem; + &:hover { + background: #eee; + } + } + + summary { + font-size: 1em; + font-weight: bold; + cursor: pointer; + display: flex; + justify-content: space-between; + + &::marker { + display: none; + } + &::after { + content: ""; + flex-shrink: 0; + width: 1.25rem; + height: 1.25rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-size: 1.25rem; + transition: transform .1s ease-in-out; + transform: rotate(-90deg); + + } + } + details[open] > summary::after { + transform: none; + } + + a { + display: block; + color: #4a4a4a; + text-decoration: none; + } + + ul { + margin: 0; + padding: 0; + list-style: none; + } +} diff --git a/docs/src/assets/css/style.scss b/docs/src/assets/css/style.scss new file mode 100644 index 000000000..39b5e7b2f --- /dev/null +++ b/docs/src/assets/css/style.scss @@ -0,0 +1,27 @@ +@import "modern-normalize"; + +$max-mobile-width: 768px; + +@import "layout"; +@import "header"; +@import "sidebar"; +@import "content"; + +@import "components/anchors"; +@import "components/asciinema-player"; +@import "components/badges"; +@import "components/example"; +@import "components/github-button"; +@import "components/syntax-highlighting"; + +@media (prefers-reduced-motion: no-preference) { + html:focus-within { + scroll-behavior: smooth; + } +} + +@media (max-width: $max-mobile-width) { + .hide-mobile { + display: none; + } +} \ No newline at end of file diff --git a/docs/src/assets/fa/_animated.scss b/docs/src/assets/fa/_animated.scss deleted file mode 100644 index 7c7c0e173..000000000 --- a/docs/src/assets/fa/_animated.scss +++ /dev/null @@ -1,20 +0,0 @@ -// Animated Icons -// -------------------------- - -.#{$fa-css-prefix}-spin { - animation: fa-spin 2s infinite linear; -} - -.#{$fa-css-prefix}-pulse { - animation: fa-spin 1s infinite steps(8); -} - -@keyframes fa-spin { - 0% { - transform: rotate(0deg); - } - - 100% { - transform: rotate(360deg); - } -} diff --git a/docs/src/assets/fa/_bordered-pulled.scss b/docs/src/assets/fa/_bordered-pulled.scss deleted file mode 100644 index c8c4274c4..000000000 --- a/docs/src/assets/fa/_bordered-pulled.scss +++ /dev/null @@ -1,20 +0,0 @@ -// Bordered & Pulled -// ------------------------- - -.#{$fa-css-prefix}-border { - border: solid .08em $fa-border-color; - border-radius: .1em; - padding: .2em .25em .15em; -} - -.#{$fa-css-prefix}-pull-left { float: left; } -.#{$fa-css-prefix}-pull-right { float: right; } - -.#{$fa-css-prefix}, -.fas, -.far, -.fal, -.fab { - &.#{$fa-css-prefix}-pull-left { margin-right: .3em; } - &.#{$fa-css-prefix}-pull-right { margin-left: .3em; } -} diff --git a/docs/src/assets/fa/_core.scss b/docs/src/assets/fa/_core.scss deleted file mode 100644 index 7fd37f855..000000000 --- a/docs/src/assets/fa/_core.scss +++ /dev/null @@ -1,16 +0,0 @@ -// Base Class Definition -// ------------------------- - -.#{$fa-css-prefix}, -.fas, -.far, -.fal, -.fab { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - display: inline-block; - font-style: normal; - font-variant: normal; - text-rendering: auto; - line-height: 1; -} diff --git a/docs/src/assets/fa/_fixed-width.scss b/docs/src/assets/fa/_fixed-width.scss deleted file mode 100644 index 5b33eb49a..000000000 --- a/docs/src/assets/fa/_fixed-width.scss +++ /dev/null @@ -1,6 +0,0 @@ -// Fixed Width Icons -// ------------------------- -.#{$fa-css-prefix}-fw { - text-align: center; - width: (20em / 16); -} diff --git a/docs/src/assets/fa/_icons.scss b/docs/src/assets/fa/_icons.scss deleted file mode 100644 index bfd2b4694..000000000 --- a/docs/src/assets/fa/_icons.scss +++ /dev/null @@ -1,792 +0,0 @@ -/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen -readers do not read off random characters that represent icons */ - -.#{$fa-css-prefix}-500px:before { content: fa-content($fa-var-500px); } -.#{$fa-css-prefix}-accessible-icon:before { content: fa-content($fa-var-accessible-icon); } -.#{$fa-css-prefix}-accusoft:before { content: fa-content($fa-var-accusoft); } -.#{$fa-css-prefix}-address-book:before { content: fa-content($fa-var-address-book); } -.#{$fa-css-prefix}-address-card:before { content: fa-content($fa-var-address-card); } -.#{$fa-css-prefix}-adjust:before { content: fa-content($fa-var-adjust); } -.#{$fa-css-prefix}-adn:before { content: fa-content($fa-var-adn); } -.#{$fa-css-prefix}-adversal:before { content: fa-content($fa-var-adversal); } -.#{$fa-css-prefix}-affiliatetheme:before { content: fa-content($fa-var-affiliatetheme); } -.#{$fa-css-prefix}-algolia:before { content: fa-content($fa-var-algolia); } -.#{$fa-css-prefix}-align-center:before { content: fa-content($fa-var-align-center); } -.#{$fa-css-prefix}-align-justify:before { content: fa-content($fa-var-align-justify); } -.#{$fa-css-prefix}-align-left:before { content: fa-content($fa-var-align-left); } -.#{$fa-css-prefix}-align-right:before { content: fa-content($fa-var-align-right); } -.#{$fa-css-prefix}-amazon:before { content: fa-content($fa-var-amazon); } -.#{$fa-css-prefix}-amazon-pay:before { content: fa-content($fa-var-amazon-pay); } -.#{$fa-css-prefix}-ambulance:before { content: fa-content($fa-var-ambulance); } -.#{$fa-css-prefix}-american-sign-language-interpreting:before { content: fa-content($fa-var-american-sign-language-interpreting); } -.#{$fa-css-prefix}-amilia:before { content: fa-content($fa-var-amilia); } -.#{$fa-css-prefix}-anchor:before { content: fa-content($fa-var-anchor); } -.#{$fa-css-prefix}-android:before { content: fa-content($fa-var-android); } -.#{$fa-css-prefix}-angellist:before { content: fa-content($fa-var-angellist); } -.#{$fa-css-prefix}-angle-double-down:before { content: fa-content($fa-var-angle-double-down); } -.#{$fa-css-prefix}-angle-double-left:before { content: fa-content($fa-var-angle-double-left); } -.#{$fa-css-prefix}-angle-double-right:before { content: fa-content($fa-var-angle-double-right); } -.#{$fa-css-prefix}-angle-double-up:before { content: fa-content($fa-var-angle-double-up); } -.#{$fa-css-prefix}-angle-down:before { content: fa-content($fa-var-angle-down); } -.#{$fa-css-prefix}-angle-left:before { content: fa-content($fa-var-angle-left); } -.#{$fa-css-prefix}-angle-right:before { content: fa-content($fa-var-angle-right); } -.#{$fa-css-prefix}-angle-up:before { content: fa-content($fa-var-angle-up); } -.#{$fa-css-prefix}-angrycreative:before { content: fa-content($fa-var-angrycreative); } -.#{$fa-css-prefix}-angular:before { content: fa-content($fa-var-angular); } -.#{$fa-css-prefix}-app-store:before { content: fa-content($fa-var-app-store); } -.#{$fa-css-prefix}-app-store-ios:before { content: fa-content($fa-var-app-store-ios); } -.#{$fa-css-prefix}-apper:before { content: fa-content($fa-var-apper); } -.#{$fa-css-prefix}-apple:before { content: fa-content($fa-var-apple); } -.#{$fa-css-prefix}-apple-pay:before { content: fa-content($fa-var-apple-pay); } -.#{$fa-css-prefix}-archive:before { content: fa-content($fa-var-archive); } -.#{$fa-css-prefix}-arrow-alt-circle-down:before { content: fa-content($fa-var-arrow-alt-circle-down); } -.#{$fa-css-prefix}-arrow-alt-circle-left:before { content: fa-content($fa-var-arrow-alt-circle-left); } -.#{$fa-css-prefix}-arrow-alt-circle-right:before { content: fa-content($fa-var-arrow-alt-circle-right); } -.#{$fa-css-prefix}-arrow-alt-circle-up:before { content: fa-content($fa-var-arrow-alt-circle-up); } -.#{$fa-css-prefix}-arrow-circle-down:before { content: fa-content($fa-var-arrow-circle-down); } -.#{$fa-css-prefix}-arrow-circle-left:before { content: fa-content($fa-var-arrow-circle-left); } -.#{$fa-css-prefix}-arrow-circle-right:before { content: fa-content($fa-var-arrow-circle-right); } -.#{$fa-css-prefix}-arrow-circle-up:before { content: fa-content($fa-var-arrow-circle-up); } -.#{$fa-css-prefix}-arrow-down:before { content: fa-content($fa-var-arrow-down); } -.#{$fa-css-prefix}-arrow-left:before { content: fa-content($fa-var-arrow-left); } -.#{$fa-css-prefix}-arrow-right:before { content: fa-content($fa-var-arrow-right); } -.#{$fa-css-prefix}-arrow-up:before { content: fa-content($fa-var-arrow-up); } -.#{$fa-css-prefix}-arrows-alt:before { content: fa-content($fa-var-arrows-alt); } -.#{$fa-css-prefix}-arrows-alt-h:before { content: fa-content($fa-var-arrows-alt-h); } -.#{$fa-css-prefix}-arrows-alt-v:before { content: fa-content($fa-var-arrows-alt-v); } -.#{$fa-css-prefix}-assistive-listening-systems:before { content: fa-content($fa-var-assistive-listening-systems); } -.#{$fa-css-prefix}-asterisk:before { content: fa-content($fa-var-asterisk); } -.#{$fa-css-prefix}-asymmetrik:before { content: fa-content($fa-var-asymmetrik); } -.#{$fa-css-prefix}-at:before { content: fa-content($fa-var-at); } -.#{$fa-css-prefix}-audible:before { content: fa-content($fa-var-audible); } -.#{$fa-css-prefix}-audio-description:before { content: fa-content($fa-var-audio-description); } -.#{$fa-css-prefix}-autoprefixer:before { content: fa-content($fa-var-autoprefixer); } -.#{$fa-css-prefix}-avianex:before { content: fa-content($fa-var-avianex); } -.#{$fa-css-prefix}-aviato:before { content: fa-content($fa-var-aviato); } -.#{$fa-css-prefix}-aws:before { content: fa-content($fa-var-aws); } -.#{$fa-css-prefix}-backward:before { content: fa-content($fa-var-backward); } -.#{$fa-css-prefix}-balance-scale:before { content: fa-content($fa-var-balance-scale); } -.#{$fa-css-prefix}-ban:before { content: fa-content($fa-var-ban); } -.#{$fa-css-prefix}-bandcamp:before { content: fa-content($fa-var-bandcamp); } -.#{$fa-css-prefix}-barcode:before { content: fa-content($fa-var-barcode); } -.#{$fa-css-prefix}-bars:before { content: fa-content($fa-var-bars); } -.#{$fa-css-prefix}-bath:before { content: fa-content($fa-var-bath); } -.#{$fa-css-prefix}-battery-empty:before { content: fa-content($fa-var-battery-empty); } -.#{$fa-css-prefix}-battery-full:before { content: fa-content($fa-var-battery-full); } -.#{$fa-css-prefix}-battery-half:before { content: fa-content($fa-var-battery-half); } -.#{$fa-css-prefix}-battery-quarter:before { content: fa-content($fa-var-battery-quarter); } -.#{$fa-css-prefix}-battery-three-quarters:before { content: fa-content($fa-var-battery-three-quarters); } -.#{$fa-css-prefix}-bed:before { content: fa-content($fa-var-bed); } -.#{$fa-css-prefix}-beer:before { content: fa-content($fa-var-beer); } -.#{$fa-css-prefix}-behance:before { content: fa-content($fa-var-behance); } -.#{$fa-css-prefix}-behance-square:before { content: fa-content($fa-var-behance-square); } -.#{$fa-css-prefix}-bell:before { content: fa-content($fa-var-bell); } -.#{$fa-css-prefix}-bell-slash:before { content: fa-content($fa-var-bell-slash); } -.#{$fa-css-prefix}-bicycle:before { content: fa-content($fa-var-bicycle); } -.#{$fa-css-prefix}-bimobject:before { content: fa-content($fa-var-bimobject); } -.#{$fa-css-prefix}-binoculars:before { content: fa-content($fa-var-binoculars); } -.#{$fa-css-prefix}-birthday-cake:before { content: fa-content($fa-var-birthday-cake); } -.#{$fa-css-prefix}-bitbucket:before { content: fa-content($fa-var-bitbucket); } -.#{$fa-css-prefix}-bitcoin:before { content: fa-content($fa-var-bitcoin); } -.#{$fa-css-prefix}-bity:before { content: fa-content($fa-var-bity); } -.#{$fa-css-prefix}-black-tie:before { content: fa-content($fa-var-black-tie); } -.#{$fa-css-prefix}-blackberry:before { content: fa-content($fa-var-blackberry); } -.#{$fa-css-prefix}-blind:before { content: fa-content($fa-var-blind); } -.#{$fa-css-prefix}-blogger:before { content: fa-content($fa-var-blogger); } -.#{$fa-css-prefix}-blogger-b:before { content: fa-content($fa-var-blogger-b); } -.#{$fa-css-prefix}-bluetooth:before { content: fa-content($fa-var-bluetooth); } -.#{$fa-css-prefix}-bluetooth-b:before { content: fa-content($fa-var-bluetooth-b); } -.#{$fa-css-prefix}-bold:before { content: fa-content($fa-var-bold); } -.#{$fa-css-prefix}-bolt:before { content: fa-content($fa-var-bolt); } -.#{$fa-css-prefix}-bomb:before { content: fa-content($fa-var-bomb); } -.#{$fa-css-prefix}-book:before { content: fa-content($fa-var-book); } -.#{$fa-css-prefix}-bookmark:before { content: fa-content($fa-var-bookmark); } -.#{$fa-css-prefix}-braille:before { content: fa-content($fa-var-braille); } -.#{$fa-css-prefix}-briefcase:before { content: fa-content($fa-var-briefcase); } -.#{$fa-css-prefix}-btc:before { content: fa-content($fa-var-btc); } -.#{$fa-css-prefix}-bug:before { content: fa-content($fa-var-bug); } -.#{$fa-css-prefix}-building:before { content: fa-content($fa-var-building); } -.#{$fa-css-prefix}-bullhorn:before { content: fa-content($fa-var-bullhorn); } -.#{$fa-css-prefix}-bullseye:before { content: fa-content($fa-var-bullseye); } -.#{$fa-css-prefix}-buromobelexperte:before { content: fa-content($fa-var-buromobelexperte); } -.#{$fa-css-prefix}-bus:before { content: fa-content($fa-var-bus); } -.#{$fa-css-prefix}-buysellads:before { content: fa-content($fa-var-buysellads); } -.#{$fa-css-prefix}-calculator:before { content: fa-content($fa-var-calculator); } -.#{$fa-css-prefix}-calendar:before { content: fa-content($fa-var-calendar); } -.#{$fa-css-prefix}-calendar-alt:before { content: fa-content($fa-var-calendar-alt); } -.#{$fa-css-prefix}-calendar-check:before { content: fa-content($fa-var-calendar-check); } -.#{$fa-css-prefix}-calendar-minus:before { content: fa-content($fa-var-calendar-minus); } -.#{$fa-css-prefix}-calendar-plus:before { content: fa-content($fa-var-calendar-plus); } -.#{$fa-css-prefix}-calendar-times:before { content: fa-content($fa-var-calendar-times); } -.#{$fa-css-prefix}-camera:before { content: fa-content($fa-var-camera); } -.#{$fa-css-prefix}-camera-retro:before { content: fa-content($fa-var-camera-retro); } -.#{$fa-css-prefix}-car:before { content: fa-content($fa-var-car); } -.#{$fa-css-prefix}-caret-down:before { content: fa-content($fa-var-caret-down); } -.#{$fa-css-prefix}-caret-left:before { content: fa-content($fa-var-caret-left); } -.#{$fa-css-prefix}-caret-right:before { content: fa-content($fa-var-caret-right); } -.#{$fa-css-prefix}-caret-square-down:before { content: fa-content($fa-var-caret-square-down); } -.#{$fa-css-prefix}-caret-square-left:before { content: fa-content($fa-var-caret-square-left); } -.#{$fa-css-prefix}-caret-square-right:before { content: fa-content($fa-var-caret-square-right); } -.#{$fa-css-prefix}-caret-square-up:before { content: fa-content($fa-var-caret-square-up); } -.#{$fa-css-prefix}-caret-up:before { content: fa-content($fa-var-caret-up); } -.#{$fa-css-prefix}-cart-arrow-down:before { content: fa-content($fa-var-cart-arrow-down); } -.#{$fa-css-prefix}-cart-plus:before { content: fa-content($fa-var-cart-plus); } -.#{$fa-css-prefix}-cc-amazon-pay:before { content: fa-content($fa-var-cc-amazon-pay); } -.#{$fa-css-prefix}-cc-amex:before { content: fa-content($fa-var-cc-amex); } -.#{$fa-css-prefix}-cc-apple-pay:before { content: fa-content($fa-var-cc-apple-pay); } -.#{$fa-css-prefix}-cc-diners-club:before { content: fa-content($fa-var-cc-diners-club); } -.#{$fa-css-prefix}-cc-discover:before { content: fa-content($fa-var-cc-discover); } -.#{$fa-css-prefix}-cc-jcb:before { content: fa-content($fa-var-cc-jcb); } -.#{$fa-css-prefix}-cc-mastercard:before { content: fa-content($fa-var-cc-mastercard); } -.#{$fa-css-prefix}-cc-paypal:before { content: fa-content($fa-var-cc-paypal); } -.#{$fa-css-prefix}-cc-stripe:before { content: fa-content($fa-var-cc-stripe); } -.#{$fa-css-prefix}-cc-visa:before { content: fa-content($fa-var-cc-visa); } -.#{$fa-css-prefix}-centercode:before { content: fa-content($fa-var-centercode); } -.#{$fa-css-prefix}-certificate:before { content: fa-content($fa-var-certificate); } -.#{$fa-css-prefix}-chart-area:before { content: fa-content($fa-var-chart-area); } -.#{$fa-css-prefix}-chart-bar:before { content: fa-content($fa-var-chart-bar); } -.#{$fa-css-prefix}-chart-line:before { content: fa-content($fa-var-chart-line); } -.#{$fa-css-prefix}-chart-pie:before { content: fa-content($fa-var-chart-pie); } -.#{$fa-css-prefix}-check:before { content: fa-content($fa-var-check); } -.#{$fa-css-prefix}-check-circle:before { content: fa-content($fa-var-check-circle); } -.#{$fa-css-prefix}-check-square:before { content: fa-content($fa-var-check-square); } -.#{$fa-css-prefix}-chevron-circle-down:before { content: fa-content($fa-var-chevron-circle-down); } -.#{$fa-css-prefix}-chevron-circle-left:before { content: fa-content($fa-var-chevron-circle-left); } -.#{$fa-css-prefix}-chevron-circle-right:before { content: fa-content($fa-var-chevron-circle-right); } -.#{$fa-css-prefix}-chevron-circle-up:before { content: fa-content($fa-var-chevron-circle-up); } -.#{$fa-css-prefix}-chevron-down:before { content: fa-content($fa-var-chevron-down); } -.#{$fa-css-prefix}-chevron-left:before { content: fa-content($fa-var-chevron-left); } -.#{$fa-css-prefix}-chevron-right:before { content: fa-content($fa-var-chevron-right); } -.#{$fa-css-prefix}-chevron-up:before { content: fa-content($fa-var-chevron-up); } -.#{$fa-css-prefix}-child:before { content: fa-content($fa-var-child); } -.#{$fa-css-prefix}-chrome:before { content: fa-content($fa-var-chrome); } -.#{$fa-css-prefix}-circle:before { content: fa-content($fa-var-circle); } -.#{$fa-css-prefix}-circle-notch:before { content: fa-content($fa-var-circle-notch); } -.#{$fa-css-prefix}-clipboard:before { content: fa-content($fa-var-clipboard); } -.#{$fa-css-prefix}-clock:before { content: fa-content($fa-var-clock); } -.#{$fa-css-prefix}-clone:before { content: fa-content($fa-var-clone); } -.#{$fa-css-prefix}-closed-captioning:before { content: fa-content($fa-var-closed-captioning); } -.#{$fa-css-prefix}-cloud:before { content: fa-content($fa-var-cloud); } -.#{$fa-css-prefix}-cloud-download-alt:before { content: fa-content($fa-var-cloud-download-alt); } -.#{$fa-css-prefix}-cloud-upload-alt:before { content: fa-content($fa-var-cloud-upload-alt); } -.#{$fa-css-prefix}-cloudscale:before { content: fa-content($fa-var-cloudscale); } -.#{$fa-css-prefix}-cloudsmith:before { content: fa-content($fa-var-cloudsmith); } -.#{$fa-css-prefix}-cloudversify:before { content: fa-content($fa-var-cloudversify); } -.#{$fa-css-prefix}-code:before { content: fa-content($fa-var-code); } -.#{$fa-css-prefix}-code-branch:before { content: fa-content($fa-var-code-branch); } -.#{$fa-css-prefix}-codepen:before { content: fa-content($fa-var-codepen); } -.#{$fa-css-prefix}-codiepie:before { content: fa-content($fa-var-codiepie); } -.#{$fa-css-prefix}-coffee:before { content: fa-content($fa-var-coffee); } -.#{$fa-css-prefix}-cog:before { content: fa-content($fa-var-cog); } -.#{$fa-css-prefix}-cogs:before { content: fa-content($fa-var-cogs); } -.#{$fa-css-prefix}-columns:before { content: fa-content($fa-var-columns); } -.#{$fa-css-prefix}-comment:before { content: fa-content($fa-var-comment); } -.#{$fa-css-prefix}-comment-alt:before { content: fa-content($fa-var-comment-alt); } -.#{$fa-css-prefix}-comments:before { content: fa-content($fa-var-comments); } -.#{$fa-css-prefix}-compass:before { content: fa-content($fa-var-compass); } -.#{$fa-css-prefix}-compress:before { content: fa-content($fa-var-compress); } -.#{$fa-css-prefix}-connectdevelop:before { content: fa-content($fa-var-connectdevelop); } -.#{$fa-css-prefix}-contao:before { content: fa-content($fa-var-contao); } -.#{$fa-css-prefix}-copy:before { content: fa-content($fa-var-copy); } -.#{$fa-css-prefix}-copyright:before { content: fa-content($fa-var-copyright); } -.#{$fa-css-prefix}-cpanel:before { content: fa-content($fa-var-cpanel); } -.#{$fa-css-prefix}-creative-commons:before { content: fa-content($fa-var-creative-commons); } -.#{$fa-css-prefix}-credit-card:before { content: fa-content($fa-var-credit-card); } -.#{$fa-css-prefix}-crop:before { content: fa-content($fa-var-crop); } -.#{$fa-css-prefix}-crosshairs:before { content: fa-content($fa-var-crosshairs); } -.#{$fa-css-prefix}-css3:before { content: fa-content($fa-var-css3); } -.#{$fa-css-prefix}-css3-alt:before { content: fa-content($fa-var-css3-alt); } -.#{$fa-css-prefix}-cube:before { content: fa-content($fa-var-cube); } -.#{$fa-css-prefix}-cubes:before { content: fa-content($fa-var-cubes); } -.#{$fa-css-prefix}-cut:before { content: fa-content($fa-var-cut); } -.#{$fa-css-prefix}-cuttlefish:before { content: fa-content($fa-var-cuttlefish); } -.#{$fa-css-prefix}-d-and-d:before { content: fa-content($fa-var-d-and-d); } -.#{$fa-css-prefix}-dashcube:before { content: fa-content($fa-var-dashcube); } -.#{$fa-css-prefix}-database:before { content: fa-content($fa-var-database); } -.#{$fa-css-prefix}-deaf:before { content: fa-content($fa-var-deaf); } -.#{$fa-css-prefix}-delicious:before { content: fa-content($fa-var-delicious); } -.#{$fa-css-prefix}-deploydog:before { content: fa-content($fa-var-deploydog); } -.#{$fa-css-prefix}-deskpro:before { content: fa-content($fa-var-deskpro); } -.#{$fa-css-prefix}-desktop:before { content: fa-content($fa-var-desktop); } -.#{$fa-css-prefix}-deviantart:before { content: fa-content($fa-var-deviantart); } -.#{$fa-css-prefix}-digg:before { content: fa-content($fa-var-digg); } -.#{$fa-css-prefix}-digital-ocean:before { content: fa-content($fa-var-digital-ocean); } -.#{$fa-css-prefix}-discord:before { content: fa-content($fa-var-discord); } -.#{$fa-css-prefix}-discourse:before { content: fa-content($fa-var-discourse); } -.#{$fa-css-prefix}-dochub:before { content: fa-content($fa-var-dochub); } -.#{$fa-css-prefix}-docker:before { content: fa-content($fa-var-docker); } -.#{$fa-css-prefix}-dollar-sign:before { content: fa-content($fa-var-dollar-sign); } -.#{$fa-css-prefix}-dot-circle:before { content: fa-content($fa-var-dot-circle); } -.#{$fa-css-prefix}-download:before { content: fa-content($fa-var-download); } -.#{$fa-css-prefix}-draft2digital:before { content: fa-content($fa-var-draft2digital); } -.#{$fa-css-prefix}-dribbble:before { content: fa-content($fa-var-dribbble); } -.#{$fa-css-prefix}-dribbble-square:before { content: fa-content($fa-var-dribbble-square); } -.#{$fa-css-prefix}-dropbox:before { content: fa-content($fa-var-dropbox); } -.#{$fa-css-prefix}-drupal:before { content: fa-content($fa-var-drupal); } -.#{$fa-css-prefix}-dyalog:before { content: fa-content($fa-var-dyalog); } -.#{$fa-css-prefix}-earlybirds:before { content: fa-content($fa-var-earlybirds); } -.#{$fa-css-prefix}-edge:before { content: fa-content($fa-var-edge); } -.#{$fa-css-prefix}-edit:before { content: fa-content($fa-var-edit); } -.#{$fa-css-prefix}-eject:before { content: fa-content($fa-var-eject); } -.#{$fa-css-prefix}-ellipsis-h:before { content: fa-content($fa-var-ellipsis-h); } -.#{$fa-css-prefix}-ellipsis-v:before { content: fa-content($fa-var-ellipsis-v); } -.#{$fa-css-prefix}-ember:before { content: fa-content($fa-var-ember); } -.#{$fa-css-prefix}-empire:before { content: fa-content($fa-var-empire); } -.#{$fa-css-prefix}-envelope:before { content: fa-content($fa-var-envelope); } -.#{$fa-css-prefix}-envelope-open:before { content: fa-content($fa-var-envelope-open); } -.#{$fa-css-prefix}-envelope-square:before { content: fa-content($fa-var-envelope-square); } -.#{$fa-css-prefix}-envira:before { content: fa-content($fa-var-envira); } -.#{$fa-css-prefix}-eraser:before { content: fa-content($fa-var-eraser); } -.#{$fa-css-prefix}-erlang:before { content: fa-content($fa-var-erlang); } -.#{$fa-css-prefix}-ethereum:before { content: fa-content($fa-var-ethereum); } -.#{$fa-css-prefix}-etsy:before { content: fa-content($fa-var-etsy); } -.#{$fa-css-prefix}-euro-sign:before { content: fa-content($fa-var-euro-sign); } -.#{$fa-css-prefix}-exchange-alt:before { content: fa-content($fa-var-exchange-alt); } -.#{$fa-css-prefix}-exclamation:before { content: fa-content($fa-var-exclamation); } -.#{$fa-css-prefix}-exclamation-circle:before { content: fa-content($fa-var-exclamation-circle); } -.#{$fa-css-prefix}-exclamation-triangle:before { content: fa-content($fa-var-exclamation-triangle); } -.#{$fa-css-prefix}-expand:before { content: fa-content($fa-var-expand); } -.#{$fa-css-prefix}-expand-arrows-alt:before { content: fa-content($fa-var-expand-arrows-alt); } -.#{$fa-css-prefix}-expeditedssl:before { content: fa-content($fa-var-expeditedssl); } -.#{$fa-css-prefix}-external-link-alt:before { content: fa-content($fa-var-external-link-alt); } -.#{$fa-css-prefix}-external-link-square-alt:before { content: fa-content($fa-var-external-link-square-alt); } -.#{$fa-css-prefix}-eye:before { content: fa-content($fa-var-eye); } -.#{$fa-css-prefix}-eye-dropper:before { content: fa-content($fa-var-eye-dropper); } -.#{$fa-css-prefix}-eye-slash:before { content: fa-content($fa-var-eye-slash); } -.#{$fa-css-prefix}-facebook:before { content: fa-content($fa-var-facebook); } -.#{$fa-css-prefix}-facebook-f:before { content: fa-content($fa-var-facebook-f); } -.#{$fa-css-prefix}-facebook-messenger:before { content: fa-content($fa-var-facebook-messenger); } -.#{$fa-css-prefix}-facebook-square:before { content: fa-content($fa-var-facebook-square); } -.#{$fa-css-prefix}-fast-backward:before { content: fa-content($fa-var-fast-backward); } -.#{$fa-css-prefix}-fast-forward:before { content: fa-content($fa-var-fast-forward); } -.#{$fa-css-prefix}-fax:before { content: fa-content($fa-var-fax); } -.#{$fa-css-prefix}-female:before { content: fa-content($fa-var-female); } -.#{$fa-css-prefix}-fighter-jet:before { content: fa-content($fa-var-fighter-jet); } -.#{$fa-css-prefix}-file:before { content: fa-content($fa-var-file); } -.#{$fa-css-prefix}-file-alt:before { content: fa-content($fa-var-file-alt); } -.#{$fa-css-prefix}-file-archive:before { content: fa-content($fa-var-file-archive); } -.#{$fa-css-prefix}-file-audio:before { content: fa-content($fa-var-file-audio); } -.#{$fa-css-prefix}-file-code:before { content: fa-content($fa-var-file-code); } -.#{$fa-css-prefix}-file-excel:before { content: fa-content($fa-var-file-excel); } -.#{$fa-css-prefix}-file-image:before { content: fa-content($fa-var-file-image); } -.#{$fa-css-prefix}-file-pdf:before { content: fa-content($fa-var-file-pdf); } -.#{$fa-css-prefix}-file-powerpoint:before { content: fa-content($fa-var-file-powerpoint); } -.#{$fa-css-prefix}-file-video:before { content: fa-content($fa-var-file-video); } -.#{$fa-css-prefix}-file-word:before { content: fa-content($fa-var-file-word); } -.#{$fa-css-prefix}-film:before { content: fa-content($fa-var-film); } -.#{$fa-css-prefix}-filter:before { content: fa-content($fa-var-filter); } -.#{$fa-css-prefix}-fire:before { content: fa-content($fa-var-fire); } -.#{$fa-css-prefix}-fire-extinguisher:before { content: fa-content($fa-var-fire-extinguisher); } -.#{$fa-css-prefix}-firefox:before { content: fa-content($fa-var-firefox); } -.#{$fa-css-prefix}-first-order:before { content: fa-content($fa-var-first-order); } -.#{$fa-css-prefix}-firstdraft:before { content: fa-content($fa-var-firstdraft); } -.#{$fa-css-prefix}-flag:before { content: fa-content($fa-var-flag); } -.#{$fa-css-prefix}-flag-checkered:before { content: fa-content($fa-var-flag-checkered); } -.#{$fa-css-prefix}-flask:before { content: fa-content($fa-var-flask); } -.#{$fa-css-prefix}-flickr:before { content: fa-content($fa-var-flickr); } -.#{$fa-css-prefix}-fly:before { content: fa-content($fa-var-fly); } -.#{$fa-css-prefix}-folder:before { content: fa-content($fa-var-folder); } -.#{$fa-css-prefix}-folder-open:before { content: fa-content($fa-var-folder-open); } -.#{$fa-css-prefix}-font:before { content: fa-content($fa-var-font); } -.#{$fa-css-prefix}-font-awesome:before { content: fa-content($fa-var-font-awesome); } -.#{$fa-css-prefix}-font-awesome-alt:before { content: fa-content($fa-var-font-awesome-alt); } -.#{$fa-css-prefix}-font-awesome-flag:before { content: fa-content($fa-var-font-awesome-flag); } -.#{$fa-css-prefix}-fonticons:before { content: fa-content($fa-var-fonticons); } -.#{$fa-css-prefix}-fonticons-fi:before { content: fa-content($fa-var-fonticons-fi); } -.#{$fa-css-prefix}-fort-awesome:before { content: fa-content($fa-var-fort-awesome); } -.#{$fa-css-prefix}-fort-awesome-alt:before { content: fa-content($fa-var-fort-awesome-alt); } -.#{$fa-css-prefix}-forumbee:before { content: fa-content($fa-var-forumbee); } -.#{$fa-css-prefix}-forward:before { content: fa-content($fa-var-forward); } -.#{$fa-css-prefix}-foursquare:before { content: fa-content($fa-var-foursquare); } -.#{$fa-css-prefix}-free-code-camp:before { content: fa-content($fa-var-free-code-camp); } -.#{$fa-css-prefix}-freebsd:before { content: fa-content($fa-var-freebsd); } -.#{$fa-css-prefix}-frown:before { content: fa-content($fa-var-frown); } -.#{$fa-css-prefix}-futbol:before { content: fa-content($fa-var-futbol); } -.#{$fa-css-prefix}-gamepad:before { content: fa-content($fa-var-gamepad); } -.#{$fa-css-prefix}-gavel:before { content: fa-content($fa-var-gavel); } -.#{$fa-css-prefix}-gem:before { content: fa-content($fa-var-gem); } -.#{$fa-css-prefix}-genderless:before { content: fa-content($fa-var-genderless); } -.#{$fa-css-prefix}-get-pocket:before { content: fa-content($fa-var-get-pocket); } -.#{$fa-css-prefix}-gg:before { content: fa-content($fa-var-gg); } -.#{$fa-css-prefix}-gg-circle:before { content: fa-content($fa-var-gg-circle); } -.#{$fa-css-prefix}-gift:before { content: fa-content($fa-var-gift); } -.#{$fa-css-prefix}-git:before { content: fa-content($fa-var-git); } -.#{$fa-css-prefix}-git-square:before { content: fa-content($fa-var-git-square); } -.#{$fa-css-prefix}-github:before { content: fa-content($fa-var-github); } -.#{$fa-css-prefix}-github-alt:before { content: fa-content($fa-var-github-alt); } -.#{$fa-css-prefix}-github-square:before { content: fa-content($fa-var-github-square); } -.#{$fa-css-prefix}-gitkraken:before { content: fa-content($fa-var-gitkraken); } -.#{$fa-css-prefix}-gitlab:before { content: fa-content($fa-var-gitlab); } -.#{$fa-css-prefix}-gitter:before { content: fa-content($fa-var-gitter); } -.#{$fa-css-prefix}-glass-martini:before { content: fa-content($fa-var-glass-martini); } -.#{$fa-css-prefix}-glide:before { content: fa-content($fa-var-glide); } -.#{$fa-css-prefix}-glide-g:before { content: fa-content($fa-var-glide-g); } -.#{$fa-css-prefix}-globe:before { content: fa-content($fa-var-globe); } -.#{$fa-css-prefix}-gofore:before { content: fa-content($fa-var-gofore); } -.#{$fa-css-prefix}-goodreads:before { content: fa-content($fa-var-goodreads); } -.#{$fa-css-prefix}-goodreads-g:before { content: fa-content($fa-var-goodreads-g); } -.#{$fa-css-prefix}-google:before { content: fa-content($fa-var-google); } -.#{$fa-css-prefix}-google-drive:before { content: fa-content($fa-var-google-drive); } -.#{$fa-css-prefix}-google-play:before { content: fa-content($fa-var-google-play); } -.#{$fa-css-prefix}-google-plus:before { content: fa-content($fa-var-google-plus); } -.#{$fa-css-prefix}-google-plus-g:before { content: fa-content($fa-var-google-plus-g); } -.#{$fa-css-prefix}-google-plus-square:before { content: fa-content($fa-var-google-plus-square); } -.#{$fa-css-prefix}-google-wallet:before { content: fa-content($fa-var-google-wallet); } -.#{$fa-css-prefix}-graduation-cap:before { content: fa-content($fa-var-graduation-cap); } -.#{$fa-css-prefix}-gratipay:before { content: fa-content($fa-var-gratipay); } -.#{$fa-css-prefix}-grav:before { content: fa-content($fa-var-grav); } -.#{$fa-css-prefix}-gripfire:before { content: fa-content($fa-var-gripfire); } -.#{$fa-css-prefix}-grunt:before { content: fa-content($fa-var-grunt); } -.#{$fa-css-prefix}-gulp:before { content: fa-content($fa-var-gulp); } -.#{$fa-css-prefix}-h-square:before { content: fa-content($fa-var-h-square); } -.#{$fa-css-prefix}-hacker-news:before { content: fa-content($fa-var-hacker-news); } -.#{$fa-css-prefix}-hacker-news-square:before { content: fa-content($fa-var-hacker-news-square); } -.#{$fa-css-prefix}-hand-lizard:before { content: fa-content($fa-var-hand-lizard); } -.#{$fa-css-prefix}-hand-paper:before { content: fa-content($fa-var-hand-paper); } -.#{$fa-css-prefix}-hand-peace:before { content: fa-content($fa-var-hand-peace); } -.#{$fa-css-prefix}-hand-point-down:before { content: fa-content($fa-var-hand-point-down); } -.#{$fa-css-prefix}-hand-point-left:before { content: fa-content($fa-var-hand-point-left); } -.#{$fa-css-prefix}-hand-point-right:before { content: fa-content($fa-var-hand-point-right); } -.#{$fa-css-prefix}-hand-point-up:before { content: fa-content($fa-var-hand-point-up); } -.#{$fa-css-prefix}-hand-pointer:before { content: fa-content($fa-var-hand-pointer); } -.#{$fa-css-prefix}-hand-rock:before { content: fa-content($fa-var-hand-rock); } -.#{$fa-css-prefix}-hand-scissors:before { content: fa-content($fa-var-hand-scissors); } -.#{$fa-css-prefix}-hand-spock:before { content: fa-content($fa-var-hand-spock); } -.#{$fa-css-prefix}-handshake:before { content: fa-content($fa-var-handshake); } -.#{$fa-css-prefix}-hashtag:before { content: fa-content($fa-var-hashtag); } -.#{$fa-css-prefix}-hdd:before { content: fa-content($fa-var-hdd); } -.#{$fa-css-prefix}-heading:before { content: fa-content($fa-var-heading); } -.#{$fa-css-prefix}-headphones:before { content: fa-content($fa-var-headphones); } -.#{$fa-css-prefix}-heart:before { content: fa-content($fa-var-heart); } -.#{$fa-css-prefix}-heartbeat:before { content: fa-content($fa-var-heartbeat); } -.#{$fa-css-prefix}-hire-a-helper:before { content: fa-content($fa-var-hire-a-helper); } -.#{$fa-css-prefix}-history:before { content: fa-content($fa-var-history); } -.#{$fa-css-prefix}-home:before { content: fa-content($fa-var-home); } -.#{$fa-css-prefix}-hooli:before { content: fa-content($fa-var-hooli); } -.#{$fa-css-prefix}-hospital:before { content: fa-content($fa-var-hospital); } -.#{$fa-css-prefix}-hotjar:before { content: fa-content($fa-var-hotjar); } -.#{$fa-css-prefix}-hourglass:before { content: fa-content($fa-var-hourglass); } -.#{$fa-css-prefix}-hourglass-end:before { content: fa-content($fa-var-hourglass-end); } -.#{$fa-css-prefix}-hourglass-half:before { content: fa-content($fa-var-hourglass-half); } -.#{$fa-css-prefix}-hourglass-start:before { content: fa-content($fa-var-hourglass-start); } -.#{$fa-css-prefix}-houzz:before { content: fa-content($fa-var-houzz); } -.#{$fa-css-prefix}-html5:before { content: fa-content($fa-var-html5); } -.#{$fa-css-prefix}-hubspot:before { content: fa-content($fa-var-hubspot); } -.#{$fa-css-prefix}-i-cursor:before { content: fa-content($fa-var-i-cursor); } -.#{$fa-css-prefix}-id-badge:before { content: fa-content($fa-var-id-badge); } -.#{$fa-css-prefix}-id-card:before { content: fa-content($fa-var-id-card); } -.#{$fa-css-prefix}-image:before { content: fa-content($fa-var-image); } -.#{$fa-css-prefix}-images:before { content: fa-content($fa-var-images); } -.#{$fa-css-prefix}-imdb:before { content: fa-content($fa-var-imdb); } -.#{$fa-css-prefix}-inbox:before { content: fa-content($fa-var-inbox); } -.#{$fa-css-prefix}-indent:before { content: fa-content($fa-var-indent); } -.#{$fa-css-prefix}-industry:before { content: fa-content($fa-var-industry); } -.#{$fa-css-prefix}-info:before { content: fa-content($fa-var-info); } -.#{$fa-css-prefix}-info-circle:before { content: fa-content($fa-var-info-circle); } -.#{$fa-css-prefix}-instagram:before { content: fa-content($fa-var-instagram); } -.#{$fa-css-prefix}-internet-explorer:before { content: fa-content($fa-var-internet-explorer); } -.#{$fa-css-prefix}-ioxhost:before { content: fa-content($fa-var-ioxhost); } -.#{$fa-css-prefix}-italic:before { content: fa-content($fa-var-italic); } -.#{$fa-css-prefix}-itunes:before { content: fa-content($fa-var-itunes); } -.#{$fa-css-prefix}-itunes-note:before { content: fa-content($fa-var-itunes-note); } -.#{$fa-css-prefix}-jenkins:before { content: fa-content($fa-var-jenkins); } -.#{$fa-css-prefix}-joget:before { content: fa-content($fa-var-joget); } -.#{$fa-css-prefix}-joomla:before { content: fa-content($fa-var-joomla); } -.#{$fa-css-prefix}-js:before { content: fa-content($fa-var-js); } -.#{$fa-css-prefix}-js-square:before { content: fa-content($fa-var-js-square); } -.#{$fa-css-prefix}-jsfiddle:before { content: fa-content($fa-var-jsfiddle); } -.#{$fa-css-prefix}-key:before { content: fa-content($fa-var-key); } -.#{$fa-css-prefix}-keyboard:before { content: fa-content($fa-var-keyboard); } -.#{$fa-css-prefix}-keycdn:before { content: fa-content($fa-var-keycdn); } -.#{$fa-css-prefix}-kickstarter:before { content: fa-content($fa-var-kickstarter); } -.#{$fa-css-prefix}-kickstarter-k:before { content: fa-content($fa-var-kickstarter-k); } -.#{$fa-css-prefix}-korvue:before { content: fa-content($fa-var-korvue); } -.#{$fa-css-prefix}-language:before { content: fa-content($fa-var-language); } -.#{$fa-css-prefix}-laptop:before { content: fa-content($fa-var-laptop); } -.#{$fa-css-prefix}-laravel:before { content: fa-content($fa-var-laravel); } -.#{$fa-css-prefix}-lastfm:before { content: fa-content($fa-var-lastfm); } -.#{$fa-css-prefix}-lastfm-square:before { content: fa-content($fa-var-lastfm-square); } -.#{$fa-css-prefix}-leaf:before { content: fa-content($fa-var-leaf); } -.#{$fa-css-prefix}-leanpub:before { content: fa-content($fa-var-leanpub); } -.#{$fa-css-prefix}-lemon:before { content: fa-content($fa-var-lemon); } -.#{$fa-css-prefix}-less:before { content: fa-content($fa-var-less); } -.#{$fa-css-prefix}-level-down-alt:before { content: fa-content($fa-var-level-down-alt); } -.#{$fa-css-prefix}-level-up-alt:before { content: fa-content($fa-var-level-up-alt); } -.#{$fa-css-prefix}-life-ring:before { content: fa-content($fa-var-life-ring); } -.#{$fa-css-prefix}-lightbulb:before { content: fa-content($fa-var-lightbulb); } -.#{$fa-css-prefix}-line:before { content: fa-content($fa-var-line); } -.#{$fa-css-prefix}-link:before { content: fa-content($fa-var-link); } -.#{$fa-css-prefix}-linkedin:before { content: fa-content($fa-var-linkedin); } -.#{$fa-css-prefix}-linkedin-in:before { content: fa-content($fa-var-linkedin-in); } -.#{$fa-css-prefix}-linode:before { content: fa-content($fa-var-linode); } -.#{$fa-css-prefix}-linux:before { content: fa-content($fa-var-linux); } -.#{$fa-css-prefix}-lira-sign:before { content: fa-content($fa-var-lira-sign); } -.#{$fa-css-prefix}-list:before { content: fa-content($fa-var-list); } -.#{$fa-css-prefix}-list-alt:before { content: fa-content($fa-var-list-alt); } -.#{$fa-css-prefix}-list-ol:before { content: fa-content($fa-var-list-ol); } -.#{$fa-css-prefix}-list-ul:before { content: fa-content($fa-var-list-ul); } -.#{$fa-css-prefix}-location-arrow:before { content: fa-content($fa-var-location-arrow); } -.#{$fa-css-prefix}-lock:before { content: fa-content($fa-var-lock); } -.#{$fa-css-prefix}-lock-open:before { content: fa-content($fa-var-lock-open); } -.#{$fa-css-prefix}-long-arrow-alt-down:before { content: fa-content($fa-var-long-arrow-alt-down); } -.#{$fa-css-prefix}-long-arrow-alt-left:before { content: fa-content($fa-var-long-arrow-alt-left); } -.#{$fa-css-prefix}-long-arrow-alt-right:before { content: fa-content($fa-var-long-arrow-alt-right); } -.#{$fa-css-prefix}-long-arrow-alt-up:before { content: fa-content($fa-var-long-arrow-alt-up); } -.#{$fa-css-prefix}-low-vision:before { content: fa-content($fa-var-low-vision); } -.#{$fa-css-prefix}-lyft:before { content: fa-content($fa-var-lyft); } -.#{$fa-css-prefix}-magento:before { content: fa-content($fa-var-magento); } -.#{$fa-css-prefix}-magic:before { content: fa-content($fa-var-magic); } -.#{$fa-css-prefix}-magnet:before { content: fa-content($fa-var-magnet); } -.#{$fa-css-prefix}-male:before { content: fa-content($fa-var-male); } -.#{$fa-css-prefix}-map:before { content: fa-content($fa-var-map); } -.#{$fa-css-prefix}-map-marker:before { content: fa-content($fa-var-map-marker); } -.#{$fa-css-prefix}-map-marker-alt:before { content: fa-content($fa-var-map-marker-alt); } -.#{$fa-css-prefix}-map-pin:before { content: fa-content($fa-var-map-pin); } -.#{$fa-css-prefix}-map-signs:before { content: fa-content($fa-var-map-signs); } -.#{$fa-css-prefix}-mars:before { content: fa-content($fa-var-mars); } -.#{$fa-css-prefix}-mars-double:before { content: fa-content($fa-var-mars-double); } -.#{$fa-css-prefix}-mars-stroke:before { content: fa-content($fa-var-mars-stroke); } -.#{$fa-css-prefix}-mars-stroke-h:before { content: fa-content($fa-var-mars-stroke-h); } -.#{$fa-css-prefix}-mars-stroke-v:before { content: fa-content($fa-var-mars-stroke-v); } -.#{$fa-css-prefix}-maxcdn:before { content: fa-content($fa-var-maxcdn); } -.#{$fa-css-prefix}-medapps:before { content: fa-content($fa-var-medapps); } -.#{$fa-css-prefix}-medium:before { content: fa-content($fa-var-medium); } -.#{$fa-css-prefix}-medium-m:before { content: fa-content($fa-var-medium-m); } -.#{$fa-css-prefix}-medkit:before { content: fa-content($fa-var-medkit); } -.#{$fa-css-prefix}-medrt:before { content: fa-content($fa-var-medrt); } -.#{$fa-css-prefix}-meetup:before { content: fa-content($fa-var-meetup); } -.#{$fa-css-prefix}-meh:before { content: fa-content($fa-var-meh); } -.#{$fa-css-prefix}-mercury:before { content: fa-content($fa-var-mercury); } -.#{$fa-css-prefix}-microchip:before { content: fa-content($fa-var-microchip); } -.#{$fa-css-prefix}-microphone:before { content: fa-content($fa-var-microphone); } -.#{$fa-css-prefix}-microphone-slash:before { content: fa-content($fa-var-microphone-slash); } -.#{$fa-css-prefix}-microsoft:before { content: fa-content($fa-var-microsoft); } -.#{$fa-css-prefix}-minus:before { content: fa-content($fa-var-minus); } -.#{$fa-css-prefix}-minus-circle:before { content: fa-content($fa-var-minus-circle); } -.#{$fa-css-prefix}-minus-square:before { content: fa-content($fa-var-minus-square); } -.#{$fa-css-prefix}-mix:before { content: fa-content($fa-var-mix); } -.#{$fa-css-prefix}-mixcloud:before { content: fa-content($fa-var-mixcloud); } -.#{$fa-css-prefix}-mizuni:before { content: fa-content($fa-var-mizuni); } -.#{$fa-css-prefix}-mobile:before { content: fa-content($fa-var-mobile); } -.#{$fa-css-prefix}-mobile-alt:before { content: fa-content($fa-var-mobile-alt); } -.#{$fa-css-prefix}-modx:before { content: fa-content($fa-var-modx); } -.#{$fa-css-prefix}-monero:before { content: fa-content($fa-var-monero); } -.#{$fa-css-prefix}-money-bill-alt:before { content: fa-content($fa-var-money-bill-alt); } -.#{$fa-css-prefix}-moon:before { content: fa-content($fa-var-moon); } -.#{$fa-css-prefix}-motorcycle:before { content: fa-content($fa-var-motorcycle); } -.#{$fa-css-prefix}-mouse-pointer:before { content: fa-content($fa-var-mouse-pointer); } -.#{$fa-css-prefix}-music:before { content: fa-content($fa-var-music); } -.#{$fa-css-prefix}-napster:before { content: fa-content($fa-var-napster); } -.#{$fa-css-prefix}-neuter:before { content: fa-content($fa-var-neuter); } -.#{$fa-css-prefix}-newspaper:before { content: fa-content($fa-var-newspaper); } -.#{$fa-css-prefix}-nintendo-switch:before { content: fa-content($fa-var-nintendo-switch); } -.#{$fa-css-prefix}-node:before { content: fa-content($fa-var-node); } -.#{$fa-css-prefix}-node-js:before { content: fa-content($fa-var-node-js); } -.#{$fa-css-prefix}-npm:before { content: fa-content($fa-var-npm); } -.#{$fa-css-prefix}-ns8:before { content: fa-content($fa-var-ns8); } -.#{$fa-css-prefix}-nutritionix:before { content: fa-content($fa-var-nutritionix); } -.#{$fa-css-prefix}-object-group:before { content: fa-content($fa-var-object-group); } -.#{$fa-css-prefix}-object-ungroup:before { content: fa-content($fa-var-object-ungroup); } -.#{$fa-css-prefix}-odnoklassniki:before { content: fa-content($fa-var-odnoklassniki); } -.#{$fa-css-prefix}-odnoklassniki-square:before { content: fa-content($fa-var-odnoklassniki-square); } -.#{$fa-css-prefix}-opencart:before { content: fa-content($fa-var-opencart); } -.#{$fa-css-prefix}-openid:before { content: fa-content($fa-var-openid); } -.#{$fa-css-prefix}-opera:before { content: fa-content($fa-var-opera); } -.#{$fa-css-prefix}-optin-monster:before { content: fa-content($fa-var-optin-monster); } -.#{$fa-css-prefix}-osi:before { content: fa-content($fa-var-osi); } -.#{$fa-css-prefix}-outdent:before { content: fa-content($fa-var-outdent); } -.#{$fa-css-prefix}-page4:before { content: fa-content($fa-var-page4); } -.#{$fa-css-prefix}-pagelines:before { content: fa-content($fa-var-pagelines); } -.#{$fa-css-prefix}-paint-brush:before { content: fa-content($fa-var-paint-brush); } -.#{$fa-css-prefix}-palfed:before { content: fa-content($fa-var-palfed); } -.#{$fa-css-prefix}-paper-plane:before { content: fa-content($fa-var-paper-plane); } -.#{$fa-css-prefix}-paperclip:before { content: fa-content($fa-var-paperclip); } -.#{$fa-css-prefix}-paragraph:before { content: fa-content($fa-var-paragraph); } -.#{$fa-css-prefix}-paste:before { content: fa-content($fa-var-paste); } -.#{$fa-css-prefix}-patreon:before { content: fa-content($fa-var-patreon); } -.#{$fa-css-prefix}-pause:before { content: fa-content($fa-var-pause); } -.#{$fa-css-prefix}-pause-circle:before { content: fa-content($fa-var-pause-circle); } -.#{$fa-css-prefix}-paw:before { content: fa-content($fa-var-paw); } -.#{$fa-css-prefix}-paypal:before { content: fa-content($fa-var-paypal); } -.#{$fa-css-prefix}-pen-square:before { content: fa-content($fa-var-pen-square); } -.#{$fa-css-prefix}-pencil-alt:before { content: fa-content($fa-var-pencil-alt); } -.#{$fa-css-prefix}-percent:before { content: fa-content($fa-var-percent); } -.#{$fa-css-prefix}-periscope:before { content: fa-content($fa-var-periscope); } -.#{$fa-css-prefix}-phabricator:before { content: fa-content($fa-var-phabricator); } -.#{$fa-css-prefix}-phoenix-framework:before { content: fa-content($fa-var-phoenix-framework); } -.#{$fa-css-prefix}-phone:before { content: fa-content($fa-var-phone); } -.#{$fa-css-prefix}-phone-square:before { content: fa-content($fa-var-phone-square); } -.#{$fa-css-prefix}-phone-volume:before { content: fa-content($fa-var-phone-volume); } -.#{$fa-css-prefix}-pied-piper:before { content: fa-content($fa-var-pied-piper); } -.#{$fa-css-prefix}-pied-piper-alt:before { content: fa-content($fa-var-pied-piper-alt); } -.#{$fa-css-prefix}-pied-piper-pp:before { content: fa-content($fa-var-pied-piper-pp); } -.#{$fa-css-prefix}-pinterest:before { content: fa-content($fa-var-pinterest); } -.#{$fa-css-prefix}-pinterest-p:before { content: fa-content($fa-var-pinterest-p); } -.#{$fa-css-prefix}-pinterest-square:before { content: fa-content($fa-var-pinterest-square); } -.#{$fa-css-prefix}-plane:before { content: fa-content($fa-var-plane); } -.#{$fa-css-prefix}-play:before { content: fa-content($fa-var-play); } -.#{$fa-css-prefix}-play-circle:before { content: fa-content($fa-var-play-circle); } -.#{$fa-css-prefix}-playstation:before { content: fa-content($fa-var-playstation); } -.#{$fa-css-prefix}-plug:before { content: fa-content($fa-var-plug); } -.#{$fa-css-prefix}-plus:before { content: fa-content($fa-var-plus); } -.#{$fa-css-prefix}-plus-circle:before { content: fa-content($fa-var-plus-circle); } -.#{$fa-css-prefix}-plus-square:before { content: fa-content($fa-var-plus-square); } -.#{$fa-css-prefix}-podcast:before { content: fa-content($fa-var-podcast); } -.#{$fa-css-prefix}-pound-sign:before { content: fa-content($fa-var-pound-sign); } -.#{$fa-css-prefix}-power-off:before { content: fa-content($fa-var-power-off); } -.#{$fa-css-prefix}-print:before { content: fa-content($fa-var-print); } -.#{$fa-css-prefix}-product-hunt:before { content: fa-content($fa-var-product-hunt); } -.#{$fa-css-prefix}-pushed:before { content: fa-content($fa-var-pushed); } -.#{$fa-css-prefix}-puzzle-piece:before { content: fa-content($fa-var-puzzle-piece); } -.#{$fa-css-prefix}-python:before { content: fa-content($fa-var-python); } -.#{$fa-css-prefix}-qq:before { content: fa-content($fa-var-qq); } -.#{$fa-css-prefix}-qrcode:before { content: fa-content($fa-var-qrcode); } -.#{$fa-css-prefix}-question:before { content: fa-content($fa-var-question); } -.#{$fa-css-prefix}-question-circle:before { content: fa-content($fa-var-question-circle); } -.#{$fa-css-prefix}-quora:before { content: fa-content($fa-var-quora); } -.#{$fa-css-prefix}-quote-left:before { content: fa-content($fa-var-quote-left); } -.#{$fa-css-prefix}-quote-right:before { content: fa-content($fa-var-quote-right); } -.#{$fa-css-prefix}-random:before { content: fa-content($fa-var-random); } -.#{$fa-css-prefix}-ravelry:before { content: fa-content($fa-var-ravelry); } -.#{$fa-css-prefix}-react:before { content: fa-content($fa-var-react); } -.#{$fa-css-prefix}-rebel:before { content: fa-content($fa-var-rebel); } -.#{$fa-css-prefix}-recycle:before { content: fa-content($fa-var-recycle); } -.#{$fa-css-prefix}-red-river:before { content: fa-content($fa-var-red-river); } -.#{$fa-css-prefix}-reddit:before { content: fa-content($fa-var-reddit); } -.#{$fa-css-prefix}-reddit-alien:before { content: fa-content($fa-var-reddit-alien); } -.#{$fa-css-prefix}-reddit-square:before { content: fa-content($fa-var-reddit-square); } -.#{$fa-css-prefix}-redo:before { content: fa-content($fa-var-redo); } -.#{$fa-css-prefix}-redo-alt:before { content: fa-content($fa-var-redo-alt); } -.#{$fa-css-prefix}-registered:before { content: fa-content($fa-var-registered); } -.#{$fa-css-prefix}-rendact:before { content: fa-content($fa-var-rendact); } -.#{$fa-css-prefix}-renren:before { content: fa-content($fa-var-renren); } -.#{$fa-css-prefix}-reply:before { content: fa-content($fa-var-reply); } -.#{$fa-css-prefix}-reply-all:before { content: fa-content($fa-var-reply-all); } -.#{$fa-css-prefix}-replyd:before { content: fa-content($fa-var-replyd); } -.#{$fa-css-prefix}-resolving:before { content: fa-content($fa-var-resolving); } -.#{$fa-css-prefix}-retweet:before { content: fa-content($fa-var-retweet); } -.#{$fa-css-prefix}-road:before { content: fa-content($fa-var-road); } -.#{$fa-css-prefix}-rocket:before { content: fa-content($fa-var-rocket); } -.#{$fa-css-prefix}-rocketchat:before { content: fa-content($fa-var-rocketchat); } -.#{$fa-css-prefix}-rockrms:before { content: fa-content($fa-var-rockrms); } -.#{$fa-css-prefix}-rss:before { content: fa-content($fa-var-rss); } -.#{$fa-css-prefix}-rss-square:before { content: fa-content($fa-var-rss-square); } -.#{$fa-css-prefix}-ruble-sign:before { content: fa-content($fa-var-ruble-sign); } -.#{$fa-css-prefix}-rupee-sign:before { content: fa-content($fa-var-rupee-sign); } -.#{$fa-css-prefix}-safari:before { content: fa-content($fa-var-safari); } -.#{$fa-css-prefix}-sass:before { content: fa-content($fa-var-sass); } -.#{$fa-css-prefix}-save:before { content: fa-content($fa-var-save); } -.#{$fa-css-prefix}-schlix:before { content: fa-content($fa-var-schlix); } -.#{$fa-css-prefix}-scribd:before { content: fa-content($fa-var-scribd); } -.#{$fa-css-prefix}-search:before { content: fa-content($fa-var-search); } -.#{$fa-css-prefix}-search-minus:before { content: fa-content($fa-var-search-minus); } -.#{$fa-css-prefix}-search-plus:before { content: fa-content($fa-var-search-plus); } -.#{$fa-css-prefix}-searchengin:before { content: fa-content($fa-var-searchengin); } -.#{$fa-css-prefix}-sellcast:before { content: fa-content($fa-var-sellcast); } -.#{$fa-css-prefix}-sellsy:before { content: fa-content($fa-var-sellsy); } -.#{$fa-css-prefix}-server:before { content: fa-content($fa-var-server); } -.#{$fa-css-prefix}-servicestack:before { content: fa-content($fa-var-servicestack); } -.#{$fa-css-prefix}-share:before { content: fa-content($fa-var-share); } -.#{$fa-css-prefix}-share-alt:before { content: fa-content($fa-var-share-alt); } -.#{$fa-css-prefix}-share-alt-square:before { content: fa-content($fa-var-share-alt-square); } -.#{$fa-css-prefix}-share-square:before { content: fa-content($fa-var-share-square); } -.#{$fa-css-prefix}-shekel-sign:before { content: fa-content($fa-var-shekel-sign); } -.#{$fa-css-prefix}-shield-alt:before { content: fa-content($fa-var-shield-alt); } -.#{$fa-css-prefix}-ship:before { content: fa-content($fa-var-ship); } -.#{$fa-css-prefix}-shirtsinbulk:before { content: fa-content($fa-var-shirtsinbulk); } -.#{$fa-css-prefix}-shopping-bag:before { content: fa-content($fa-var-shopping-bag); } -.#{$fa-css-prefix}-shopping-basket:before { content: fa-content($fa-var-shopping-basket); } -.#{$fa-css-prefix}-shopping-cart:before { content: fa-content($fa-var-shopping-cart); } -.#{$fa-css-prefix}-shower:before { content: fa-content($fa-var-shower); } -.#{$fa-css-prefix}-sign-in-alt:before { content: fa-content($fa-var-sign-in-alt); } -.#{$fa-css-prefix}-sign-language:before { content: fa-content($fa-var-sign-language); } -.#{$fa-css-prefix}-sign-out-alt:before { content: fa-content($fa-var-sign-out-alt); } -.#{$fa-css-prefix}-signal:before { content: fa-content($fa-var-signal); } -.#{$fa-css-prefix}-simplybuilt:before { content: fa-content($fa-var-simplybuilt); } -.#{$fa-css-prefix}-sistrix:before { content: fa-content($fa-var-sistrix); } -.#{$fa-css-prefix}-sitemap:before { content: fa-content($fa-var-sitemap); } -.#{$fa-css-prefix}-skyatlas:before { content: fa-content($fa-var-skyatlas); } -.#{$fa-css-prefix}-skype:before { content: fa-content($fa-var-skype); } -.#{$fa-css-prefix}-slack:before { content: fa-content($fa-var-slack); } -.#{$fa-css-prefix}-slack-hash:before { content: fa-content($fa-var-slack-hash); } -.#{$fa-css-prefix}-sliders-h:before { content: fa-content($fa-var-sliders-h); } -.#{$fa-css-prefix}-slideshare:before { content: fa-content($fa-var-slideshare); } -.#{$fa-css-prefix}-smile:before { content: fa-content($fa-var-smile); } -.#{$fa-css-prefix}-snapchat:before { content: fa-content($fa-var-snapchat); } -.#{$fa-css-prefix}-snapchat-ghost:before { content: fa-content($fa-var-snapchat-ghost); } -.#{$fa-css-prefix}-snapchat-square:before { content: fa-content($fa-var-snapchat-square); } -.#{$fa-css-prefix}-snowflake:before { content: fa-content($fa-var-snowflake); } -.#{$fa-css-prefix}-sort:before { content: fa-content($fa-var-sort); } -.#{$fa-css-prefix}-sort-alpha-down:before { content: fa-content($fa-var-sort-alpha-down); } -.#{$fa-css-prefix}-sort-alpha-up:before { content: fa-content($fa-var-sort-alpha-up); } -.#{$fa-css-prefix}-sort-amount-down:before { content: fa-content($fa-var-sort-amount-down); } -.#{$fa-css-prefix}-sort-amount-up:before { content: fa-content($fa-var-sort-amount-up); } -.#{$fa-css-prefix}-sort-down:before { content: fa-content($fa-var-sort-down); } -.#{$fa-css-prefix}-sort-numeric-down:before { content: fa-content($fa-var-sort-numeric-down); } -.#{$fa-css-prefix}-sort-numeric-up:before { content: fa-content($fa-var-sort-numeric-up); } -.#{$fa-css-prefix}-sort-up:before { content: fa-content($fa-var-sort-up); } -.#{$fa-css-prefix}-soundcloud:before { content: fa-content($fa-var-soundcloud); } -.#{$fa-css-prefix}-space-shuttle:before { content: fa-content($fa-var-space-shuttle); } -.#{$fa-css-prefix}-speakap:before { content: fa-content($fa-var-speakap); } -.#{$fa-css-prefix}-spinner:before { content: fa-content($fa-var-spinner); } -.#{$fa-css-prefix}-spotify:before { content: fa-content($fa-var-spotify); } -.#{$fa-css-prefix}-square:before { content: fa-content($fa-var-square); } -.#{$fa-css-prefix}-stack-exchange:before { content: fa-content($fa-var-stack-exchange); } -.#{$fa-css-prefix}-stack-overflow:before { content: fa-content($fa-var-stack-overflow); } -.#{$fa-css-prefix}-star:before { content: fa-content($fa-var-star); } -.#{$fa-css-prefix}-star-half:before { content: fa-content($fa-var-star-half); } -.#{$fa-css-prefix}-staylinked:before { content: fa-content($fa-var-staylinked); } -.#{$fa-css-prefix}-steam:before { content: fa-content($fa-var-steam); } -.#{$fa-css-prefix}-steam-square:before { content: fa-content($fa-var-steam-square); } -.#{$fa-css-prefix}-steam-symbol:before { content: fa-content($fa-var-steam-symbol); } -.#{$fa-css-prefix}-step-backward:before { content: fa-content($fa-var-step-backward); } -.#{$fa-css-prefix}-step-forward:before { content: fa-content($fa-var-step-forward); } -.#{$fa-css-prefix}-stethoscope:before { content: fa-content($fa-var-stethoscope); } -.#{$fa-css-prefix}-sticker-mule:before { content: fa-content($fa-var-sticker-mule); } -.#{$fa-css-prefix}-sticky-note:before { content: fa-content($fa-var-sticky-note); } -.#{$fa-css-prefix}-stop:before { content: fa-content($fa-var-stop); } -.#{$fa-css-prefix}-stop-circle:before { content: fa-content($fa-var-stop-circle); } -.#{$fa-css-prefix}-stopwatch:before { content: fa-content($fa-var-stopwatch); } -.#{$fa-css-prefix}-strava:before { content: fa-content($fa-var-strava); } -.#{$fa-css-prefix}-street-view:before { content: fa-content($fa-var-street-view); } -.#{$fa-css-prefix}-strikethrough:before { content: fa-content($fa-var-strikethrough); } -.#{$fa-css-prefix}-stripe:before { content: fa-content($fa-var-stripe); } -.#{$fa-css-prefix}-stripe-s:before { content: fa-content($fa-var-stripe-s); } -.#{$fa-css-prefix}-studiovinari:before { content: fa-content($fa-var-studiovinari); } -.#{$fa-css-prefix}-stumbleupon:before { content: fa-content($fa-var-stumbleupon); } -.#{$fa-css-prefix}-stumbleupon-circle:before { content: fa-content($fa-var-stumbleupon-circle); } -.#{$fa-css-prefix}-subscript:before { content: fa-content($fa-var-subscript); } -.#{$fa-css-prefix}-subway:before { content: fa-content($fa-var-subway); } -.#{$fa-css-prefix}-suitcase:before { content: fa-content($fa-var-suitcase); } -.#{$fa-css-prefix}-sun:before { content: fa-content($fa-var-sun); } -.#{$fa-css-prefix}-superpowers:before { content: fa-content($fa-var-superpowers); } -.#{$fa-css-prefix}-superscript:before { content: fa-content($fa-var-superscript); } -.#{$fa-css-prefix}-supple:before { content: fa-content($fa-var-supple); } -.#{$fa-css-prefix}-sync:before { content: fa-content($fa-var-sync); } -.#{$fa-css-prefix}-sync-alt:before { content: fa-content($fa-var-sync-alt); } -.#{$fa-css-prefix}-table:before { content: fa-content($fa-var-table); } -.#{$fa-css-prefix}-tablet:before { content: fa-content($fa-var-tablet); } -.#{$fa-css-prefix}-tablet-alt:before { content: fa-content($fa-var-tablet-alt); } -.#{$fa-css-prefix}-tachometer-alt:before { content: fa-content($fa-var-tachometer-alt); } -.#{$fa-css-prefix}-tag:before { content: fa-content($fa-var-tag); } -.#{$fa-css-prefix}-tags:before { content: fa-content($fa-var-tags); } -.#{$fa-css-prefix}-tasks:before { content: fa-content($fa-var-tasks); } -.#{$fa-css-prefix}-taxi:before { content: fa-content($fa-var-taxi); } -.#{$fa-css-prefix}-telegram:before { content: fa-content($fa-var-telegram); } -.#{$fa-css-prefix}-telegram-plane:before { content: fa-content($fa-var-telegram-plane); } -.#{$fa-css-prefix}-tencent-weibo:before { content: fa-content($fa-var-tencent-weibo); } -.#{$fa-css-prefix}-terminal:before { content: fa-content($fa-var-terminal); } -.#{$fa-css-prefix}-text-height:before { content: fa-content($fa-var-text-height); } -.#{$fa-css-prefix}-text-width:before { content: fa-content($fa-var-text-width); } -.#{$fa-css-prefix}-th:before { content: fa-content($fa-var-th); } -.#{$fa-css-prefix}-th-large:before { content: fa-content($fa-var-th-large); } -.#{$fa-css-prefix}-th-list:before { content: fa-content($fa-var-th-list); } -.#{$fa-css-prefix}-themeisle:before { content: fa-content($fa-var-themeisle); } -.#{$fa-css-prefix}-thermometer-empty:before { content: fa-content($fa-var-thermometer-empty); } -.#{$fa-css-prefix}-thermometer-full:before { content: fa-content($fa-var-thermometer-full); } -.#{$fa-css-prefix}-thermometer-half:before { content: fa-content($fa-var-thermometer-half); } -.#{$fa-css-prefix}-thermometer-quarter:before { content: fa-content($fa-var-thermometer-quarter); } -.#{$fa-css-prefix}-thermometer-three-quarters:before { content: fa-content($fa-var-thermometer-three-quarters); } -.#{$fa-css-prefix}-thumbs-down:before { content: fa-content($fa-var-thumbs-down); } -.#{$fa-css-prefix}-thumbs-up:before { content: fa-content($fa-var-thumbs-up); } -.#{$fa-css-prefix}-thumbtack:before { content: fa-content($fa-var-thumbtack); } -.#{$fa-css-prefix}-ticket-alt:before { content: fa-content($fa-var-ticket-alt); } -.#{$fa-css-prefix}-times:before { content: fa-content($fa-var-times); } -.#{$fa-css-prefix}-times-circle:before { content: fa-content($fa-var-times-circle); } -.#{$fa-css-prefix}-tint:before { content: fa-content($fa-var-tint); } -.#{$fa-css-prefix}-toggle-off:before { content: fa-content($fa-var-toggle-off); } -.#{$fa-css-prefix}-toggle-on:before { content: fa-content($fa-var-toggle-on); } -.#{$fa-css-prefix}-trademark:before { content: fa-content($fa-var-trademark); } -.#{$fa-css-prefix}-train:before { content: fa-content($fa-var-train); } -.#{$fa-css-prefix}-transgender:before { content: fa-content($fa-var-transgender); } -.#{$fa-css-prefix}-transgender-alt:before { content: fa-content($fa-var-transgender-alt); } -.#{$fa-css-prefix}-trash:before { content: fa-content($fa-var-trash); } -.#{$fa-css-prefix}-trash-alt:before { content: fa-content($fa-var-trash-alt); } -.#{$fa-css-prefix}-tree:before { content: fa-content($fa-var-tree); } -.#{$fa-css-prefix}-trello:before { content: fa-content($fa-var-trello); } -.#{$fa-css-prefix}-tripadvisor:before { content: fa-content($fa-var-tripadvisor); } -.#{$fa-css-prefix}-trophy:before { content: fa-content($fa-var-trophy); } -.#{$fa-css-prefix}-truck:before { content: fa-content($fa-var-truck); } -.#{$fa-css-prefix}-tty:before { content: fa-content($fa-var-tty); } -.#{$fa-css-prefix}-tumblr:before { content: fa-content($fa-var-tumblr); } -.#{$fa-css-prefix}-tumblr-square:before { content: fa-content($fa-var-tumblr-square); } -.#{$fa-css-prefix}-tv:before { content: fa-content($fa-var-tv); } -.#{$fa-css-prefix}-twitch:before { content: fa-content($fa-var-twitch); } -.#{$fa-css-prefix}-twitter:before { content: fa-content($fa-var-twitter); } -.#{$fa-css-prefix}-twitter-square:before { content: fa-content($fa-var-twitter-square); } -.#{$fa-css-prefix}-typo3:before { content: fa-content($fa-var-typo3); } -.#{$fa-css-prefix}-uber:before { content: fa-content($fa-var-uber); } -.#{$fa-css-prefix}-uikit:before { content: fa-content($fa-var-uikit); } -.#{$fa-css-prefix}-umbrella:before { content: fa-content($fa-var-umbrella); } -.#{$fa-css-prefix}-underline:before { content: fa-content($fa-var-underline); } -.#{$fa-css-prefix}-undo:before { content: fa-content($fa-var-undo); } -.#{$fa-css-prefix}-undo-alt:before { content: fa-content($fa-var-undo-alt); } -.#{$fa-css-prefix}-uniregistry:before { content: fa-content($fa-var-uniregistry); } -.#{$fa-css-prefix}-universal-access:before { content: fa-content($fa-var-universal-access); } -.#{$fa-css-prefix}-university:before { content: fa-content($fa-var-university); } -.#{$fa-css-prefix}-unlink:before { content: fa-content($fa-var-unlink); } -.#{$fa-css-prefix}-unlock:before { content: fa-content($fa-var-unlock); } -.#{$fa-css-prefix}-unlock-alt:before { content: fa-content($fa-var-unlock-alt); } -.#{$fa-css-prefix}-untappd:before { content: fa-content($fa-var-untappd); } -.#{$fa-css-prefix}-upload:before { content: fa-content($fa-var-upload); } -.#{$fa-css-prefix}-usb:before { content: fa-content($fa-var-usb); } -.#{$fa-css-prefix}-user:before { content: fa-content($fa-var-user); } -.#{$fa-css-prefix}-user-circle:before { content: fa-content($fa-var-user-circle); } -.#{$fa-css-prefix}-user-md:before { content: fa-content($fa-var-user-md); } -.#{$fa-css-prefix}-user-plus:before { content: fa-content($fa-var-user-plus); } -.#{$fa-css-prefix}-user-secret:before { content: fa-content($fa-var-user-secret); } -.#{$fa-css-prefix}-user-times:before { content: fa-content($fa-var-user-times); } -.#{$fa-css-prefix}-users:before { content: fa-content($fa-var-users); } -.#{$fa-css-prefix}-ussunnah:before { content: fa-content($fa-var-ussunnah); } -.#{$fa-css-prefix}-utensil-spoon:before { content: fa-content($fa-var-utensil-spoon); } -.#{$fa-css-prefix}-utensils:before { content: fa-content($fa-var-utensils); } -.#{$fa-css-prefix}-vaadin:before { content: fa-content($fa-var-vaadin); } -.#{$fa-css-prefix}-venus:before { content: fa-content($fa-var-venus); } -.#{$fa-css-prefix}-venus-double:before { content: fa-content($fa-var-venus-double); } -.#{$fa-css-prefix}-venus-mars:before { content: fa-content($fa-var-venus-mars); } -.#{$fa-css-prefix}-viacoin:before { content: fa-content($fa-var-viacoin); } -.#{$fa-css-prefix}-viadeo:before { content: fa-content($fa-var-viadeo); } -.#{$fa-css-prefix}-viadeo-square:before { content: fa-content($fa-var-viadeo-square); } -.#{$fa-css-prefix}-viber:before { content: fa-content($fa-var-viber); } -.#{$fa-css-prefix}-video:before { content: fa-content($fa-var-video); } -.#{$fa-css-prefix}-vimeo:before { content: fa-content($fa-var-vimeo); } -.#{$fa-css-prefix}-vimeo-square:before { content: fa-content($fa-var-vimeo-square); } -.#{$fa-css-prefix}-vimeo-v:before { content: fa-content($fa-var-vimeo-v); } -.#{$fa-css-prefix}-vine:before { content: fa-content($fa-var-vine); } -.#{$fa-css-prefix}-vk:before { content: fa-content($fa-var-vk); } -.#{$fa-css-prefix}-vnv:before { content: fa-content($fa-var-vnv); } -.#{$fa-css-prefix}-volume-down:before { content: fa-content($fa-var-volume-down); } -.#{$fa-css-prefix}-volume-off:before { content: fa-content($fa-var-volume-off); } -.#{$fa-css-prefix}-volume-up:before { content: fa-content($fa-var-volume-up); } -.#{$fa-css-prefix}-vuejs:before { content: fa-content($fa-var-vuejs); } -.#{$fa-css-prefix}-weibo:before { content: fa-content($fa-var-weibo); } -.#{$fa-css-prefix}-weixin:before { content: fa-content($fa-var-weixin); } -.#{$fa-css-prefix}-whatsapp:before { content: fa-content($fa-var-whatsapp); } -.#{$fa-css-prefix}-whatsapp-square:before { content: fa-content($fa-var-whatsapp-square); } -.#{$fa-css-prefix}-wheelchair:before { content: fa-content($fa-var-wheelchair); } -.#{$fa-css-prefix}-whmcs:before { content: fa-content($fa-var-whmcs); } -.#{$fa-css-prefix}-wifi:before { content: fa-content($fa-var-wifi); } -.#{$fa-css-prefix}-wikipedia-w:before { content: fa-content($fa-var-wikipedia-w); } -.#{$fa-css-prefix}-window-close:before { content: fa-content($fa-var-window-close); } -.#{$fa-css-prefix}-window-maximize:before { content: fa-content($fa-var-window-maximize); } -.#{$fa-css-prefix}-window-minimize:before { content: fa-content($fa-var-window-minimize); } -.#{$fa-css-prefix}-window-restore:before { content: fa-content($fa-var-window-restore); } -.#{$fa-css-prefix}-windows:before { content: fa-content($fa-var-windows); } -.#{$fa-css-prefix}-won-sign:before { content: fa-content($fa-var-won-sign); } -.#{$fa-css-prefix}-wordpress:before { content: fa-content($fa-var-wordpress); } -.#{$fa-css-prefix}-wordpress-simple:before { content: fa-content($fa-var-wordpress-simple); } -.#{$fa-css-prefix}-wpbeginner:before { content: fa-content($fa-var-wpbeginner); } -.#{$fa-css-prefix}-wpexplorer:before { content: fa-content($fa-var-wpexplorer); } -.#{$fa-css-prefix}-wpforms:before { content: fa-content($fa-var-wpforms); } -.#{$fa-css-prefix}-wrench:before { content: fa-content($fa-var-wrench); } -.#{$fa-css-prefix}-xbox:before { content: fa-content($fa-var-xbox); } -.#{$fa-css-prefix}-xing:before { content: fa-content($fa-var-xing); } -.#{$fa-css-prefix}-xing-square:before { content: fa-content($fa-var-xing-square); } -.#{$fa-css-prefix}-y-combinator:before { content: fa-content($fa-var-y-combinator); } -.#{$fa-css-prefix}-yahoo:before { content: fa-content($fa-var-yahoo); } -.#{$fa-css-prefix}-yandex:before { content: fa-content($fa-var-yandex); } -.#{$fa-css-prefix}-yandex-international:before { content: fa-content($fa-var-yandex-international); } -.#{$fa-css-prefix}-yelp:before { content: fa-content($fa-var-yelp); } -.#{$fa-css-prefix}-yen-sign:before { content: fa-content($fa-var-yen-sign); } -.#{$fa-css-prefix}-yoast:before { content: fa-content($fa-var-yoast); } -.#{$fa-css-prefix}-youtube:before { content: fa-content($fa-var-youtube); } diff --git a/docs/src/assets/fa/_larger.scss b/docs/src/assets/fa/_larger.scss deleted file mode 100644 index 27c2ad5fc..000000000 --- a/docs/src/assets/fa/_larger.scss +++ /dev/null @@ -1,23 +0,0 @@ -// Icon Sizes -// ------------------------- - -// makes the font 33% larger relative to the icon container -.#{$fa-css-prefix}-lg { - font-size: (4em / 3); - line-height: (3em / 4); - vertical-align: -.0667em; -} - -.#{$fa-css-prefix}-xs { - font-size: .75em; -} - -.#{$fa-css-prefix}-sm { - font-size: .875em; -} - -@for $i from 1 through 10 { - .#{$fa-css-prefix}-#{$i}x { - font-size: $i * 1em; - } -} diff --git a/docs/src/assets/fa/_list.scss b/docs/src/assets/fa/_list.scss deleted file mode 100644 index 8ebf33333..000000000 --- a/docs/src/assets/fa/_list.scss +++ /dev/null @@ -1,18 +0,0 @@ -// List Icons -// ------------------------- - -.#{$fa-css-prefix}-ul { - list-style-type: none; - margin-left: $fa-li-width * 5/4; - padding-left: 0; - - > li { position: relative; } -} - -.#{$fa-css-prefix}-li { - left: -$fa-li-width; - position: absolute; - text-align: center; - width: $fa-li-width; - line-height: inherit; -} diff --git a/docs/src/assets/fa/_mixins.scss b/docs/src/assets/fa/_mixins.scss deleted file mode 100644 index 06e549b69..000000000 --- a/docs/src/assets/fa/_mixins.scss +++ /dev/null @@ -1,57 +0,0 @@ -// Mixins -// -------------------------- - -@mixin fa-icon { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - display: inline-block; - font-style: normal; - font-variant: normal; - font-weight: normal; - line-height: 1; - vertical-align: -15%; -} - -@mixin fa-icon-rotate($degrees, $rotation) { - -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation})"; - transform: rotate($degrees); -} - -@mixin fa-icon-flip($horiz, $vert, $rotation) { - -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=#{$rotation}, mirror=1)"; - transform: scale($horiz, $vert); -} - - -// Only display content to screen readers. A la Bootstrap 4. -// -// See: http://a11yproject.com/posts/how-to-hide-content/ - -@mixin sr-only { - border: 0; - clip: rect(0, 0, 0, 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -// Use in conjunction with .sr-only to only display content when it's focused. -// -// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 -// -// Credit: HTML5 Boilerplate - -@mixin sr-only-focusable { - &:active, - &:focus { - clip: auto; - height: auto; - margin: 0; - overflow: visible; - position: static; - width: auto; - } -} diff --git a/docs/src/assets/fa/_rotated-flipped.scss b/docs/src/assets/fa/_rotated-flipped.scss deleted file mode 100644 index 995bc4cc7..000000000 --- a/docs/src/assets/fa/_rotated-flipped.scss +++ /dev/null @@ -1,23 +0,0 @@ -// Rotated & Flipped Icons -// ------------------------- - -.#{$fa-css-prefix}-rotate-90 { @include fa-icon-rotate(90deg, 1); } -.#{$fa-css-prefix}-rotate-180 { @include fa-icon-rotate(180deg, 2); } -.#{$fa-css-prefix}-rotate-270 { @include fa-icon-rotate(270deg, 3); } - -.#{$fa-css-prefix}-flip-horizontal { @include fa-icon-flip(-1, 1, 0); } -.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(1, -1, 2); } -.#{$fa-css-prefix}-flip-horizontal.#{$fa-css-prefix}-flip-vertical { @include fa-icon-flip(-1, -1, 2); } - -// Hook for IE8-9 -// ------------------------- - -:root { - .#{$fa-css-prefix}-rotate-90, - .#{$fa-css-prefix}-rotate-180, - .#{$fa-css-prefix}-rotate-270, - .#{$fa-css-prefix}-flip-horizontal, - .#{$fa-css-prefix}-flip-vertical { - filter: none; - } -} diff --git a/docs/src/assets/fa/_screen-reader.scss b/docs/src/assets/fa/_screen-reader.scss deleted file mode 100644 index 5d0ab262f..000000000 --- a/docs/src/assets/fa/_screen-reader.scss +++ /dev/null @@ -1,5 +0,0 @@ -// Screen Readers -// ------------------------- - -.sr-only { @include sr-only; } -.sr-only-focusable { @include sr-only-focusable; } diff --git a/docs/src/assets/fa/_stacked.scss b/docs/src/assets/fa/_stacked.scss deleted file mode 100644 index 6c09d84cd..000000000 --- a/docs/src/assets/fa/_stacked.scss +++ /dev/null @@ -1,31 +0,0 @@ -// Stacked Icons -// ------------------------- - -.#{$fa-css-prefix}-stack { - display: inline-block; - height: 2em; - line-height: 2em; - position: relative; - vertical-align: middle; - width: 2em; -} - -.#{$fa-css-prefix}-stack-1x, -.#{$fa-css-prefix}-stack-2x { - left: 0; - position: absolute; - text-align: center; - width: 100%; -} - -.#{$fa-css-prefix}-stack-1x { - line-height: inherit; -} - -.#{$fa-css-prefix}-stack-2x { - font-size: 2em; -} - -.#{$fa-css-prefix}-inverse { - color: $fa-inverse; -} diff --git a/docs/src/assets/fa/_variables.scss b/docs/src/assets/fa/_variables.scss deleted file mode 100644 index d2c4d474c..000000000 --- a/docs/src/assets/fa/_variables.scss +++ /dev/null @@ -1,805 +0,0 @@ -// Variables -// -------------------------- - -$fa-font-path: "../webfonts" !default; -$fa-font-size-base: 16px !default; -$fa-css-prefix: fa !default; -$fa-version: "5.0.2" !default; -$fa-border-color: #eee !default; -$fa-inverse: #fff !default; -$fa-li-width: 2em !default; - -// Convenience function used to set content property -@function fa-content($fa-var) { - @return unquote("\"#{ $fa-var }\""); -} - -$fa-var-500px: \f26e; -$fa-var-accessible-icon: \f368; -$fa-var-accusoft: \f369; -$fa-var-address-book: \f2b9; -$fa-var-address-card: \f2bb; -$fa-var-adjust: \f042; -$fa-var-adn: \f170; -$fa-var-adversal: \f36a; -$fa-var-affiliatetheme: \f36b; -$fa-var-algolia: \f36c; -$fa-var-align-center: \f037; -$fa-var-align-justify: \f039; -$fa-var-align-left: \f036; -$fa-var-align-right: \f038; -$fa-var-amazon: \f270; -$fa-var-amazon-pay: \f42c; -$fa-var-ambulance: \f0f9; -$fa-var-american-sign-language-interpreting: \f2a3; -$fa-var-amilia: \f36d; -$fa-var-anchor: \f13d; -$fa-var-android: \f17b; -$fa-var-angellist: \f209; -$fa-var-angle-double-down: \f103; -$fa-var-angle-double-left: \f100; -$fa-var-angle-double-right: \f101; -$fa-var-angle-double-up: \f102; -$fa-var-angle-down: \f107; -$fa-var-angle-left: \f104; -$fa-var-angle-right: \f105; -$fa-var-angle-up: \f106; -$fa-var-angrycreative: \f36e; -$fa-var-angular: \f420; -$fa-var-app-store: \f36f; -$fa-var-app-store-ios: \f370; -$fa-var-apper: \f371; -$fa-var-apple: \f179; -$fa-var-apple-pay: \f415; -$fa-var-archive: \f187; -$fa-var-arrow-alt-circle-down: \f358; -$fa-var-arrow-alt-circle-left: \f359; -$fa-var-arrow-alt-circle-right: \f35a; -$fa-var-arrow-alt-circle-up: \f35b; -$fa-var-arrow-circle-down: \f0ab; -$fa-var-arrow-circle-left: \f0a8; -$fa-var-arrow-circle-right: \f0a9; -$fa-var-arrow-circle-up: \f0aa; -$fa-var-arrow-down: \f063; -$fa-var-arrow-left: \f060; -$fa-var-arrow-right: \f061; -$fa-var-arrow-up: \f062; -$fa-var-arrows-alt: \f0b2; -$fa-var-arrows-alt-h: \f337; -$fa-var-arrows-alt-v: \f338; -$fa-var-assistive-listening-systems: \f2a2; -$fa-var-asterisk: \f069; -$fa-var-asymmetrik: \f372; -$fa-var-at: \f1fa; -$fa-var-audible: \f373; -$fa-var-audio-description: \f29e; -$fa-var-autoprefixer: \f41c; -$fa-var-avianex: \f374; -$fa-var-aviato: \f421; -$fa-var-aws: \f375; -$fa-var-backward: \f04a; -$fa-var-balance-scale: \f24e; -$fa-var-ban: \f05e; -$fa-var-bandcamp: \f2d5; -$fa-var-barcode: \f02a; -$fa-var-bars: \f0c9; -$fa-var-bath: \f2cd; -$fa-var-battery-empty: \f244; -$fa-var-battery-full: \f240; -$fa-var-battery-half: \f242; -$fa-var-battery-quarter: \f243; -$fa-var-battery-three-quarters: \f241; -$fa-var-bed: \f236; -$fa-var-beer: \f0fc; -$fa-var-behance: \f1b4; -$fa-var-behance-square: \f1b5; -$fa-var-bell: \f0f3; -$fa-var-bell-slash: \f1f6; -$fa-var-bicycle: \f206; -$fa-var-bimobject: \f378; -$fa-var-binoculars: \f1e5; -$fa-var-birthday-cake: \f1fd; -$fa-var-bitbucket: \f171; -$fa-var-bitcoin: \f379; -$fa-var-bity: \f37a; -$fa-var-black-tie: \f27e; -$fa-var-blackberry: \f37b; -$fa-var-blind: \f29d; -$fa-var-blogger: \f37c; -$fa-var-blogger-b: \f37d; -$fa-var-bluetooth: \f293; -$fa-var-bluetooth-b: \f294; -$fa-var-bold: \f032; -$fa-var-bolt: \f0e7; -$fa-var-bomb: \f1e2; -$fa-var-book: \f02d; -$fa-var-bookmark: \f02e; -$fa-var-braille: \f2a1; -$fa-var-briefcase: \f0b1; -$fa-var-btc: \f15a; -$fa-var-bug: \f188; -$fa-var-building: \f1ad; -$fa-var-bullhorn: \f0a1; -$fa-var-bullseye: \f140; -$fa-var-buromobelexperte: \f37f; -$fa-var-bus: \f207; -$fa-var-buysellads: \f20d; -$fa-var-calculator: \f1ec; -$fa-var-calendar: \f133; -$fa-var-calendar-alt: \f073; -$fa-var-calendar-check: \f274; -$fa-var-calendar-minus: \f272; -$fa-var-calendar-plus: \f271; -$fa-var-calendar-times: \f273; -$fa-var-camera: \f030; -$fa-var-camera-retro: \f083; -$fa-var-car: \f1b9; -$fa-var-caret-down: \f0d7; -$fa-var-caret-left: \f0d9; -$fa-var-caret-right: \f0da; -$fa-var-caret-square-down: \f150; -$fa-var-caret-square-left: \f191; -$fa-var-caret-square-right: \f152; -$fa-var-caret-square-up: \f151; -$fa-var-caret-up: \f0d8; -$fa-var-cart-arrow-down: \f218; -$fa-var-cart-plus: \f217; -$fa-var-cc-amazon-pay: \f42d; -$fa-var-cc-amex: \f1f3; -$fa-var-cc-apple-pay: \f416; -$fa-var-cc-diners-club: \f24c; -$fa-var-cc-discover: \f1f2; -$fa-var-cc-jcb: \f24b; -$fa-var-cc-mastercard: \f1f1; -$fa-var-cc-paypal: \f1f4; -$fa-var-cc-stripe: \f1f5; -$fa-var-cc-visa: \f1f0; -$fa-var-centercode: \f380; -$fa-var-certificate: \f0a3; -$fa-var-chart-area: \f1fe; -$fa-var-chart-bar: \f080; -$fa-var-chart-line: \f201; -$fa-var-chart-pie: \f200; -$fa-var-check: \f00c; -$fa-var-check-circle: \f058; -$fa-var-check-square: \f14a; -$fa-var-chevron-circle-down: \f13a; -$fa-var-chevron-circle-left: \f137; -$fa-var-chevron-circle-right: \f138; -$fa-var-chevron-circle-up: \f139; -$fa-var-chevron-down: \f078; -$fa-var-chevron-left: \f053; -$fa-var-chevron-right: \f054; -$fa-var-chevron-up: \f077; -$fa-var-child: \f1ae; -$fa-var-chrome: \f268; -$fa-var-circle: \f111; -$fa-var-circle-notch: \f1ce; -$fa-var-clipboard: \f328; -$fa-var-clock: \f017; -$fa-var-clone: \f24d; -$fa-var-closed-captioning: \f20a; -$fa-var-cloud: \f0c2; -$fa-var-cloud-download-alt: \f381; -$fa-var-cloud-upload-alt: \f382; -$fa-var-cloudscale: \f383; -$fa-var-cloudsmith: \f384; -$fa-var-cloudversify: \f385; -$fa-var-code: \f121; -$fa-var-code-branch: \f126; -$fa-var-codepen: \f1cb; -$fa-var-codiepie: \f284; -$fa-var-coffee: \f0f4; -$fa-var-cog: \f013; -$fa-var-cogs: \f085; -$fa-var-columns: \f0db; -$fa-var-comment: \f075; -$fa-var-comment-alt: \f27a; -$fa-var-comments: \f086; -$fa-var-compass: \f14e; -$fa-var-compress: \f066; -$fa-var-connectdevelop: \f20e; -$fa-var-contao: \f26d; -$fa-var-copy: \f0c5; -$fa-var-copyright: \f1f9; -$fa-var-cpanel: \f388; -$fa-var-creative-commons: \f25e; -$fa-var-credit-card: \f09d; -$fa-var-crop: \f125; -$fa-var-crosshairs: \f05b; -$fa-var-css3: \f13c; -$fa-var-css3-alt: \f38b; -$fa-var-cube: \f1b2; -$fa-var-cubes: \f1b3; -$fa-var-cut: \f0c4; -$fa-var-cuttlefish: \f38c; -$fa-var-d-and-d: \f38d; -$fa-var-dashcube: \f210; -$fa-var-database: \f1c0; -$fa-var-deaf: \f2a4; -$fa-var-delicious: \f1a5; -$fa-var-deploydog: \f38e; -$fa-var-deskpro: \f38f; -$fa-var-desktop: \f108; -$fa-var-deviantart: \f1bd; -$fa-var-digg: \f1a6; -$fa-var-digital-ocean: \f391; -$fa-var-discord: \f392; -$fa-var-discourse: \f393; -$fa-var-dochub: \f394; -$fa-var-docker: \f395; -$fa-var-dollar-sign: \f155; -$fa-var-dot-circle: \f192; -$fa-var-download: \f019; -$fa-var-draft2digital: \f396; -$fa-var-dribbble: \f17d; -$fa-var-dribbble-square: \f397; -$fa-var-dropbox: \f16b; -$fa-var-drupal: \f1a9; -$fa-var-dyalog: \f399; -$fa-var-earlybirds: \f39a; -$fa-var-edge: \f282; -$fa-var-edit: \f044; -$fa-var-eject: \f052; -$fa-var-ellipsis-h: \f141; -$fa-var-ellipsis-v: \f142; -$fa-var-ember: \f423; -$fa-var-empire: \f1d1; -$fa-var-envelope: \f0e0; -$fa-var-envelope-open: \f2b6; -$fa-var-envelope-square: \f199; -$fa-var-envira: \f299; -$fa-var-eraser: \f12d; -$fa-var-erlang: \f39d; -$fa-var-ethereum: \f42e; -$fa-var-etsy: \f2d7; -$fa-var-euro-sign: \f153; -$fa-var-exchange-alt: \f362; -$fa-var-exclamation: \f12a; -$fa-var-exclamation-circle: \f06a; -$fa-var-exclamation-triangle: \f071; -$fa-var-expand: \f065; -$fa-var-expand-arrows-alt: \f31e; -$fa-var-expeditedssl: \f23e; -$fa-var-external-link-alt: \f35d; -$fa-var-external-link-square-alt: \f360; -$fa-var-eye: \f06e; -$fa-var-eye-dropper: \f1fb; -$fa-var-eye-slash: \f070; -$fa-var-facebook: \f09a; -$fa-var-facebook-f: \f39e; -$fa-var-facebook-messenger: \f39f; -$fa-var-facebook-square: \f082; -$fa-var-fast-backward: \f049; -$fa-var-fast-forward: \f050; -$fa-var-fax: \f1ac; -$fa-var-female: \f182; -$fa-var-fighter-jet: \f0fb; -$fa-var-file: \f15b; -$fa-var-file-alt: \f15c; -$fa-var-file-archive: \f1c6; -$fa-var-file-audio: \f1c7; -$fa-var-file-code: \f1c9; -$fa-var-file-excel: \f1c3; -$fa-var-file-image: \f1c5; -$fa-var-file-pdf: \f1c1; -$fa-var-file-powerpoint: \f1c4; -$fa-var-file-video: \f1c8; -$fa-var-file-word: \f1c2; -$fa-var-film: \f008; -$fa-var-filter: \f0b0; -$fa-var-fire: \f06d; -$fa-var-fire-extinguisher: \f134; -$fa-var-firefox: \f269; -$fa-var-first-order: \f2b0; -$fa-var-firstdraft: \f3a1; -$fa-var-flag: \f024; -$fa-var-flag-checkered: \f11e; -$fa-var-flask: \f0c3; -$fa-var-flickr: \f16e; -$fa-var-fly: \f417; -$fa-var-folder: \f07b; -$fa-var-folder-open: \f07c; -$fa-var-font: \f031; -$fa-var-font-awesome: \f2b4; -$fa-var-font-awesome-alt: \f35c; -$fa-var-font-awesome-flag: \f425; -$fa-var-fonticons: \f280; -$fa-var-fonticons-fi: \f3a2; -$fa-var-fort-awesome: \f286; -$fa-var-fort-awesome-alt: \f3a3; -$fa-var-forumbee: \f211; -$fa-var-forward: \f04e; -$fa-var-foursquare: \f180; -$fa-var-free-code-camp: \f2c5; -$fa-var-freebsd: \f3a4; -$fa-var-frown: \f119; -$fa-var-futbol: \f1e3; -$fa-var-gamepad: \f11b; -$fa-var-gavel: \f0e3; -$fa-var-gem: \f3a5; -$fa-var-genderless: \f22d; -$fa-var-get-pocket: \f265; -$fa-var-gg: \f260; -$fa-var-gg-circle: \f261; -$fa-var-gift: \f06b; -$fa-var-git: \f1d3; -$fa-var-git-square: \f1d2; -$fa-var-github: \f09b; -$fa-var-github-alt: \f113; -$fa-var-github-square: \f092; -$fa-var-gitkraken: \f3a6; -$fa-var-gitlab: \f296; -$fa-var-gitter: \f426; -$fa-var-glass-martini: \f000; -$fa-var-glide: \f2a5; -$fa-var-glide-g: \f2a6; -$fa-var-globe: \f0ac; -$fa-var-gofore: \f3a7; -$fa-var-goodreads: \f3a8; -$fa-var-goodreads-g: \f3a9; -$fa-var-google: \f1a0; -$fa-var-google-drive: \f3aa; -$fa-var-google-play: \f3ab; -$fa-var-google-plus: \f2b3; -$fa-var-google-plus-g: \f0d5; -$fa-var-google-plus-square: \f0d4; -$fa-var-google-wallet: \f1ee; -$fa-var-graduation-cap: \f19d; -$fa-var-gratipay: \f184; -$fa-var-grav: \f2d6; -$fa-var-gripfire: \f3ac; -$fa-var-grunt: \f3ad; -$fa-var-gulp: \f3ae; -$fa-var-h-square: \f0fd; -$fa-var-hacker-news: \f1d4; -$fa-var-hacker-news-square: \f3af; -$fa-var-hand-lizard: \f258; -$fa-var-hand-paper: \f256; -$fa-var-hand-peace: \f25b; -$fa-var-hand-point-down: \f0a7; -$fa-var-hand-point-left: \f0a5; -$fa-var-hand-point-right: \f0a4; -$fa-var-hand-point-up: \f0a6; -$fa-var-hand-pointer: \f25a; -$fa-var-hand-rock: \f255; -$fa-var-hand-scissors: \f257; -$fa-var-hand-spock: \f259; -$fa-var-handshake: \f2b5; -$fa-var-hashtag: \f292; -$fa-var-hdd: \f0a0; -$fa-var-heading: \f1dc; -$fa-var-headphones: \f025; -$fa-var-heart: \f004; -$fa-var-heartbeat: \f21e; -$fa-var-hire-a-helper: \f3b0; -$fa-var-history: \f1da; -$fa-var-home: \f015; -$fa-var-hooli: \f427; -$fa-var-hospital: \f0f8; -$fa-var-hotjar: \f3b1; -$fa-var-hourglass: \f254; -$fa-var-hourglass-end: \f253; -$fa-var-hourglass-half: \f252; -$fa-var-hourglass-start: \f251; -$fa-var-houzz: \f27c; -$fa-var-html5: \f13b; -$fa-var-hubspot: \f3b2; -$fa-var-i-cursor: \f246; -$fa-var-id-badge: \f2c1; -$fa-var-id-card: \f2c2; -$fa-var-image: \f03e; -$fa-var-images: \f302; -$fa-var-imdb: \f2d8; -$fa-var-inbox: \f01c; -$fa-var-indent: \f03c; -$fa-var-industry: \f275; -$fa-var-info: \f129; -$fa-var-info-circle: \f05a; -$fa-var-instagram: \f16d; -$fa-var-internet-explorer: \f26b; -$fa-var-ioxhost: \f208; -$fa-var-italic: \f033; -$fa-var-itunes: \f3b4; -$fa-var-itunes-note: \f3b5; -$fa-var-jenkins: \f3b6; -$fa-var-joget: \f3b7; -$fa-var-joomla: \f1aa; -$fa-var-js: \f3b8; -$fa-var-js-square: \f3b9; -$fa-var-jsfiddle: \f1cc; -$fa-var-key: \f084; -$fa-var-keyboard: \f11c; -$fa-var-keycdn: \f3ba; -$fa-var-kickstarter: \f3bb; -$fa-var-kickstarter-k: \f3bc; -$fa-var-korvue: \f42f; -$fa-var-language: \f1ab; -$fa-var-laptop: \f109; -$fa-var-laravel: \f3bd; -$fa-var-lastfm: \f202; -$fa-var-lastfm-square: \f203; -$fa-var-leaf: \f06c; -$fa-var-leanpub: \f212; -$fa-var-lemon: \f094; -$fa-var-less: \f41d; -$fa-var-level-down-alt: \f3be; -$fa-var-level-up-alt: \f3bf; -$fa-var-life-ring: \f1cd; -$fa-var-lightbulb: \f0eb; -$fa-var-line: \f3c0; -$fa-var-link: \f0c1; -$fa-var-linkedin: \f08c; -$fa-var-linkedin-in: \f0e1; -$fa-var-linode: \f2b8; -$fa-var-linux: \f17c; -$fa-var-lira-sign: \f195; -$fa-var-list: \f03a; -$fa-var-list-alt: \f022; -$fa-var-list-ol: \f0cb; -$fa-var-list-ul: \f0ca; -$fa-var-location-arrow: \f124; -$fa-var-lock: \f023; -$fa-var-lock-open: \f3c1; -$fa-var-long-arrow-alt-down: \f309; -$fa-var-long-arrow-alt-left: \f30a; -$fa-var-long-arrow-alt-right: \f30b; -$fa-var-long-arrow-alt-up: \f30c; -$fa-var-low-vision: \f2a8; -$fa-var-lyft: \f3c3; -$fa-var-magento: \f3c4; -$fa-var-magic: \f0d0; -$fa-var-magnet: \f076; -$fa-var-male: \f183; -$fa-var-map: \f279; -$fa-var-map-marker: \f041; -$fa-var-map-marker-alt: \f3c5; -$fa-var-map-pin: \f276; -$fa-var-map-signs: \f277; -$fa-var-mars: \f222; -$fa-var-mars-double: \f227; -$fa-var-mars-stroke: \f229; -$fa-var-mars-stroke-h: \f22b; -$fa-var-mars-stroke-v: \f22a; -$fa-var-maxcdn: \f136; -$fa-var-medapps: \f3c6; -$fa-var-medium: \f23a; -$fa-var-medium-m: \f3c7; -$fa-var-medkit: \f0fa; -$fa-var-medrt: \f3c8; -$fa-var-meetup: \f2e0; -$fa-var-meh: \f11a; -$fa-var-mercury: \f223; -$fa-var-microchip: \f2db; -$fa-var-microphone: \f130; -$fa-var-microphone-slash: \f131; -$fa-var-microsoft: \f3ca; -$fa-var-minus: \f068; -$fa-var-minus-circle: \f056; -$fa-var-minus-square: \f146; -$fa-var-mix: \f3cb; -$fa-var-mixcloud: \f289; -$fa-var-mizuni: \f3cc; -$fa-var-mobile: \f10b; -$fa-var-mobile-alt: \f3cd; -$fa-var-modx: \f285; -$fa-var-monero: \f3d0; -$fa-var-money-bill-alt: \f3d1; -$fa-var-moon: \f186; -$fa-var-motorcycle: \f21c; -$fa-var-mouse-pointer: \f245; -$fa-var-music: \f001; -$fa-var-napster: \f3d2; -$fa-var-neuter: \f22c; -$fa-var-newspaper: \f1ea; -$fa-var-nintendo-switch: \f418; -$fa-var-node: \f419; -$fa-var-node-js: \f3d3; -$fa-var-npm: \f3d4; -$fa-var-ns8: \f3d5; -$fa-var-nutritionix: \f3d6; -$fa-var-object-group: \f247; -$fa-var-object-ungroup: \f248; -$fa-var-odnoklassniki: \f263; -$fa-var-odnoklassniki-square: \f264; -$fa-var-opencart: \f23d; -$fa-var-openid: \f19b; -$fa-var-opera: \f26a; -$fa-var-optin-monster: \f23c; -$fa-var-osi: \f41a; -$fa-var-outdent: \f03b; -$fa-var-page4: \f3d7; -$fa-var-pagelines: \f18c; -$fa-var-paint-brush: \f1fc; -$fa-var-palfed: \f3d8; -$fa-var-paper-plane: \f1d8; -$fa-var-paperclip: \f0c6; -$fa-var-paragraph: \f1dd; -$fa-var-paste: \f0ea; -$fa-var-patreon: \f3d9; -$fa-var-pause: \f04c; -$fa-var-pause-circle: \f28b; -$fa-var-paw: \f1b0; -$fa-var-paypal: \f1ed; -$fa-var-pen-square: \f14b; -$fa-var-pencil-alt: \f303; -$fa-var-percent: \f295; -$fa-var-periscope: \f3da; -$fa-var-phabricator: \f3db; -$fa-var-phoenix-framework: \f3dc; -$fa-var-phone: \f095; -$fa-var-phone-square: \f098; -$fa-var-phone-volume: \f2a0; -$fa-var-pied-piper: \f2ae; -$fa-var-pied-piper-alt: \f1a8; -$fa-var-pied-piper-pp: \f1a7; -$fa-var-pinterest: \f0d2; -$fa-var-pinterest-p: \f231; -$fa-var-pinterest-square: \f0d3; -$fa-var-plane: \f072; -$fa-var-play: \f04b; -$fa-var-play-circle: \f144; -$fa-var-playstation: \f3df; -$fa-var-plug: \f1e6; -$fa-var-plus: \f067; -$fa-var-plus-circle: \f055; -$fa-var-plus-square: \f0fe; -$fa-var-podcast: \f2ce; -$fa-var-pound-sign: \f154; -$fa-var-power-off: \f011; -$fa-var-print: \f02f; -$fa-var-product-hunt: \f288; -$fa-var-pushed: \f3e1; -$fa-var-puzzle-piece: \f12e; -$fa-var-python: \f3e2; -$fa-var-qq: \f1d6; -$fa-var-qrcode: \f029; -$fa-var-question: \f128; -$fa-var-question-circle: \f059; -$fa-var-quora: \f2c4; -$fa-var-quote-left: \f10d; -$fa-var-quote-right: \f10e; -$fa-var-random: \f074; -$fa-var-ravelry: \f2d9; -$fa-var-react: \f41b; -$fa-var-rebel: \f1d0; -$fa-var-recycle: \f1b8; -$fa-var-red-river: \f3e3; -$fa-var-reddit: \f1a1; -$fa-var-reddit-alien: \f281; -$fa-var-reddit-square: \f1a2; -$fa-var-redo: \f01e; -$fa-var-redo-alt: \f2f9; -$fa-var-registered: \f25d; -$fa-var-rendact: \f3e4; -$fa-var-renren: \f18b; -$fa-var-reply: \f3e5; -$fa-var-reply-all: \f122; -$fa-var-replyd: \f3e6; -$fa-var-resolving: \f3e7; -$fa-var-retweet: \f079; -$fa-var-road: \f018; -$fa-var-rocket: \f135; -$fa-var-rocketchat: \f3e8; -$fa-var-rockrms: \f3e9; -$fa-var-rss: \f09e; -$fa-var-rss-square: \f143; -$fa-var-ruble-sign: \f158; -$fa-var-rupee-sign: \f156; -$fa-var-safari: \f267; -$fa-var-sass: \f41e; -$fa-var-save: \f0c7; -$fa-var-schlix: \f3ea; -$fa-var-scribd: \f28a; -$fa-var-search: \f002; -$fa-var-search-minus: \f010; -$fa-var-search-plus: \f00e; -$fa-var-searchengin: \f3eb; -$fa-var-sellcast: \f2da; -$fa-var-sellsy: \f213; -$fa-var-server: \f233; -$fa-var-servicestack: \f3ec; -$fa-var-share: \f064; -$fa-var-share-alt: \f1e0; -$fa-var-share-alt-square: \f1e1; -$fa-var-share-square: \f14d; -$fa-var-shekel-sign: \f20b; -$fa-var-shield-alt: \f3ed; -$fa-var-ship: \f21a; -$fa-var-shirtsinbulk: \f214; -$fa-var-shopping-bag: \f290; -$fa-var-shopping-basket: \f291; -$fa-var-shopping-cart: \f07a; -$fa-var-shower: \f2cc; -$fa-var-sign-in-alt: \f2f6; -$fa-var-sign-language: \f2a7; -$fa-var-sign-out-alt: \f2f5; -$fa-var-signal: \f012; -$fa-var-simplybuilt: \f215; -$fa-var-sistrix: \f3ee; -$fa-var-sitemap: \f0e8; -$fa-var-skyatlas: \f216; -$fa-var-skype: \f17e; -$fa-var-slack: \f198; -$fa-var-slack-hash: \f3ef; -$fa-var-sliders-h: \f1de; -$fa-var-slideshare: \f1e7; -$fa-var-smile: \f118; -$fa-var-snapchat: \f2ab; -$fa-var-snapchat-ghost: \f2ac; -$fa-var-snapchat-square: \f2ad; -$fa-var-snowflake: \f2dc; -$fa-var-sort: \f0dc; -$fa-var-sort-alpha-down: \f15d; -$fa-var-sort-alpha-up: \f15e; -$fa-var-sort-amount-down: \f160; -$fa-var-sort-amount-up: \f161; -$fa-var-sort-down: \f0dd; -$fa-var-sort-numeric-down: \f162; -$fa-var-sort-numeric-up: \f163; -$fa-var-sort-up: \f0de; -$fa-var-soundcloud: \f1be; -$fa-var-space-shuttle: \f197; -$fa-var-speakap: \f3f3; -$fa-var-spinner: \f110; -$fa-var-spotify: \f1bc; -$fa-var-square: \f0c8; -$fa-var-stack-exchange: \f18d; -$fa-var-stack-overflow: \f16c; -$fa-var-star: \f005; -$fa-var-star-half: \f089; -$fa-var-staylinked: \f3f5; -$fa-var-steam: \f1b6; -$fa-var-steam-square: \f1b7; -$fa-var-steam-symbol: \f3f6; -$fa-var-step-backward: \f048; -$fa-var-step-forward: \f051; -$fa-var-stethoscope: \f0f1; -$fa-var-sticker-mule: \f3f7; -$fa-var-sticky-note: \f249; -$fa-var-stop: \f04d; -$fa-var-stop-circle: \f28d; -$fa-var-stopwatch: \f2f2; -$fa-var-strava: \f428; -$fa-var-street-view: \f21d; -$fa-var-strikethrough: \f0cc; -$fa-var-stripe: \f429; -$fa-var-stripe-s: \f42a; -$fa-var-studiovinari: \f3f8; -$fa-var-stumbleupon: \f1a4; -$fa-var-stumbleupon-circle: \f1a3; -$fa-var-subscript: \f12c; -$fa-var-subway: \f239; -$fa-var-suitcase: \f0f2; -$fa-var-sun: \f185; -$fa-var-superpowers: \f2dd; -$fa-var-superscript: \f12b; -$fa-var-supple: \f3f9; -$fa-var-sync: \f021; -$fa-var-sync-alt: \f2f1; -$fa-var-table: \f0ce; -$fa-var-tablet: \f10a; -$fa-var-tablet-alt: \f3fa; -$fa-var-tachometer-alt: \f3fd; -$fa-var-tag: \f02b; -$fa-var-tags: \f02c; -$fa-var-tasks: \f0ae; -$fa-var-taxi: \f1ba; -$fa-var-telegram: \f2c6; -$fa-var-telegram-plane: \f3fe; -$fa-var-tencent-weibo: \f1d5; -$fa-var-terminal: \f120; -$fa-var-text-height: \f034; -$fa-var-text-width: \f035; -$fa-var-th: \f00a; -$fa-var-th-large: \f009; -$fa-var-th-list: \f00b; -$fa-var-themeisle: \f2b2; -$fa-var-thermometer-empty: \f2cb; -$fa-var-thermometer-full: \f2c7; -$fa-var-thermometer-half: \f2c9; -$fa-var-thermometer-quarter: \f2ca; -$fa-var-thermometer-three-quarters: \f2c8; -$fa-var-thumbs-down: \f165; -$fa-var-thumbs-up: \f164; -$fa-var-thumbtack: \f08d; -$fa-var-ticket-alt: \f3ff; -$fa-var-times: \f00d; -$fa-var-times-circle: \f057; -$fa-var-tint: \f043; -$fa-var-toggle-off: \f204; -$fa-var-toggle-on: \f205; -$fa-var-trademark: \f25c; -$fa-var-train: \f238; -$fa-var-transgender: \f224; -$fa-var-transgender-alt: \f225; -$fa-var-trash: \f1f8; -$fa-var-trash-alt: \f2ed; -$fa-var-tree: \f1bb; -$fa-var-trello: \f181; -$fa-var-tripadvisor: \f262; -$fa-var-trophy: \f091; -$fa-var-truck: \f0d1; -$fa-var-tty: \f1e4; -$fa-var-tumblr: \f173; -$fa-var-tumblr-square: \f174; -$fa-var-tv: \f26c; -$fa-var-twitch: \f1e8; -$fa-var-twitter: \f099; -$fa-var-twitter-square: \f081; -$fa-var-typo3: \f42b; -$fa-var-uber: \f402; -$fa-var-uikit: \f403; -$fa-var-umbrella: \f0e9; -$fa-var-underline: \f0cd; -$fa-var-undo: \f0e2; -$fa-var-undo-alt: \f2ea; -$fa-var-uniregistry: \f404; -$fa-var-universal-access: \f29a; -$fa-var-university: \f19c; -$fa-var-unlink: \f127; -$fa-var-unlock: \f09c; -$fa-var-unlock-alt: \f13e; -$fa-var-untappd: \f405; -$fa-var-upload: \f093; -$fa-var-usb: \f287; -$fa-var-user: \f007; -$fa-var-user-circle: \f2bd; -$fa-var-user-md: \f0f0; -$fa-var-user-plus: \f234; -$fa-var-user-secret: \f21b; -$fa-var-user-times: \f235; -$fa-var-users: \f0c0; -$fa-var-ussunnah: \f407; -$fa-var-utensil-spoon: \f2e5; -$fa-var-utensils: \f2e7; -$fa-var-vaadin: \f408; -$fa-var-venus: \f221; -$fa-var-venus-double: \f226; -$fa-var-venus-mars: \f228; -$fa-var-viacoin: \f237; -$fa-var-viadeo: \f2a9; -$fa-var-viadeo-square: \f2aa; -$fa-var-viber: \f409; -$fa-var-video: \f03d; -$fa-var-vimeo: \f40a; -$fa-var-vimeo-square: \f194; -$fa-var-vimeo-v: \f27d; -$fa-var-vine: \f1ca; -$fa-var-vk: \f189; -$fa-var-vnv: \f40b; -$fa-var-volume-down: \f027; -$fa-var-volume-off: \f026; -$fa-var-volume-up: \f028; -$fa-var-vuejs: \f41f; -$fa-var-weibo: \f18a; -$fa-var-weixin: \f1d7; -$fa-var-whatsapp: \f232; -$fa-var-whatsapp-square: \f40c; -$fa-var-wheelchair: \f193; -$fa-var-whmcs: \f40d; -$fa-var-wifi: \f1eb; -$fa-var-wikipedia-w: \f266; -$fa-var-window-close: \f410; -$fa-var-window-maximize: \f2d0; -$fa-var-window-minimize: \f2d1; -$fa-var-window-restore: \f2d2; -$fa-var-windows: \f17a; -$fa-var-won-sign: \f159; -$fa-var-wordpress: \f19a; -$fa-var-wordpress-simple: \f411; -$fa-var-wpbeginner: \f297; -$fa-var-wpexplorer: \f2de; -$fa-var-wpforms: \f298; -$fa-var-wrench: \f0ad; -$fa-var-xbox: \f412; -$fa-var-xing: \f168; -$fa-var-xing-square: \f169; -$fa-var-y-combinator: \f23b; -$fa-var-yahoo: \f19e; -$fa-var-yandex: \f413; -$fa-var-yandex-international: \f414; -$fa-var-yelp: \f1e9; -$fa-var-yen-sign: \f157; -$fa-var-yoast: \f2b1; -$fa-var-youtube: \f167; diff --git a/docs/src/assets/fa/fa-brands.scss b/docs/src/assets/fa/fa-brands.scss deleted file mode 100644 index ab89c020a..000000000 --- a/docs/src/assets/fa/fa-brands.scss +++ /dev/null @@ -1,21 +0,0 @@ -/*! - * Font Awesome Free 5.0.2 by @fontawesome - http://fontawesome.com - * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) - */ -@import 'variables'; - -@font-face { - font-family: 'Font Awesome 5 Brands'; - font-style: normal; - font-weight: normal; - src: url('#{$fa-font-path}/fa-brands-400.eot'); - src: url('#{$fa-font-path}/fa-brands-400.eot?#iefix') format('embedded-opentype'), - url('#{$fa-font-path}/fa-brands-400.woff2') format('woff2'), - url('#{$fa-font-path}/fa-brands-400.woff') format('woff'), - url('#{$fa-font-path}/fa-brands-400.ttf') format('truetype'), - url('#{$fa-font-path}/fa-brands-400.svg#fontawesome') format('svg'); -} - -.fab { - font-family: 'Font Awesome 5 Brands'; -} diff --git a/docs/src/assets/fa/fa-regular.scss b/docs/src/assets/fa/fa-regular.scss deleted file mode 100644 index 4f2882924..000000000 --- a/docs/src/assets/fa/fa-regular.scss +++ /dev/null @@ -1,22 +0,0 @@ -/*! - * Font Awesome Free 5.0.2 by @fontawesome - http://fontawesome.com - * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) - */ -@import 'variables'; - -@font-face { - font-family: 'Font Awesome 5 Free'; - font-style: normal; - font-weight: 400; - src: url('#{$fa-font-path}/fa-regular-400.eot'); - src: url('#{$fa-font-path}/fa-regular-400.eot?#iefix') format('embedded-opentype'), - url('#{$fa-font-path}/fa-regular-400.woff2') format('woff2'), - url('#{$fa-font-path}/fa-regular-400.woff') format('woff'), - url('#{$fa-font-path}/fa-regular-400.ttf') format('truetype'), - url('#{$fa-font-path}/fa-regular-400.svg#fontawesome') format('svg'); -} - -.far { - font-family: 'Font Awesome 5 Free'; - font-weight: 400; -} diff --git a/docs/src/assets/fa/fa-solid.scss b/docs/src/assets/fa/fa-solid.scss deleted file mode 100644 index bb0df52ab..000000000 --- a/docs/src/assets/fa/fa-solid.scss +++ /dev/null @@ -1,23 +0,0 @@ -/*! - * Font Awesome Free 5.0.2 by @fontawesome - http://fontawesome.com - * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) - */ -@import 'variables'; - -@font-face { - font-family: 'Font Awesome 5 Free'; - font-style: normal; - font-weight: 900; - src: url('#{$fa-font-path}/fa-solid-900.eot'); - src: url('#{$fa-font-path}/fa-solid-900.eot?#iefix') format('embedded-opentype'), - url('#{$fa-font-path}/fa-solid-900.woff2') format('woff2'), - url('#{$fa-font-path}/fa-solid-900.woff') format('woff'), - url('#{$fa-font-path}/fa-solid-900.ttf') format('truetype'), - url('#{$fa-font-path}/fa-solid-900.svg#fontawesome') format('svg'); -} - -.fa, -.fas { - font-family: 'Font Awesome 5 Free'; - font-weight: 900; -} diff --git a/docs/src/assets/fa/fontawesome.scss b/docs/src/assets/fa/fontawesome.scss deleted file mode 100644 index 04eb879a4..000000000 --- a/docs/src/assets/fa/fontawesome.scss +++ /dev/null @@ -1,16 +0,0 @@ -/*! - * Font Awesome Free 5.0.2 by @fontawesome - http://fontawesome.com - * License - http://fontawesome.com/license (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) - */ -@import 'variables'; -@import 'mixins'; -@import 'core'; -@import 'larger'; -@import 'fixed-width'; -@import 'list'; -@import 'bordered-pulled'; -@import 'animated'; -@import 'rotated-flipped'; -@import 'stacked'; -@import 'icons'; -@import 'screen-reader'; diff --git a/docs/src/assets/logo-navbar.png b/docs/src/assets/logo-navbar.png new file mode 100644 index 0000000000000000000000000000000000000000..c7779cf6f990df76dccba6cb67e2c0ab80dcac3a GIT binary patch literal 2145 zcmb7FcQhM{8x5k?(~7oYgrHQ6Hs+&I6t#-b5PMachG#VPY+9q}RK$)d>a|9xDnh6j zF>91Ic4&D@Y--kcIlsSt|Gw{>d+)jT-0z(4zwePX(uAK^lotR1@SB-lN3nF01yybi z76W>W^jQqV>07e2Dw*%_7AMQI1))p~02Td^MV8^gn>q%uvKRk@-TK4=D^2ZB(M`Pu?&%v9n7xwbuzZ?GAu$S3QJ-wR-+RKwa>_|A8p|CbK zoMd*>&I*UM`f&uhYmT)i+@$C(TXh zf>ASud0@S^Tv}c?@ate_g5DZ0`*^Uu{)DHY33Z9R`Hm>j4*JLYmz}Dm8d+ zcyDWtm1h)3Q$iC+=~8y|1!1#(PhFKbnYLa!2`s3}T_fkgPHE=Rl+5$#`UAw=sBQHc zEtny}L*zt8cNh&oGR!#6^!1z7a^JV)Y6l`JiS&1JO# z%=UBTX6J0$(vt1i>vS~wZza&0qlkG#3*=n`%y^4^hWA{YW_Cq0fg|Ez11S2TB+Go2+VExf>XnS_azi+bCo|7ic!LP})Nito$h8n<1g@0X(zwqTwO zewh|4%)h0IySCm{2V5K+yc9HdNzbBz$T(zKfevwK) zCmX&gKaTa)i!mon@)l<#gl>}2DIM)TM9lC*DkBKcj%ZsGv8<`w4DQnyPlrBV}QL{QoQ1!&g8bc73Tz0fMZ`>eSfYJ#d&bFu>*ZE zF?(-uB)9Z>dEY;>RO__mRJBlH8WuM5nR_HKe@j`29$O_hGbow!%%dX)5_wJ0MLK_Y zUlEdS^zwm?E533@NjLGi^ID5F!7hcJM(`Lo};KTW( zKkd*@vZIP)>t(bUp;7@TH?|uyNeU|Qo=fT|I_=^oMVew&*SC;X6Y--Vin>6vDk)J*Xb8dT|GZUmUOA-xLn< zgSkd6ZfjT}z@}`6y5#T0zahzXey54BT;^@6k8`e}xcumymA1I#mVq$po#JJglWl2o zZACSXx?Ll%$_9P7WjH2@#!L8m2^hAp_oSCfi}>hel*ARA7FEy2NnI<5mO~KELqKKh zUvSiVQ*MkEbt7Q@R5YsK4}}QdF+|W|FXro3d(s}c>`eKUk|aT>Y~!g;|F=!N{#h4J zP7*N_0}s@+zRzn8b&Hd@(wSw~at)Ph^(=8$Yz+1+%Ci1>RJHfz)&P5oYV1+Ll^Ta* z^n<4~lRo@18-y`{SJts_2{1?DS26gAg1i=Q*Y|!NCOLZ@a$7?ay^9-zK4R=om}P67 z@dNN8T|U$h8q-vy%t`r^_NJmt47Y;-3Eq(QF-byj_i#(mNOhz+^VUHWF?7&S@Jibd zhhZDi@vb3pxxL^Oo4pTWL_IV}gGVm>1J`bW9GU|==9&3cxA(sIeL|D!+{T5zhx=+( zVqN_}&Pq!yJ^QYSxfJqBC(f;kqpzmNx6hYp6E!_(E&eS+XOnB|9(7}TIv@9=^>xU$ z2G-v{m56EET&#l*G=W@V=7DW?d2Yt8b>h%DSCwu@my_eeA7U-CPwr|DGmtoaXJ3B0 zifIWllEDQD%lH+b*n2=KAm div { - min-height: 100%; -} - -#sidebar { - background-color: #eee; - border-right: 1px solid #c1c1c1; - box-shadow: 0 0 20px rgba(50, 50, 50, .2) inset; - padding: $column-gap + 1rem; - - .brand { - padding: 1rem 0; - text-align: center; - } -} - -#main { - padding: 3rem 3rem 9rem; -} - -.example { - .highlight { - margin: 0; - } - .path { - font-style: italic; - width: 100%; - text-align: right; - } - max-width: 70vw; - margin-bottom: 1em; -} - -code { - color: #1a9f1a; - font-size: 0.875em; - font-weight: normal; -} - -.content { - h2 { - padding-top: 1em; - border-top: 1px solid #c0c0c0; - } -} - -h1, h2, h3, h4, h5, h6, th { - .anchor { - display: inline-block; - width: 0; - margin-left: -1.5rem; - margin-right: 1.5rem; - transition: all 100ms ease-in-out; - opacity: 0; - } - &:hover .anchor { - opacity: 1; - } - &:target { - color: $primary; - .anchor { - opacity: 1; - color: $primary - } - } -} - -table code { - white-space: pre; -} - -.footnotes p { - display: inline; -} - -figure.has-border img { - box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); -} - -.asciicast-wrapper { - margin: 2rem 0; - - asciinema-player { - display: block; - margin-bottom: 1rem; - } - - // reset bulma pre styles - pre.asciinema-terminal { - padding: 0; - overflow-x: hidden; - -webkit-overflow-scrolling: auto; - } - - .panel-block { - justify-content: space-between; - } - - .panel-block.is-active .tag { - background-color: $link; - color: $white; - } -} diff --git a/docs/src/assets/version-selector.js b/docs/src/assets/version-selector.js new file mode 100644 index 000000000..04b52077e --- /dev/null +++ b/docs/src/assets/version-selector.js @@ -0,0 +1,69 @@ +const versionRegex = /^\/(stable|archive\/v\d+)/; + +async function fetchVersions() { + const resp = await fetch("https://s3-us-west-2.amazonaws.com/docs.mitmproxy.org?delimiter=/&prefix=archive/") + .then(response => response.text()); + const versions = resp + .match(/(?<=archive\/v)\d+(?=\/<\/Prefix>)/g) + .toSorted((a,b) => b - a) + .map(x => `v${x}`) + versions.unshift("dev", "stable"); + return versions; +} + +class VersionSelector extends HTMLElement { + constructor() { + super(); + } + + connectedCallback() { + const currentVersion = ( + versionRegex + .exec(location.pathname)?.[1] + .replace("archive/","") + || "dev" + ); + + if (currentVersion === "dev") { + this.innerHTML = ` + `; + } else if (currentVersion === "stable") { + this.innerHTML = ` + `; + } else { + this.innerHTML = ` + `; + } + + const selectElement = this.querySelector('select'); + selectElement.addEventListener('focus', async () => { + const versions = await fetchVersions(); + selectElement.innerHTML = ''; + versions.forEach(version => { + const option = document.createElement('option'); + option.value = version.startsWith("v") ? `/archive/${version}` : `/${version}`; + option.text = version; + option.selected = currentVersion === version; + selectElement.appendChild(option); + }); + }, {once: true}); + selectElement.addEventListener('change', () => { + window.location.pathname = selectElement.value + location.pathname.replace(versionRegex, "") + }); + } +} + +window.customElements.define('version-selector', VersionSelector); \ No newline at end of file diff --git a/docs/src/config.toml b/docs/src/config.toml index 4dbe047fd..950d4116d 100644 --- a/docs/src/config.toml +++ b/docs/src/config.toml @@ -1,7 +1,6 @@ baseURL = "" languageCode = "en-us" title = "mitmproxy.org docs" -theme = "mitmproxydocs" publishDir = "../public" RelativeURLs = true pygmentsCodefences = true diff --git a/docs/src/content/_index.md b/docs/src/content/_index.md index 5ac62761b..d741fa5b7 100644 --- a/docs/src/content/_index.md +++ b/docs/src/content/_index.md @@ -20,7 +20,7 @@ mitmproxy is a set of tools that provide an interactive, SSL/TLS-capable interce - Transparent proxy mode on macOS and Linux - Make scripted changes to HTTP traffic using Python - SSL/TLS certificates for interception are generated on the fly -- And [much, much more...]({{< relref "overview-features">}}) +- And [much, much more...]({{< relref "/overview/features">}}) ## 3 Powerful Core Tools @@ -108,7 +108,7 @@ to another: mitmdump -nC srcfile -w dstfile ``` -See the [client-side replay]({{< relref "overview-features#client-side-replay" +See the [client-side replay]({{< relref "/overview/features#client-side-replay" >}}) section for more information. #### Running a script diff --git a/docs/src/content/addons-api.md b/docs/src/content/addons-api.md index 7d0f5977e..e69de29bb 100644 --- a/docs/src/content/addons-api.md +++ b/docs/src/content/addons-api.md @@ -1,26 +0,0 @@ ---- -title: "Event Hooks & API" -url: "api/events.html" -aliases: - - /addons-events/ -layout: single -menu: - addons: - weight: 3 ---- - -# Event Hooks - -Addons hook into mitmproxy's internal mechanisms through event hooks. These are -implemented on addons as methods with a set of well-known names. Many events -receive `Flow` objects as arguments - by modifying these objects, addons can -change traffic on the fly. For instance, here is an addon that adds a response -header with a count of the number of responses seen: - -{{< example src="examples/addons/http-add-header.py" lang="py" >}} - -## Available Hooks - -The following addons list all available event hooks. - -{{< readfile file="/generated/api/events.html" >}} diff --git a/docs/src/content/addons-api-changelog.md b/docs/src/content/addons/api-changelog.md similarity index 92% rename from docs/src/content/addons-api-changelog.md rename to docs/src/content/addons/api-changelog.md index 7fd2327f6..f1df058c0 100644 --- a/docs/src/content/addons-api-changelog.md +++ b/docs/src/content/addons/api-changelog.md @@ -1,9 +1,8 @@ --- title: "API Changelog" -layout: single -menu: - addons: - weight: 9 +weight: 9 +aliases: + - /addons-api-changelog/ --- # API Changelog @@ -41,7 +40,7 @@ Accordingly, the `add_log` event has been deprecated. Developers who rely on log We've revised mitmproxy's connection-specific event hooks as part of the new proxy core. The `.client_conn` and `.server_conn` objects have major API changes across the board. See the new -[event hook documentation]({{< relref "addons-api#ConnectionEvents" >}}) for details. +[event hook documentation]({{< relref "/addons/event-hooks#ConnectionEvents" >}}) for details. | Attribute | Client (v6) | Server (v6) | mitmproxy v7 | |----------------|-------------|-------------------|--------------| @@ -69,7 +68,7 @@ modules with the name "log", which were then inadvertedly picked up. Contentviews now implement `render_priority` instead of `should_render`. This enables additional specialization, for example one can now write contentviews that pretty-print only specific JSON responses. -See the [contentview.py]({{< relref "addons-examples#contentview" >}}) example for details. +See the [contentview.py]({{< relref "/addons/examples#contentview" >}}) example for details. #### WebSocket Flows diff --git a/docs/src/content/addons-commands.md b/docs/src/content/addons/commands.md similarity index 95% rename from docs/src/content/addons-commands.md rename to docs/src/content/addons/commands.md index 8fb82e63c..d114b2ce8 100644 --- a/docs/src/content/addons-commands.md +++ b/docs/src/content/addons/commands.md @@ -1,15 +1,15 @@ --- -title: "Commands" -menu: - addons: - weight: 4 +title: "Custom Commands" +weight: 4 +aliases: + - /addons-commands/ --- # Commands Commands allow users to actively interact with addons - querying their state, commanding them to perform actions, and having them transform data. Like -[options]({{< relref addons-options >}}), commands are typed, and both +[options]({{< relref "/addons/options" >}}), commands are typed, and both invocations and data returned from commands are checked at runtime. Commands are a very powerful construct - for instance, all user interaction in mitmproxy console are built by binding commands to keys. @@ -60,7 +60,7 @@ and adds a header to every request. The really interesting aspect of this example is how users specify flows. Because mitmproxy can inspect the type signature, it can expand a text flow selector into a sequence of flows for us transparently. This means that the user has the full flexibility of [flow -filters]({{< relref concepts-filters >}}) available. Let's try it out. +filters]({{< relref "/concepts/filters" >}}) available. Let's try it out. Start by loading the addon into mitmproxy and sending some traffic through so we have flows to work with: diff --git a/docs/src/content/addons/event-hooks.md b/docs/src/content/addons/event-hooks.md new file mode 100644 index 000000000..a00af0b8c --- /dev/null +++ b/docs/src/content/addons/event-hooks.md @@ -0,0 +1,23 @@ +--- +title: "Event Hooks" +weight: 2 +aliases: + - /addons-events/ + - api/events.html +--- + +# Event Hooks + +Addons hook into mitmproxy's internal mechanisms through event hooks. These are +implemented on addons as methods with a set of well-known names. Many events +receive `Flow` objects as arguments - by modifying these objects, addons can +change traffic on the fly. For instance, here is an addon that adds a response +header with a count of the number of responses seen: + +{{< example src="examples/addons/http-add-header.py" lang="py" >}} + +## Available Hooks + +The following addons list all available event hooks. + +{{< readfile file="/generated/api/events.html" >}} diff --git a/docs/src/content/addons-examples.md b/docs/src/content/addons/examples.md similarity index 69% rename from docs/src/content/addons-examples.md rename to docs/src/content/addons/examples.md index 3edb7ad7d..0a131a825 100644 --- a/docs/src/content/addons-examples.md +++ b/docs/src/content/addons/examples.md @@ -1,8 +1,8 @@ --- title: "Examples" -menu: - addons: - weight: 6 +weight: 6 +aliases: + - /addons-examples/ --- {{< readfile file="/generated/examples.html" markdown="true" >}} diff --git a/docs/src/content/addons-options.md b/docs/src/content/addons/options.md similarity index 96% rename from docs/src/content/addons-options.md rename to docs/src/content/addons/options.md index e2d5b1be6..5bc46e386 100644 --- a/docs/src/content/addons-options.md +++ b/docs/src/content/addons/options.md @@ -1,8 +1,8 @@ --- -title: "Options" -menu: - addons: - weight: 3 +title: "Custom Options" +weight: 3 +aliases: + - /addons-options/ --- # Options @@ -53,7 +53,7 @@ count: 1 ``` When this addon is loaded, the `addheader` setting is available in the -persistent [YAML configuration file]({{< relref "concepts-options" >}}). You can +persistent [YAML configuration file]({{< relref "/concepts/options" >}}). You can also over-ride the value directly from the command-line for any of the tools using the `--set` flag: diff --git a/docs/src/content/addons-overview.md b/docs/src/content/addons/overview.md similarity index 79% rename from docs/src/content/addons-overview.md rename to docs/src/content/addons/overview.md index e8bdba7b6..cecb2c664 100644 --- a/docs/src/content/addons-overview.md +++ b/docs/src/content/addons/overview.md @@ -1,8 +1,8 @@ --- -title: "Addons" -menu: - addons: - weight: 1 +title: "Overview" +weight: 1 +aliases: + - /addons-overview/ --- # Addons @@ -11,13 +11,13 @@ Mitmproxy's addon mechanism is an exceptionally powerful part of mitmproxy. In f functionality is defined in [a suite of built-in addons](https://github.com/mitmproxy/mitmproxy/tree/main/mitmproxy/addons), implementing everything from functionality like -[anticaching]({{< relref "overview-features#anticache" >}}) and [sticky cookies]({{< relref -"overview-features#sticky-cookies" >}}) to our onboarding webapp. +[anticaching]({{< relref "/overview/features#anticache" >}}) and [sticky cookies]({{< relref +"/overview/features#sticky-cookies" >}}) to our onboarding webapp. -Addons interact with mitmproxy by responding to [events]({{< relref addons-api >}}), which allow them to hook into and -change mitmproxy's behaviour. They are configured through [options]({{< relref addons-options >}}), which can be set in +Addons interact with mitmproxy by responding to [events]({{< relref event-hooks >}}), which allow them to hook into and +change mitmproxy's behaviour. They are configured through [options]({{< relref "/addons/options" >}}), which can be set in mitmproxy's config file, changed interactively by users, or passed on the command-line. Finally, they can expose -[commands]({{< relref addons-commands >}}), which allows users to invoke their actions either directly or by binding +[commands]({{< relref "/addons/commands" >}}), which allows users to invoke their actions either directly or by binding them to keys in the interactive tools. # Anatomy of an addon @@ -44,7 +44,7 @@ Here are a few things to note about the code above: - Addons are just objects - in this case our addon is an instance of `Counter`. - The `request` method is an example of an *event*. Addons simply implement a method for each event they want to handle. Each event and its signature are documented - in the [API documentation]({{< relref "addons-api" >}}). + in the [API documentation]({{< relref "event-hooks" >}}). # Abbreviated Scripting Syntax diff --git a/docs/src/content/api/mitmproxy.addonmanager.md b/docs/src/content/api/mitmproxy.addonmanager.md index fb8bd181b..14a91ac45 100644 --- a/docs/src/content/api/mitmproxy.addonmanager.md +++ b/docs/src/content/api/mitmproxy.addonmanager.md @@ -3,9 +3,7 @@ title: "mitmproxy.addonmanager" url: "api/mitmproxy/addonmanager.html" -menu: - addons: - parent: 'Event Hooks & API' +menu: api --- {{< readfile file="/generated/api/mitmproxy/addonmanager.html" >}} diff --git a/docs/src/content/api/mitmproxy.certs.md b/docs/src/content/api/mitmproxy.certs.md index 6a3d3d468..57ee4546b 100644 --- a/docs/src/content/api/mitmproxy.certs.md +++ b/docs/src/content/api/mitmproxy.certs.md @@ -3,9 +3,7 @@ title: "mitmproxy.certs" url: "api/mitmproxy/certs.html" -menu: - addons: - parent: 'Event Hooks & API' +menu: api --- {{< readfile file="/generated/api/mitmproxy/certs.html" >}} diff --git a/docs/src/content/api/mitmproxy.connection.md b/docs/src/content/api/mitmproxy.connection.md index 5c48cdbd7..a11c46e2a 100644 --- a/docs/src/content/api/mitmproxy.connection.md +++ b/docs/src/content/api/mitmproxy.connection.md @@ -3,9 +3,7 @@ title: "mitmproxy.connection" url: "api/mitmproxy/connection.html" -menu: - addons: - parent: 'Event Hooks & API' +menu: api --- {{< readfile file="/generated/api/mitmproxy/connection.html" >}} diff --git a/docs/src/content/api/mitmproxy.coretypes.multidict.md b/docs/src/content/api/mitmproxy.coretypes.multidict.md index 88eb79a51..9eb3f9e7b 100644 --- a/docs/src/content/api/mitmproxy.coretypes.multidict.md +++ b/docs/src/content/api/mitmproxy.coretypes.multidict.md @@ -3,9 +3,7 @@ title: "mitmproxy.coretypes.multidict" url: "api/mitmproxy/coretypes/multidict.html" -menu: - addons: - parent: 'Event Hooks & API' +menu: api --- {{< readfile file="/generated/api/mitmproxy/coretypes/multidict.html" >}} diff --git a/docs/src/content/api/mitmproxy.dns.md b/docs/src/content/api/mitmproxy.dns.md index e317e1f01..454960d0c 100644 --- a/docs/src/content/api/mitmproxy.dns.md +++ b/docs/src/content/api/mitmproxy.dns.md @@ -3,9 +3,7 @@ title: "mitmproxy.dns" url: "api/mitmproxy/dns.html" -menu: - addons: - parent: 'Event Hooks & API' +menu: api --- {{< readfile file="/generated/api/mitmproxy/dns.html" >}} diff --git a/docs/src/content/api/mitmproxy.flow.md b/docs/src/content/api/mitmproxy.flow.md index e07394db1..149181fc4 100644 --- a/docs/src/content/api/mitmproxy.flow.md +++ b/docs/src/content/api/mitmproxy.flow.md @@ -3,9 +3,7 @@ title: "mitmproxy.flow" url: "api/mitmproxy/flow.html" -menu: - addons: - parent: 'Event Hooks & API' +menu: api --- {{< readfile file="/generated/api/mitmproxy/flow.html" >}} diff --git a/docs/src/content/api/mitmproxy.http.md b/docs/src/content/api/mitmproxy.http.md index 780252096..3b46000b9 100644 --- a/docs/src/content/api/mitmproxy.http.md +++ b/docs/src/content/api/mitmproxy.http.md @@ -3,9 +3,7 @@ title: "mitmproxy.http" url: "api/mitmproxy/http.html" -menu: - addons: - parent: 'Event Hooks & API' +menu: api --- {{< readfile file="/generated/api/mitmproxy/http.html" >}} diff --git a/docs/src/content/api/mitmproxy.net.server_spec.md b/docs/src/content/api/mitmproxy.net.server_spec.md index 5fe2274c9..39a8ff2f9 100644 --- a/docs/src/content/api/mitmproxy.net.server_spec.md +++ b/docs/src/content/api/mitmproxy.net.server_spec.md @@ -3,9 +3,7 @@ title: "mitmproxy.net.server_spec" url: "api/mitmproxy/net/server_spec.html" -menu: - addons: - parent: 'Event Hooks & API' +menu: api --- {{< readfile file="/generated/api/mitmproxy/net/server_spec.html" >}} diff --git a/docs/src/content/api/mitmproxy.proxy.context.md b/docs/src/content/api/mitmproxy.proxy.context.md index b4aa48865..6bd78d7aa 100644 --- a/docs/src/content/api/mitmproxy.proxy.context.md +++ b/docs/src/content/api/mitmproxy.proxy.context.md @@ -3,9 +3,7 @@ title: "mitmproxy.proxy.context" url: "api/mitmproxy/proxy/context.html" -menu: - addons: - parent: 'Event Hooks & API' +menu: api --- {{< readfile file="/generated/api/mitmproxy/proxy/context.html" >}} diff --git a/docs/src/content/api/mitmproxy.proxy.mode_specs.md b/docs/src/content/api/mitmproxy.proxy.mode_specs.md index 54fffef71..995e338bb 100644 --- a/docs/src/content/api/mitmproxy.proxy.mode_specs.md +++ b/docs/src/content/api/mitmproxy.proxy.mode_specs.md @@ -3,9 +3,7 @@ title: "mitmproxy.proxy.mode_specs" url: "api/mitmproxy/proxy/mode_specs.html" -menu: - addons: - parent: 'Event Hooks & API' +menu: api --- {{< readfile file="/generated/api/mitmproxy/proxy/mode_specs.html" >}} diff --git a/docs/src/content/api/mitmproxy.proxy.server_hooks.md b/docs/src/content/api/mitmproxy.proxy.server_hooks.md index bc8ac8e50..cf2185155 100644 --- a/docs/src/content/api/mitmproxy.proxy.server_hooks.md +++ b/docs/src/content/api/mitmproxy.proxy.server_hooks.md @@ -3,9 +3,7 @@ title: "mitmproxy.proxy.server_hooks" url: "api/mitmproxy/proxy/server_hooks.html" -menu: - addons: - parent: 'Event Hooks & API' +menu: api --- {{< readfile file="/generated/api/mitmproxy/proxy/server_hooks.html" >}} diff --git a/docs/src/content/api/mitmproxy.tcp.md b/docs/src/content/api/mitmproxy.tcp.md index fea35b00e..b704db91a 100644 --- a/docs/src/content/api/mitmproxy.tcp.md +++ b/docs/src/content/api/mitmproxy.tcp.md @@ -3,9 +3,7 @@ title: "mitmproxy.tcp" url: "api/mitmproxy/tcp.html" -menu: - addons: - parent: 'Event Hooks & API' +menu: api --- {{< readfile file="/generated/api/mitmproxy/tcp.html" >}} diff --git a/docs/src/content/api/mitmproxy.tls.md b/docs/src/content/api/mitmproxy.tls.md index 02dcbeb30..a34288309 100644 --- a/docs/src/content/api/mitmproxy.tls.md +++ b/docs/src/content/api/mitmproxy.tls.md @@ -3,9 +3,7 @@ title: "mitmproxy.tls" url: "api/mitmproxy/tls.html" -menu: - addons: - parent: 'Event Hooks & API' +menu: api --- {{< readfile file="/generated/api/mitmproxy/tls.html" >}} diff --git a/docs/src/content/api/mitmproxy.udp.md b/docs/src/content/api/mitmproxy.udp.md index a18e7f55e..bcc725423 100644 --- a/docs/src/content/api/mitmproxy.udp.md +++ b/docs/src/content/api/mitmproxy.udp.md @@ -3,9 +3,7 @@ title: "mitmproxy.udp" url: "api/mitmproxy/udp.html" -menu: - addons: - parent: 'Event Hooks & API' +menu: api --- {{< readfile file="/generated/api/mitmproxy/udp.html" >}} diff --git a/docs/src/content/api/mitmproxy.websocket.md b/docs/src/content/api/mitmproxy.websocket.md index 03661320f..ceb646a41 100644 --- a/docs/src/content/api/mitmproxy.websocket.md +++ b/docs/src/content/api/mitmproxy.websocket.md @@ -3,9 +3,7 @@ title: "mitmproxy.websocket" url: "api/mitmproxy/websocket.html" -menu: - addons: - parent: 'Event Hooks & API' +menu: api --- {{< readfile file="/generated/api/mitmproxy/websocket.html" >}} diff --git a/docs/src/content/mitmproxytutorial-userinterface.md b/docs/src/content/cli-tutorials/cli-01-user-interface.md similarity index 92% rename from docs/src/content/mitmproxytutorial-userinterface.md rename to docs/src/content/cli-tutorials/cli-01-user-interface.md index 86523c80e..74a98f7db 100644 --- a/docs/src/content/mitmproxytutorial-userinterface.md +++ b/docs/src/content/cli-tutorials/cli-01-user-interface.md @@ -1,8 +1,7 @@ --- title: "User Interface" -menu: - mitmproxytutorial: - weight: 1 +weight: 1 +url: /mitmproxytutorial-userinterface/ has_asciinema: true --- diff --git a/docs/src/content/mitmproxytutorial-interceptrequests.md b/docs/src/content/cli-tutorials/cli-02-intercept-requests.md similarity index 78% rename from docs/src/content/mitmproxytutorial-interceptrequests.md rename to docs/src/content/cli-tutorials/cli-02-intercept-requests.md index 67612e562..57e438ec4 100644 --- a/docs/src/content/mitmproxytutorial-interceptrequests.md +++ b/docs/src/content/cli-tutorials/cli-02-intercept-requests.md @@ -1,8 +1,7 @@ --- title: "Intercept Requests" -menu: - mitmproxytutorial: - weight: 2 +weight: 2 +url: /mitmproxytutorial-interceptrequests/ has_asciinema: true --- @@ -14,7 +13,7 @@ mitmproxy's `set intercept` command configures interceptions. The command is bound to shortcut `i` by default. Intercepting *all* requests is usually not desired as it constantly interrupts your browsing. -Thus, mitmproxy expects a [flow filter expression]({{< relref "concepts-filters" >}}) as the first argument to `set intercept` to selectively intercept requests. +Thus, mitmproxy expects a [flow filter expression]({{< relref "/concepts/filters" >}}) as the first argument to `set intercept` to selectively intercept requests. In the tutorial below we use the flow filter `~u ` that filters flows by matching the regular expressing on the URL of the request. {{% asciicast file="mitmproxy_intercept_requests" poster="0:3" instructions=true %}} diff --git a/docs/src/content/mitmproxytutorial-modifyrequests.md b/docs/src/content/cli-tutorials/cli-03-modify-requests.md similarity index 91% rename from docs/src/content/mitmproxytutorial-modifyrequests.md rename to docs/src/content/cli-tutorials/cli-03-modify-requests.md index a2925cc28..2d1355472 100644 --- a/docs/src/content/mitmproxytutorial-modifyrequests.md +++ b/docs/src/content/cli-tutorials/cli-03-modify-requests.md @@ -1,8 +1,7 @@ --- title: "Modify Requests" -menu: - mitmproxytutorial: - weight: 3 +weight: 3 +url: /mitmproxytutorial-modifyrequests/ has_asciinema: true --- diff --git a/docs/src/content/mitmproxytutorial-replayrequests.md b/docs/src/content/cli-tutorials/cli-04-replay-requests.md similarity index 81% rename from docs/src/content/mitmproxytutorial-replayrequests.md rename to docs/src/content/cli-tutorials/cli-04-replay-requests.md index 7ee82cd25..ec14b1b9c 100644 --- a/docs/src/content/mitmproxytutorial-replayrequests.md +++ b/docs/src/content/cli-tutorials/cli-04-replay-requests.md @@ -1,8 +1,7 @@ --- title: "Replay Requests" -menu: - mitmproxytutorial: - weight: 4 +weight: 4 +url: /mitmproxytutorial-replayrequests/ has_asciinema: true --- @@ -15,7 +14,7 @@ Two types of replays are supported: * **Server-side Replay:** mitmproxy replays server responses for requests that match an earlier recorded request. In this tutorial we focus on the more common use case of client-side replays. -See the docs for more info on [server-side replay]({{< relref "overview-features#server-side-replay" >}}). +See the docs for more info on [server-side replay]({{< relref "/overview/features#server-side-replay" >}}). {{% asciicast file="mitmproxy_replay_requests" poster="0:3" instructions=true %}} diff --git a/docs/src/content/mitmproxytutorial-whatsnext.md b/docs/src/content/cli-tutorials/whats-next.md similarity index 86% rename from docs/src/content/mitmproxytutorial-whatsnext.md rename to docs/src/content/cli-tutorials/whats-next.md index 0b68dab8b..3a868767b 100644 --- a/docs/src/content/mitmproxytutorial-whatsnext.md +++ b/docs/src/content/cli-tutorials/whats-next.md @@ -1,8 +1,7 @@ --- title: "What's Next" -menu: - mitmproxytutorial: - weight: 5 +weight: 5 +url: /mitmproxytutorial-whatsnext/ --- # What's Next @@ -11,7 +10,7 @@ Congratulations! You have successfully completed the mitmproxy tutorial. 🎉 In this tutorial we have used mitmproxy to inspect requests initiated by curl. You probably also want to inspect web traffic from your browser or some other tool. -To do so, you need to [configure mitmproxy as your client's proxy]({{< relref "overview-getting-started#configure-your-browser-or-device" >}}). +To do so, you need to [configure mitmproxy as your client's proxy]({{< relref "/overview/getting-started#configure-your-browser-or-device" >}}). This tutorial only covered the most fundamental mitmproxy features. We recommend strongly to skim through the following section as well, which describes most core concepts in more detail. diff --git a/docs/src/content/concepts-certificates.md b/docs/src/content/concepts/certificates.md similarity index 99% rename from docs/src/content/concepts-certificates.md rename to docs/src/content/concepts/certificates.md index 23d79a142..2265033f4 100644 --- a/docs/src/content/concepts-certificates.md +++ b/docs/src/content/concepts/certificates.md @@ -1,8 +1,8 @@ --- title: "Certificates" -menu: - concepts: - weight: 3 +weight: 3 +aliases: + - /concepts-certificates/ --- # About Certificates @@ -99,7 +99,7 @@ Pinning](https://en.wikipedia.org/wiki/HTTP_Public_Key_Pinning) to prevent man-in-the-middle attacks. This means that **mitmproxy's** certificates will not be accepted by these applications without modifying them. If the contents of these connections are not important, it is recommended to use -the [ignore_hosts]({{< relref "howto-ignoredomains">}}) feature to prevent +the [ignore_hosts]({{< relref "/howto/ignore-domains">}}) feature to prevent **mitmproxy** from intercepting traffic to these specific domains. If you want to intercept the pinned connections, you need to patch the application manually. For Android and (jailbroken) iOS devices, various tools diff --git a/docs/src/content/concepts-commands.md b/docs/src/content/concepts/commands.md similarity index 95% rename from docs/src/content/concepts-commands.md rename to docs/src/content/concepts/commands.md index d826ec89e..ec11a9040 100644 --- a/docs/src/content/concepts-commands.md +++ b/docs/src/content/concepts/commands.md @@ -1,8 +1,8 @@ --- title: "Commands" -menu: - concepts: - weight: 6 +weight: 6 +aliases: + - /concepts-commands/ --- # Commands @@ -31,7 +31,7 @@ replay.client [flow] ``` That means that it expects a sequence of one or more flows. This is where [flow -specifications]({{< relref concepts-filters >}}) come in - mitmproxy will +specifications]({{< relref "/concepts/filters" >}}) come in - mitmproxy will intelligently expand a flexible flow selection language to a list of flows when invoking commands. diff --git a/docs/src/content/concepts-filters.md b/docs/src/content/concepts/filters.md similarity index 97% rename from docs/src/content/concepts-filters.md rename to docs/src/content/concepts/filters.md index d92e4d4eb..8535c9a84 100644 --- a/docs/src/content/concepts-filters.md +++ b/docs/src/content/concepts/filters.md @@ -1,8 +1,8 @@ --- title: "Filter expressions" -menu: - concepts: - weight: 4 +weight: 4 +aliases: + - /concepts-filters/ --- # Filter expressions diff --git a/docs/src/content/concepts-howmitmproxyworks.md b/docs/src/content/concepts/how-mitmproxy-works.md similarity index 98% rename from docs/src/content/concepts-howmitmproxyworks.md rename to docs/src/content/concepts/how-mitmproxy-works.md index 3bb8a95b5..1ce522365 100644 --- a/docs/src/content/concepts-howmitmproxyworks.md +++ b/docs/src/content/concepts/how-mitmproxy-works.md @@ -1,8 +1,8 @@ --- title: "How mitmproxy works" -menu: - concepts: - weight: 1 +weight: 1 +aliases: + - /concepts-howmitmproxyworks/ --- # How mitmproxy works @@ -77,7 +77,7 @@ Certificate Authority ourselves. Mitmproxy includes a full CA implementation that generates interception certificates on the fly. To get the client to trust these certificates, we [register mitmproxy as a trusted CA with the device -manually]({{< relref concepts-certificates >}}). +manually]({{< relref "/concepts/certificates" >}}). ### Complication 1: What's the remote hostname? @@ -97,7 +97,7 @@ information to initiate the pipe, even though it doesn't reveal the remote hostname. Mitmproxy has a cunning mechanism that smooths this over - [upstream certificate -sniffing]({{< relref "overview-features#upstream-certificates" >}}). As soon as +sniffing]({{< relref "/overview/features#upstream-certificates" >}}). As soon as we see the CONNECT request, we pause the client part of the conversation, and initiate a simultaneous connection to the server. We complete the TLS handshake with the server, and inspect the certificates it used. Now, we use the Common diff --git a/docs/src/content/concepts-modes.md b/docs/src/content/concepts/modes.md similarity index 97% rename from docs/src/content/concepts-modes.md rename to docs/src/content/concepts/modes.md index a594c9275..48e5af8d9 100644 --- a/docs/src/content/concepts-modes.md +++ b/docs/src/content/concepts/modes.md @@ -1,8 +1,8 @@ --- title: "Proxy Modes" -menu: - concepts: - weight: 2 +weight: 2 +aliases: + - /concepts-modes/ --- # Proxy Modes @@ -237,8 +237,8 @@ would establish a raw TCP proxy. `--mode reverse:dtls://example.com:1234` to use UDP and DTLS respectively instead. Incoming client connections can either use (D)TLS themselves or raw TCP/UDP. In case you want to inspect raw traffic only for some hosts and HTTP for - others, have a look at the [tcp_hosts]({{< relref "concepts-options" >}}#tcp_hosts) - and [udp_hosts]({{< relref "concepts-options" >}}#udp_hosts) options. + others, have a look at the [tcp_hosts]({{< relref "/concepts/options" >}}#tcp_hosts) + and [udp_hosts]({{< relref "/concepts/options" >}}#udp_hosts) options. - Say you want to capture DNS traffic to Google's Public DNS server? Then you can spawn a reverse instance with `--mode reverse:dns://8.8.8.8`. In case you want to resolve queries locally (ie. using the resolve capabilities @@ -327,7 +327,7 @@ mitmproxy box as the default gateway. In this scenario, we would: 1. Configure the proxy machine for transparent mode. You can find instructions - in the [transparent]({{< relref "howto-transparent" + in the [transparent]({{< relref "/howto/transparent" >}}) section. 2. Configure the client to use the proxy machine's IP as the default gateway. 3. Quick Check: At this point, you should already be able to visit an @@ -351,13 +351,13 @@ error. If it doesn't work for you, try the following things: packets are not arriving at the proxy. One common cause is the occurrence of ICMP redirects, which means that your machine is telling the client that there's a faster way to the internet by contacting your router directly (see - the [transparent]({{< relref "howto-transparent" + the [transparent]({{< relref "/howto/transparent" >}}) section on how to disable them). If in doubt, [Wireshark](https://wireshark.org/) may help you to see whether something arrives at your machine or not. - Make sure you have not explicitly configured an HTTP proxy on the client. This is not needed in transparent mode. -- Re-check the instructions in the [transparent]({{< relref "howto-transparent" +- Re-check the instructions in the [transparent]({{< relref "/howto/transparent" >}}) section. Anything you missed? If you encounter any other pitfalls that should be listed here, please @@ -445,8 +445,8 @@ mitmdump --mode dns This mode will listen for incoming DNS queries and use the resolve capabilities of your operating system to return an answer. For A/AAAA queries you can opt to ignore the system's hosts file using the -[`dns_use_hosts_file`]({{< relref "concepts-options">}}#dns_use_hosts_file) +[`dns_use_hosts_file`]({{< relref "/concepts/options" >}}#dns_use_hosts_file) option. Custom name servers for lookups can be specified using the -[`dns_name_servers`]({{< relref "concepts-options" >}}#dns_name_servers) +[`dns_name_servers`]({{< relref "/concepts/options" >}}#dns_name_servers) option. By default port 53 will be used. To specify a different port, say 5353, use `--mode dns@5353`. diff --git a/docs/src/content/concepts-options.md b/docs/src/content/concepts/options.md similarity index 98% rename from docs/src/content/concepts-options.md rename to docs/src/content/concepts/options.md index d10990537..8a3e35ecc 100644 --- a/docs/src/content/concepts-options.md +++ b/docs/src/content/concepts/options.md @@ -1,8 +1,8 @@ --- title: "Options" -menu: - concepts: - weight: 5 +weight: 5 +aliases: + - /concepts-options/ --- # Options diff --git a/docs/src/content/concepts-protocols.md b/docs/src/content/concepts/protocols.md similarity index 94% rename from docs/src/content/concepts-protocols.md rename to docs/src/content/concepts/protocols.md index 7222e8acc..fa18a1f7e 100644 --- a/docs/src/content/concepts-protocols.md +++ b/docs/src/content/concepts/protocols.md @@ -1,15 +1,15 @@ --- title: "Protocols" -menu: - concepts: - weight: 7 +weight: 7 +aliases: + - /concepts-protocols/ --- # Protocols mitmproxy not only supports HTTP, but also other important web protocols. This page lists details and known limitations of the respective protocol implementations. -Most protocols can be disabled by toggling the respective [option]({{< relref concepts-options >}}). +Most protocols can be disabled by toggling the respective [option]({{< relref "/concepts/options" >}}). ## HTTP/1 @@ -72,7 +72,7 @@ Mitmproxy can also act as a generic TCP proxy. In this mode, mitmproxy will stil beginning of a connection and perform a man-in-the-middle attack if necessary, but otherwise forward messages unmodified. -Users can explicitly opt into generic TCP proxying by setting the [`tcp_hosts` option]({{< relref concepts-options >}}). +Users can explicitly opt into generic TCP proxying by setting the [`tcp_hosts` option]({{< relref "/concepts/options" >}}). ##### Known Limitations @@ -86,7 +86,7 @@ Mitmproxy can also act as a generic UDP proxy. In this mode, mitmproxy will stil beginning of a connection and perform a man-in-the-middle attack if necessary, but otherwise forward messages unmodified. -Users can explicitly opt into generic UDP proxying by setting the [`udp_hosts` option]({{< relref concepts-options >}}). +Users can explicitly opt into generic UDP proxying by setting the [`udp_hosts` option]({{< relref "/concepts/options" >}}). ##### Known Limitations diff --git a/docs/src/content/howto-ignoredomains.md b/docs/src/content/howto/ignore-domains.md similarity index 93% rename from docs/src/content/howto-ignoredomains.md rename to docs/src/content/howto/ignore-domains.md index a5954717e..3b12e6969 100644 --- a/docs/src/content/howto-ignoredomains.md +++ b/docs/src/content/howto/ignore-domains.md @@ -1,8 +1,8 @@ --- title: "Ignoring Domains" -menu: - howto: - weight: 2 +weight: 2 +aliases: + - /howto-ignoredomains/ --- # Ignoring Domains @@ -15,11 +15,11 @@ mitmproxy's interception mechanism: and mitmproxy's interception leads to errors. For example, the Twitter app, Windows Update or the Apple App Store fail to work if mitmproxy is active. - **Convenience:** You really don't care about some parts of the traffic and - just want them to go away. Note that mitmproxy's [view_filter]({{< relref "concepts-options/#view_filter" >}}) option is often the better alternative here, as it is not affected by the limitations listed below. + just want them to go away. Note that mitmproxy's [view_filter]({{< relref "/concepts/options/#view_filter" >}}) option is often the better alternative here, as it is not affected by the limitations listed below. If you want to peek into (SSL-protected) non-HTTP connections, check out the **tcp_proxy** feature. If you want to ignore traffic from mitmproxy's processing -because of large response bodies, take a look at the [streaming]({{< relref "overview-features#streaming" >}}) feature. +because of large response bodies, take a look at the [streaming]({{< relref "/overview/features#streaming" >}}) feature. ## ignore_hosts diff --git a/docs/src/content/howto-install-system-trusted-ca-android.md b/docs/src/content/howto/install-system-trusted-ca-android.md similarity index 99% rename from docs/src/content/howto-install-system-trusted-ca-android.md rename to docs/src/content/howto/install-system-trusted-ca-android.md index f18bc6202..2f7617e12 100644 --- a/docs/src/content/howto-install-system-trusted-ca-android.md +++ b/docs/src/content/howto/install-system-trusted-ca-android.md @@ -1,8 +1,8 @@ --- title: "System CA on Android Emulator" -menu: - howto: - weight: 4 +weight: 4 +aliases: + - /howto-install-system-trusted-ca-android/ --- # Install System CA Certificate on Android Emulator diff --git a/docs/src/content/howto-kubernetes.md b/docs/src/content/howto/kubernetes.md similarity index 89% rename from docs/src/content/howto-kubernetes.md rename to docs/src/content/howto/kubernetes.md index 1276ec913..ab8ffe69f 100644 --- a/docs/src/content/howto-kubernetes.md +++ b/docs/src/content/howto/kubernetes.md @@ -1,8 +1,8 @@ --- title: "Kubernetes Services" -menu: - howto: - weight: 1 +weight: 1 +aliases: + - /howto-kubernetes/ --- # Kubernetes Services diff --git a/docs/src/content/howto-transparent-vms.md b/docs/src/content/howto/transparent-vms.md similarity index 97% rename from docs/src/content/howto-transparent-vms.md rename to docs/src/content/howto/transparent-vms.md index 4b3a7a1f7..834b9479b 100644 --- a/docs/src/content/howto-transparent-vms.md +++ b/docs/src/content/howto/transparent-vms.md @@ -1,8 +1,8 @@ --- title: "Transparently Proxying VMs" -menu: - howto: - weight: 3 +weight: 3 +aliases: + - /howto-transparent-vms/ --- # Transparently proxify virtual machines @@ -115,4 +115,4 @@ mitmproxy --mode transparent The proxied machine cannot to leak any data outside of HTTP or DNS requests. If required, you can now [install the mitmproxy certificates on the proxied -machine]({{< relref "concepts-certificates" >}}). +machine]({{< relref "/concepts/certificates" >}}). diff --git a/docs/src/content/howto-transparent.md b/docs/src/content/howto/transparent.md similarity index 97% rename from docs/src/content/howto-transparent.md rename to docs/src/content/howto/transparent.md index ac62a6cb6..2e3a53e05 100644 --- a/docs/src/content/howto-transparent.md +++ b/docs/src/content/howto/transparent.md @@ -1,8 +1,8 @@ --- title: "Transparent Proxying" -menu: - howto: - weight: 1 +weight: 1 +aliases: + - /howto-transparent/ --- # Transparent Proxying @@ -13,8 +13,8 @@ transparent proxying ideal for those situations where you can't change client behaviour - proxy-oblivious mobile applications being a common example. {{% note %}} -The new [WireGuard]({{< relref "concepts-modes#wireguard" >}}) -and [local capture]({{< relref "concepts-modes#local-capture" >}}) modes +The new [WireGuard]({{< relref "/concepts/modes#wireguard" >}}) +and [local capture]({{< relref "/concepts/modes#local-capture" >}}) modes provides an alternative implementation for transparent proxying. It is much easier to set up, as it does not require setting up IP forwarding or modifying routing rules. @@ -91,7 +91,7 @@ The `--mode transparent` option turns on transparent mode, and the `--showhost` ### 5. Finally, configure your test device. Set the test device up to use the host on which mitmproxy is running as the default gateway and -[install the mitmproxy certificate authority on the test device]({{< relref "concepts-certificates" >}}). +[install the mitmproxy certificate authority on the test device]({{< relref "/concepts/certificates" >}}). ### Work-around to redirect traffic originating from the machine itself @@ -164,7 +164,7 @@ mitmproxy to use the value of the Host header for URL display. ### 6. Finally, configure your test device. Set the test device up to use the host on which mitmproxy is running as the default gateway and -[install the mitmproxy certificate authority on the test device]({{< relref "concepts-certificates" >}}). +[install the mitmproxy certificate authority on the test device]({{< relref "/concepts/certificates" >}}). {{% note %}} Note that the **divert-to** rules in the pf.conf given above only apply @@ -241,7 +241,7 @@ mitmproxy to use the value of the Host header for URL display. ### 7. Finally, configure your test device. Set the test device up to use the host on which mitmproxy is running as the default gateway and -[install the mitmproxy certificate authority on the test device]({{< relref "concepts-certificates" >}}). +[install the mitmproxy certificate authority on the test device]({{< relref "/concepts/certificates" >}}). {{% note %}} Note that the **rdr** rules in the pf.conf given above only apply to @@ -337,7 +337,7 @@ mitmproxy to use the value of the Host header for URL display. ### 4. Finally, configure your test device. Set the test device up to use the host on which mitmproxy is running as the default gateway and -[install the mitmproxy certificate authority on the test device]({{< relref "concepts-certificates" >}}). +[install the mitmproxy certificate authority on the test device]({{< relref "/concepts/certificates" >}}). ## "Full" transparent mode on Linux diff --git a/docs/src/content/howto-wireshark-tls.md b/docs/src/content/howto/wireshark-tls.md similarity index 96% rename from docs/src/content/howto-wireshark-tls.md rename to docs/src/content/howto/wireshark-tls.md index d6784432b..35be23a63 100644 --- a/docs/src/content/howto-wireshark-tls.md +++ b/docs/src/content/howto/wireshark-tls.md @@ -1,8 +1,8 @@ --- title: "Wireshark and SSL/TLS" -menu: - howto: - weight: 1 +weight: 1 +aliases: + - /howto-wireshark-tls/ --- # Wireshark and SSL/TLS Master Secrets diff --git a/docs/src/content/overview-features.md b/docs/src/content/overview/features.md similarity index 98% rename from docs/src/content/overview-features.md rename to docs/src/content/overview/features.md index adb948511..f803afe50 100644 --- a/docs/src/content/overview-features.md +++ b/docs/src/content/overview/features.md @@ -1,8 +1,8 @@ --- title: "Features" -menu: - concepts: - weight: 4 +weight: 4 +aliases: + - /overview-features/ --- # Features @@ -39,7 +39,7 @@ Mitmproxy returns a fixed HTTP status code instead, or no response at all. /flow-filter/status-code ``` -* **flow-filter** is an optional mitmproxy [filter expression]({{< relref "concepts-filters">}}) +* **flow-filter** is an optional mitmproxy [filter expression]({{< relref "/concepts/filters">}}) that describes which requests should be blocked. * **status-code** is the [HTTP status code](https://en.wikipedia.org/wiki/List_of_HTTP_status_codes) served by mitmproxy for blocked requests. @@ -84,7 +84,7 @@ and transparently returned to the client. * **url-regex** is a regular expression applied on the request URL. It must match for a redirect to take place. -* **flow-filter** is an optional mitmproxy [filter expression]({{< relref "concepts-filters">}}) +* **flow-filter** is an optional mitmproxy [filter expression]({{< relref "/concepts/filters">}}) that additionally constrains which requests will be redirected. The _separator_ is arbitrary, and is defined by the first character (`|` in the example above). @@ -154,7 +154,7 @@ and the corresponding HTTP response is returned transparently to the client. |url-regex|replacement ``` -* **flow-filter** is an optional mitmproxy [filter expression]({{< relref "concepts-filters">}}) +* **flow-filter** is an optional mitmproxy [filter expression]({{< relref "/concepts/filters">}}) that defines which requests the `map_remote` option applies to. * **url-regex** is a valid Python regular expression that defines what gets replaced in the URLs of requests. @@ -189,7 +189,7 @@ define replacements within bodies of flows. `modify_body` patterns look like thi /body-regex/@file-path ``` -* **flow-filter** is an optional mitmproxy [filter expression]({{< relref "concepts-filters">}}) +* **flow-filter** is an optional mitmproxy [filter expression]({{< relref "/concepts/filters">}}) that defines which flows a replacement applies to. * **body-regex** is a valid Python regular expression that defines what gets replaced. @@ -236,7 +236,7 @@ New headers can be added, and existing headers can be overwritten or removed. /name/@file-path ``` -* **flow-filter** is an optional mitmproxy [filter expression]({{< relref "concepts-filters">}}) +* **flow-filter** is an optional mitmproxy [filter expression]({{< relref "/concepts/filters">}}) that defines which flows to modify headers on. * **name** is the header name to be set, replaced or removed. diff --git a/docs/src/content/overview-getting-started.md b/docs/src/content/overview/getting-started.md similarity index 76% rename from docs/src/content/overview-getting-started.md rename to docs/src/content/overview/getting-started.md index 944bb5f29..e4dd9e91d 100644 --- a/docs/src/content/overview-getting-started.md +++ b/docs/src/content/overview/getting-started.md @@ -1,14 +1,13 @@ --- title: "Getting Started" -menu: "overview" -menu: - overview: - weight: 3 +weight: 3 +aliases: + - /overview-getting-started/ --- # Getting Started -We assume you have already [installed]({{< relref "overview-installation">}}) mitmproxy on +We assume you have already [installed]({{< relref "/overview/installation">}}) mitmproxy on your machine. ## Launch the tool you need @@ -19,12 +18,10 @@ You can start any of our three tools from the command line / terminal. * **mitmweb** gives you a browser-based GUI * **mitmdump** gives you non-interactive terminal output -If you use the command-line interface, we highly recommend you to take the [tutorial]({{< relref "mitmproxytutorial-userinterface" >}}) to get started. - ## Configure your browser or device Mitmproxy starts as a [regular HTTP proxy]({{< relref -"concepts-modes#regular-proxy">}}) by default and listens on `http://localhost:8080`. +"/concepts/modes#regular-proxy">}}) by default and listens on `http://localhost:8080`. You need to configure your browser or device to route all traffic through mitmproxy. Browser versions and configurations options frequently change, so we recommend to simply search the @@ -34,7 +31,7 @@ environment variables, etc. You can check that your web traffic is going through mitmproxy by browsing to http://mitm.it - it should present you with a [simple page]({{< relref -"concepts-certificates#quick-setup">}}) to install the mitmproxy Certificate +"/concepts/certificates#quick-setup">}}) to install the mitmproxy Certificate Authority - which is also the next step. Follow the instructions for your OS / system and install the CA. diff --git a/docs/src/content/overview-installation.md b/docs/src/content/overview/installation.md similarity index 98% rename from docs/src/content/overview-installation.md rename to docs/src/content/overview/installation.md index 82a4ebdfe..2022500f4 100644 --- a/docs/src/content/overview-installation.md +++ b/docs/src/content/overview/installation.md @@ -1,9 +1,8 @@ --- title: "Installation" -menu: "overview" -menu: - overview: - weight: 2 +weight: 2 +aliases: + - /overview-installation/ --- # Installation diff --git a/docs/src/content/tute-clientreplay.md b/docs/src/content/tutorials/client-replay.md similarity index 97% rename from docs/src/content/tute-clientreplay.md rename to docs/src/content/tutorials/client-replay.md index fc2251bd9..6c3a69a5c 100644 --- a/docs/src/content/tute-clientreplay.md +++ b/docs/src/content/tutorials/client-replay.md @@ -1,8 +1,8 @@ --- title: "Client replay" -menu: - tutes: - weight: 1 +weight: 1 +aliases: + - /tute-clientreplay/ --- # Client playback: a 30 second example @@ -34,7 +34,7 @@ mitmdump -w wireless-login There is a Firefox addon called [FoxyProxy](https://addons.mozilla.org/fi/firefox/addon/foxyproxy-standard/) that lets you switch quickly to and from mitmproxy. I'm assuming you've already [configured your browser with mitmproxy's SSL certificate authority]({{< relref -"concepts-certificates" >}}). +"/concepts/certificates" >}}). ## 3. Log in as usual diff --git a/docs/src/content/tute-highscores.md b/docs/src/content/tutorials/highscores.md similarity index 97% rename from docs/src/content/tute-highscores.md rename to docs/src/content/tutorials/highscores.md index a57b18bf7..a6c1a3091 100644 --- a/docs/src/content/tute-highscores.md +++ b/docs/src/content/tutorials/highscores.md @@ -1,8 +1,8 @@ --- title: "Setting highscores on Apple GameCenter" -menu: - tutes: - weight: 2 +weight: 2 +aliases: + - /tute-highscores/ --- # Setting highscores on Apple's GameCenter @@ -11,7 +11,7 @@ menu: In this tutorial, I'm going to show you how simple it is to creatively interfere with Apple Game Center traffic using mitmproxy. To set things up, [install the -mitmproxy root certificate]({{< relref concepts-certificates >}}). Then start +mitmproxy root certificate]({{< relref "/concepts/certificates" >}}). Then start mitmproxy on your desktop, and configure the iPhone to use it as a proxy. ## Taking a look at the Game Center traffic diff --git a/docs/src/content/web-tutorials/web-01-user-interface.md b/docs/src/content/web-tutorials/web-01-user-interface.md index 10db6b644..ca567226b 100644 --- a/docs/src/content/web-tutorials/web-01-user-interface.md +++ b/docs/src/content/web-tutorials/web-01-user-interface.md @@ -1,9 +1,6 @@ --- title: "User Interface" weight: 1 -menu: - web-tutorial: - weight: 1 --- # User Interface diff --git a/docs/src/content/web-tutorials/web-02-intercepting-traffic.md b/docs/src/content/web-tutorials/web-02-intercepting-traffic.md index 2e75cc170..9cc5de7b5 100644 --- a/docs/src/content/web-tutorials/web-02-intercepting-traffic.md +++ b/docs/src/content/web-tutorials/web-02-intercepting-traffic.md @@ -1,9 +1,6 @@ --- title: "Intercept Traffic" weight: 2 -menu: - web-tutorial: - weight: 2 --- # Intercept Traffic diff --git a/docs/src/content/web-tutorials/web-03-analysing-flows.md b/docs/src/content/web-tutorials/web-03-analysing-flows.md index 63707a762..8d107628f 100644 --- a/docs/src/content/web-tutorials/web-03-analysing-flows.md +++ b/docs/src/content/web-tutorials/web-03-analysing-flows.md @@ -1,9 +1,6 @@ --- title: "Analyze Flows" weight: 3 -menu: - web-tutorial: - weight: 3 --- # Analyze Flows diff --git a/docs/src/content/web-tutorials/web-04-modifying-requests.md b/docs/src/content/web-tutorials/web-04-modifying-requests.md index 8b49da70d..bd2437d67 100644 --- a/docs/src/content/web-tutorials/web-04-modifying-requests.md +++ b/docs/src/content/web-tutorials/web-04-modifying-requests.md @@ -1,9 +1,6 @@ --- title: "Modify Requests" weight: 4 -menu: - web-tutorial: - weight: 4 --- # Modify Requests diff --git a/docs/src/content/web-tutorials/web-05-replaying-flows.md b/docs/src/content/web-tutorials/web-05-replaying-flows.md index 494214224..815854550 100644 --- a/docs/src/content/web-tutorials/web-05-replaying-flows.md +++ b/docs/src/content/web-tutorials/web-05-replaying-flows.md @@ -1,9 +1,6 @@ --- title: "Replay Flows" weight: 5 -menu: - web-tutorial: - weight: 5 --- # Replay Flows diff --git a/docs/src/layouts/_default/baseof.html b/docs/src/layouts/_default/baseof.html new file mode 100644 index 000000000..1a2ee3fde --- /dev/null +++ b/docs/src/layouts/_default/baseof.html @@ -0,0 +1,55 @@ + + + + + + + + {{ .Title }} + {{ with .Site.Params.description }} + + {{ end }} + + {{ $style := resources.Get "css/style.scss" | toCSS | minify }} + + {{- $script := resources.Get "version-selector.js" | minify | fingerprint }} + + + {{ if .Params.has_asciinema }} + {{- $styles := resources.Get "asciinema-player.css" | minify | fingerprint }} + + + {{- $styles := resources.Get "asciinema-player.js" | minify | fingerprint }} + + + {{- $styles := resources.Get "asciinema-tutorial.js" | minify | fingerprint }} + + {{ end }} + + {{ range .AlternativeOutputFormats -}} + {{ printf `` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }} + {{ end -}} + {{ hugo.Generator }} + + +
+ +
+ +
+ {{- block "main" . }}{{- end }} +
+ + + diff --git a/docs/src/layouts/_default/single.html b/docs/src/layouts/_default/single.html index 801b63411..c48774021 100644 --- a/docs/src/layouts/_default/single.html +++ b/docs/src/layouts/_default/single.html @@ -1,12 +1,5 @@ -{{ partial "header" . }} -
- -
- {{ partial "outdated" . }} - {{ partial "edit-on-github" . }} - {{ partial "add-anchors" .Content}} -
-
-{{ partial "footer.html" . }} +{{ define "main" }} +{{ partial "outdated" . }} +{{ partial "edit-on-github" . }} +{{ partial "add-anchors" .Content}} +{{ end }} \ No newline at end of file diff --git a/docs/src/layouts/partials/add-anchors.html b/docs/src/layouts/partials/add-anchors.html index f7050f7fb..a9e4f4188 100644 --- a/docs/src/layouts/partials/add-anchors.html +++ b/docs/src/layouts/partials/add-anchors.html @@ -1 +1 @@ -{{ . | replaceRE "()(.+?)" "${1}#  ${3}" | safeHTML }} +{{ . | replaceRE "(.+?)()" "${1}${3}" | safeHTML }} diff --git a/docs/src/layouts/partials/edit-on-github.html b/docs/src/layouts/partials/edit-on-github.html index d89630fca..af2c378da 100644 --- a/docs/src/layouts/partials/edit-on-github.html +++ b/docs/src/layouts/partials/edit-on-github.html @@ -1,5 +1,6 @@ {{ if and .IsPage (ne .Type "api") (not (getenv "DOCS_ARCHIVE")) }} - diff --git a/docs/src/layouts/partials/outdated.html b/docs/src/layouts/partials/outdated.html index 07fc3407e..5be6dfa3f 100644 --- a/docs/src/layouts/partials/outdated.html +++ b/docs/src/layouts/partials/outdated.html @@ -1,9 +1,7 @@ {{- if (getenv "DOCS_ARCHIVE") -}} - -{{- end -}} + +{{- end -}} \ No newline at end of file diff --git a/docs/src/layouts/partials/sidebar.html b/docs/src/layouts/partials/sidebar.html index 515e0ec62..0f2cad13e 100644 --- a/docs/src/layouts/partials/sidebar.html +++ b/docs/src/layouts/partials/sidebar.html @@ -1,28 +1,30 @@ -
- - mitmproxy docs - - + + +
+ {{ partial "sidebar/menu" (dict "Ctx" . "Section" "overview" "Title" "Overview" "Open" true) }} + {{ partial "sidebar/menu" (dict "Ctx" . "Section" "web-tutorials" "Title" "Video Tutorials (Web UI)") }} + {{ partial "sidebar/menu" (dict "Ctx" . "Section" "cli-tutorials" "Title" "Video Tutorials (CLI)") }} + {{ partial "sidebar/menu" (dict "Ctx" . "Section" "concepts" "Title" "Core Concepts" "Open" true) }} + {{ partial "sidebar/menu" (dict "Ctx" . "Section" "addons" "Title" "Addon Development" "Open" true) }} + {{ partial "sidebar/menu" (dict "Ctx" . "Section" "api" "Title" "API Reference") }} + {{ partial "sidebar/menu" (dict "Ctx" . "Section" "howto" "Title" "HOWTOs" "Open" true) }} + {{ partial "sidebar/menu" (dict "Ctx" . "Section" "tutorials" "Title" "Tutorials" "Open" true) }}
- + {{ range $section }} + + {{ .Name }} + + {{ end }} + +{{ end }} \ No newline at end of file diff --git a/docs/src/layouts/partials/sidemenu.html b/docs/src/layouts/partials/sidemenu.html deleted file mode 100644 index 919abf3cf..000000000 --- a/docs/src/layouts/partials/sidemenu.html +++ /dev/null @@ -1,21 +0,0 @@ -
    - {{$menu := (index .ctx.Site.Menus .menuname) }} - {{ $currentPage := .ctx }} - {{ $menuname := .menuname }} - {{ range $menu.ByWeight }} -
  • - {{ .Name }} - {{ if and .HasChildren (or ($currentPage.IsMenuCurrent $menuname .) ($currentPage.HasMenuCurrent $menuname .)) }} -
      - {{ range .Children }} -
    • - {{ .Name }} -
      • - {{ end }} -
    - {{ end }} -
    • - {{end}} -
diff --git a/docs/src/layouts/shortcodes/asciicast.html b/docs/src/layouts/shortcodes/asciicast.html index 62ff2e957..5b0324021 100644 --- a/docs/src/layouts/shortcodes/asciicast.html +++ b/docs/src/layouts/shortcodes/asciicast.html @@ -1,8 +1,9 @@ {{ $file := .Get "file" }}
- + {{- $cast := resources.Get (print "recordings/" $file ".cast") -}} + {{- if .Get "instructions" -}} - {{- $instructions_file := print "static/recordings/" $file "_instructions.json" -}} + {{- $instructions_file := print "recordings/" $file "_instructions.json" -}} {{ $data := resources.Get $instructions_file | transform.Unmarshal }}

diff --git a/docs/src/layouts/shortcodes/note.html b/docs/src/layouts/shortcodes/note.html index b7c345112..9cc54e47a 100644 --- a/docs/src/layouts/shortcodes/note.html +++ b/docs/src/layouts/shortcodes/note.html @@ -1 +1 @@ -

{{.Inner | markdownify }}
+
{{.Inner | markdownify }}
diff --git a/docs/src/themes/mitmproxydocs/layouts/_default/list.html b/docs/src/themes/mitmproxydocs/layouts/_default/list.html deleted file mode 100644 index b88c94ad7..000000000 --- a/docs/src/themes/mitmproxydocs/layouts/_default/list.html +++ /dev/null @@ -1,25 +0,0 @@ -{{ partial "header.html" . }} -
-
-
-
-
-
- {{ range .Data.Pages.GroupByDate "2006" }} -

{{ .Key }}

-
    - {{ range .Pages }} -
  • - - - {{ .Title }} -
    • - {{ end }} -
- {{ end }} -
-
-
-
-
-
-{{ partial "footer.html" . }} diff --git a/docs/src/themes/mitmproxydocs/layouts/_default/single.html b/docs/src/themes/mitmproxydocs/layouts/_default/single.html deleted file mode 100644 index 830164500..000000000 --- a/docs/src/themes/mitmproxydocs/layouts/_default/single.html +++ /dev/null @@ -1,7 +0,0 @@ -{{ partial "header.html" . }} -
-
- {{ .Content }} -
-
-{{ partial "footer.html" . }} diff --git a/docs/src/themes/mitmproxydocs/layouts/partials/footer.html b/docs/src/themes/mitmproxydocs/layouts/partials/footer.html deleted file mode 100644 index 308b1d01b..000000000 --- a/docs/src/themes/mitmproxydocs/layouts/partials/footer.html +++ /dev/null @@ -1,2 +0,0 @@ - - diff --git a/docs/src/themes/mitmproxydocs/layouts/partials/header.html b/docs/src/themes/mitmproxydocs/layouts/partials/header.html deleted file mode 100644 index a665f6a63..000000000 --- a/docs/src/themes/mitmproxydocs/layouts/partials/header.html +++ /dev/null @@ -1,36 +0,0 @@ - - - - - - - - - {{ .Title }} - {{ with .Site.Params.description }} - - {{ end }} - {{ with .Site.Params.author }} - - {{ end }} - - {{ $style := resources.Get "style.scss" | toCSS | minify }} - - - {{ if .Params.has_asciinema }} - {{- $styles := resources.Get "asciinema-player.css" | minify | fingerprint }} - - - {{- $styles := resources.Get "asciinema-player.js" | minify | fingerprint }} - - - {{- $styles := resources.Get "asciinema-tutorial.js" | minify | fingerprint }} - - {{ end }} - - {{ range .AlternativeOutputFormats -}} - {{ printf `` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }} - {{ end -}} - {{ hugo.Generator }} - - diff --git a/docs/src/themes/mitmproxydocs/static/css/style.css b/docs/src/themes/mitmproxydocs/static/css/style.css deleted file mode 100644 index d42e307e9..000000000 --- a/docs/src/themes/mitmproxydocs/static/css/style.css +++ /dev/null @@ -1,6786 +0,0 @@ -/* Background */ -.chroma { - color: #f8f8f2; - background-color: #272822; } - -/* Error */ -.chroma .err { - color: #960050; - background-color: #1e0010; } - -/* LineTableTD */ -.chroma .lntd { - vertical-align: top; - padding: 0; - margin: 0; - border: 0; } - -/* LineTable */ -.chroma .lntable { - border-spacing: 0; - padding: 0; - margin: 0; - border: 0; - width: 100%; - overflow: auto; - display: block; } - -/* LineHighlight */ -.chroma .hl { - display: block; - width: 100%; - background-color: #ffffcc; } - -/* LineNumbersTable */ -.chroma .lnt { - margin-right: 0.4em; - padding: 0 0.4em 0 0.4em; - display: block; } - -/* LineNumbers */ -.chroma .ln { - margin-right: 0.4em; - padding: 0 0.4em 0 0.4em; } - -/* Keyword */ -.chroma .k { - color: #66d9ef; } - -/* KeywordConstant */ -.chroma .kc { - color: #66d9ef; } - -/* KeywordDeclaration */ -.chroma .kd { - color: #66d9ef; } - -/* KeywordNamespace */ -.chroma .kn { - color: #f92672; } - -/* KeywordPseudo */ -.chroma .kp { - color: #66d9ef; } - -/* KeywordReserved */ -.chroma .kr { - color: #66d9ef; } - -/* KeywordType */ -.chroma .kt { - color: #66d9ef; } - -/* NameAttribute */ -.chroma .na { - color: #a6e22e; } - -/* NameClass */ -.chroma .nc { - color: #a6e22e; } - -/* NameConstant */ -.chroma .no { - color: #66d9ef; } - -/* NameDecorator */ -.chroma .nd { - color: #a6e22e; } - -/* NameException */ -.chroma .ne { - color: #a6e22e; } - -/* NameFunction */ -.chroma .nf { - color: #a6e22e; } - -/* NameOther */ -.chroma .nx { - color: #a6e22e; } - -/* NameTag */ -.chroma .nt { - color: #f92672; } - -/* Literal */ -.chroma .l { - color: #ae81ff; } - -/* LiteralDate */ -.chroma .ld { - color: #e6db74; } - -/* LiteralString */ -.chroma .s { - color: #e6db74; } - -/* LiteralStringAffix */ -.chroma .sa { - color: #e6db74; } - -/* LiteralStringBacktick */ -.chroma .sb { - color: #e6db74; } - -/* LiteralStringChar */ -.chroma .sc { - color: #e6db74; } - -/* LiteralStringDelimiter */ -.chroma .dl { - color: #e6db74; } - -/* LiteralStringDoc */ -.chroma .sd { - color: #e6db74; } - -/* LiteralStringDouble */ -.chroma .s2 { - color: #e6db74; } - -/* LiteralStringEscape */ -.chroma .se { - color: #ae81ff; } - -/* LiteralStringHeredoc */ -.chroma .sh { - color: #e6db74; } - -/* LiteralStringInterpol */ -.chroma .si { - color: #e6db74; } - -/* LiteralStringOther */ -.chroma .sx { - color: #e6db74; } - -/* LiteralStringRegex */ -.chroma .sr { - color: #e6db74; } - -/* LiteralStringSingle */ -.chroma .s1 { - color: #e6db74; } - -/* LiteralStringSymbol */ -.chroma .ss { - color: #e6db74; } - -/* LiteralNumber */ -.chroma .m { - color: #ae81ff; } - -/* LiteralNumberBin */ -.chroma .mb { - color: #ae81ff; } - -/* LiteralNumberFloat */ -.chroma .mf { - color: #ae81ff; } - -/* LiteralNumberHex */ -.chroma .mh { - color: #ae81ff; } - -/* LiteralNumberInteger */ -.chroma .mi { - color: #ae81ff; } - -/* LiteralNumberIntegerLong */ -.chroma .il { - color: #ae81ff; } - -/* LiteralNumberOct */ -.chroma .mo { - color: #ae81ff; } - -/* Operator */ -.chroma .o { - color: #f92672; } - -/* OperatorWord */ -.chroma .ow { - color: #f92672; } - -/* Comment */ -.chroma .c { - color: #75715e; } - -/* CommentHashbang */ -.chroma .ch { - color: #75715e; } - -/* CommentMultiline */ -.chroma .cm { - color: #75715e; } - -/* CommentSingle */ -.chroma .c1 { - color: #75715e; } - -/* CommentSpecial */ -.chroma .cs { - color: #75715e; } - -/* CommentPreproc */ -.chroma .cp { - color: #75715e; } - -/* CommentPreprocFile */ -.chroma .cpf { - color: #75715e; } - -/* GenericDeleted */ -.chroma .gd { - color: #f92672; } - -/* GenericEmph */ -.chroma .ge { - font-style: italic; } - -/* GenericInserted */ -.chroma .gi { - color: #a6e22e; } - -/* GenericStrong */ -.chroma .gs { - font-weight: bold; } - -/* GenericSubheading */ -.chroma .gu { - color: #75715e; } - -.badge { - color: #fff; - background-color: #6c757d; - display: inline-block; - padding: .25em .4em; - font-size: 75%; - font-weight: 1; - line-height: 1; - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: 0.25rem; } - .badge:empty { - display: none; } - -@keyframes spinAround { - from { - transform: rotate(0deg); } - to { - transform: rotate(359deg); } } - -/*! minireset.css v0.0.2 | MIT License | github.com/jgthms/minireset.css */ -html, -body, -p, -ol, -ul, -li, -dl, -dt, -dd, -blockquote, -figure, -fieldset, -legend, -textarea, -pre, -iframe, -hr, -h1, -h2, -h3, -h4, -h5, -h6 { - margin: 0; - padding: 0; } - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: 100%; - font-weight: normal; } - -ul { - list-style: none; } - -button, -input, -select, -textarea { - margin: 0; } - -html { - box-sizing: border-box; } - -* { - box-sizing: inherit; } - *:before, *:after { - box-sizing: inherit; } - -img, -embed, -object, -audio, -video { - max-width: 100%; } - -iframe { - border: 0; } - -table { - border-collapse: collapse; - border-spacing: 0; } - -td, -th { - padding: 0; - text-align: left; } - -html { - background-color: white; - font-size: 16px; - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - min-width: 300px; - overflow-x: hidden; - overflow-y: scroll; - text-rendering: optimizeLegibility; - text-size-adjust: 100%; } - -article, -aside, -figure, -footer, -header, -hgroup, -section { - display: block; } - -body, -button, -input, -select, -textarea { - font-family: BlinkMacSystemFont, -apple-system, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", "Helvetica", "Arial", sans-serif, "Font Awesome 5 Free", "Font Awesome 5 Brands"; } - -code, -pre { - -moz-osx-font-smoothing: auto; - -webkit-font-smoothing: auto; - font-family: monospace; } - -body { - color: #4a4a4a; - font-size: 1rem; - font-weight: 400; - line-height: 1.5; } - -a { - color: #3273dc; - cursor: pointer; - text-decoration: none; } - a strong { - color: currentColor; } - a:hover { - color: #363636; } - -code { - background-color: whitesmoke; - color: #ff3860; - font-size: 0.875em; - font-weight: normal; - padding: 0.25em 0.5em 0.25em; } - -hr { - background-color: #dbdbdb; - border: none; - display: block; - height: 1px; - margin: 1.5rem 0; } - -img { - height: auto; - max-width: 100%; } - -input[type="checkbox"], -input[type="radio"] { - vertical-align: baseline; } - -small { - font-size: 0.875em; } - -span { - font-style: inherit; - font-weight: inherit; } - -strong { - color: #363636; - font-weight: 700; } - -pre { - -webkit-overflow-scrolling: touch; - background-color: whitesmoke; - color: #4a4a4a; - font-size: 0.875em; - overflow-x: auto; - padding: 1.25rem 1.5rem; - white-space: pre; - word-wrap: normal; } - pre code { - background-color: transparent; - color: currentColor; - font-size: 1em; - padding: 0; } - -table td, -table th { - text-align: left; - vertical-align: top; } - -table th { - color: #363636; } - -.is-clearfix:after { - clear: both; - content: " "; - display: table; } - -.is-pulled-left { - float: left !important; } - -.is-pulled-right { - float: right !important; } - -.is-clipped { - overflow: hidden !important; } - -.is-overlay { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; } - -.is-size-1 { - font-size: 3rem !important; } - -.is-size-2 { - font-size: 2.5rem !important; } - -.is-size-3 { - font-size: 2rem !important; } - -.is-size-4 { - font-size: 1.5rem !important; } - -.is-size-5 { - font-size: 1.25rem !important; } - -.is-size-6 { - font-size: 1rem !important; } - -.is-size-7 { - font-size: 0.75rem !important; } - -@media screen and (max-width: 768px) { - .is-size-1-mobile { - font-size: 3rem !important; } - .is-size-2-mobile { - font-size: 2.5rem !important; } - .is-size-3-mobile { - font-size: 2rem !important; } - .is-size-4-mobile { - font-size: 1.5rem !important; } - .is-size-5-mobile { - font-size: 1.25rem !important; } - .is-size-6-mobile { - font-size: 1rem !important; } - .is-size-7-mobile { - font-size: 0.75rem !important; } } - -@media screen and (min-width: 769px), print { - .is-size-1-tablet { - font-size: 3rem !important; } - .is-size-2-tablet { - font-size: 2.5rem !important; } - .is-size-3-tablet { - font-size: 2rem !important; } - .is-size-4-tablet { - font-size: 1.5rem !important; } - .is-size-5-tablet { - font-size: 1.25rem !important; } - .is-size-6-tablet { - font-size: 1rem !important; } - .is-size-7-tablet { - font-size: 0.75rem !important; } } - -@media screen and (max-width: 1023px) { - .is-size-1-touch { - font-size: 3rem !important; } - .is-size-2-touch { - font-size: 2.5rem !important; } - .is-size-3-touch { - font-size: 2rem !important; } - .is-size-4-touch { - font-size: 1.5rem !important; } - .is-size-5-touch { - font-size: 1.25rem !important; } - .is-size-6-touch { - font-size: 1rem !important; } - .is-size-7-touch { - font-size: 0.75rem !important; } } - -@media screen and (min-width: 1024px) { - .is-size-1-desktop { - font-size: 3rem !important; } - .is-size-2-desktop { - font-size: 2.5rem !important; } - .is-size-3-desktop { - font-size: 2rem !important; } - .is-size-4-desktop { - font-size: 1.5rem !important; } - .is-size-5-desktop { - font-size: 1.25rem !important; } - .is-size-6-desktop { - font-size: 1rem !important; } - .is-size-7-desktop { - font-size: 0.75rem !important; } } - -@media screen and (min-width: 1216px) { - .is-size-1-widescreen { - font-size: 3rem !important; } - .is-size-2-widescreen { - font-size: 2.5rem !important; } - .is-size-3-widescreen { - font-size: 2rem !important; } - .is-size-4-widescreen { - font-size: 1.5rem !important; } - .is-size-5-widescreen { - font-size: 1.25rem !important; } - .is-size-6-widescreen { - font-size: 1rem !important; } - .is-size-7-widescreen { - font-size: 0.75rem !important; } } - -@media screen and (min-width: 1408px) { - .is-size-1-fullhd { - font-size: 3rem !important; } - .is-size-2-fullhd { - font-size: 2.5rem !important; } - .is-size-3-fullhd { - font-size: 2rem !important; } - .is-size-4-fullhd { - font-size: 1.5rem !important; } - .is-size-5-fullhd { - font-size: 1.25rem !important; } - .is-size-6-fullhd { - font-size: 1rem !important; } - .is-size-7-fullhd { - font-size: 0.75rem !important; } } - -.has-text-centered { - text-align: center !important; } - -@media screen and (max-width: 768px) { - .has-text-centered-mobile { - text-align: center !important; } } - -@media screen and (min-width: 769px), print { - .has-text-centered-tablet { - text-align: center !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .has-text-centered-tablet-only { - text-align: center !important; } } - -@media screen and (max-width: 1023px) { - .has-text-centered-touch { - text-align: center !important; } } - -@media screen and (min-width: 1024px) { - .has-text-centered-desktop { - text-align: center !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .has-text-centered-desktop-only { - text-align: center !important; } } - -@media screen and (min-width: 1216px) { - .has-text-centered-widescreen { - text-align: center !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .has-text-centered-widescreen-only { - text-align: center !important; } } - -@media screen and (min-width: 1408px) { - .has-text-centered-fullhd { - text-align: center !important; } } - -.has-text-justified { - text-align: justify !important; } - -@media screen and (max-width: 768px) { - .has-text-justified-mobile { - text-align: justify !important; } } - -@media screen and (min-width: 769px), print { - .has-text-justified-tablet { - text-align: justify !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .has-text-justified-tablet-only { - text-align: justify !important; } } - -@media screen and (max-width: 1023px) { - .has-text-justified-touch { - text-align: justify !important; } } - -@media screen and (min-width: 1024px) { - .has-text-justified-desktop { - text-align: justify !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .has-text-justified-desktop-only { - text-align: justify !important; } } - -@media screen and (min-width: 1216px) { - .has-text-justified-widescreen { - text-align: justify !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .has-text-justified-widescreen-only { - text-align: justify !important; } } - -@media screen and (min-width: 1408px) { - .has-text-justified-fullhd { - text-align: justify !important; } } - -.has-text-left { - text-align: left !important; } - -@media screen and (max-width: 768px) { - .has-text-left-mobile { - text-align: left !important; } } - -@media screen and (min-width: 769px), print { - .has-text-left-tablet { - text-align: left !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .has-text-left-tablet-only { - text-align: left !important; } } - -@media screen and (max-width: 1023px) { - .has-text-left-touch { - text-align: left !important; } } - -@media screen and (min-width: 1024px) { - .has-text-left-desktop { - text-align: left !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .has-text-left-desktop-only { - text-align: left !important; } } - -@media screen and (min-width: 1216px) { - .has-text-left-widescreen { - text-align: left !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .has-text-left-widescreen-only { - text-align: left !important; } } - -@media screen and (min-width: 1408px) { - .has-text-left-fullhd { - text-align: left !important; } } - -.has-text-right { - text-align: right !important; } - -@media screen and (max-width: 768px) { - .has-text-right-mobile { - text-align: right !important; } } - -@media screen and (min-width: 769px), print { - .has-text-right-tablet { - text-align: right !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .has-text-right-tablet-only { - text-align: right !important; } } - -@media screen and (max-width: 1023px) { - .has-text-right-touch { - text-align: right !important; } } - -@media screen and (min-width: 1024px) { - .has-text-right-desktop { - text-align: right !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .has-text-right-desktop-only { - text-align: right !important; } } - -@media screen and (min-width: 1216px) { - .has-text-right-widescreen { - text-align: right !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .has-text-right-widescreen-only { - text-align: right !important; } } - -@media screen and (min-width: 1408px) { - .has-text-right-fullhd { - text-align: right !important; } } - -.is-capitalized { - text-transform: capitalize !important; } - -.is-lowercase { - text-transform: lowercase !important; } - -.is-uppercase { - text-transform: uppercase !important; } - -.has-text-white { - color: white !important; } - -a.has-text-white:hover, a.has-text-white:focus { - color: #e6e6e6 !important; } - -.has-text-black { - color: #0a0a0a !important; } - -a.has-text-black:hover, a.has-text-black:focus { - color: black !important; } - -.has-text-light { - color: whitesmoke !important; } - -a.has-text-light:hover, a.has-text-light:focus { - color: #dbdbdb !important; } - -.has-text-dark { - color: #363636 !important; } - -a.has-text-dark:hover, a.has-text-dark:focus { - color: #1c1c1c !important; } - -.has-text-primary { - color: #C93312 !important; } - -a.has-text-primary:hover, a.has-text-primary:focus { - color: #9a270e !important; } - -.has-text-link { - color: #3273dc !important; } - -a.has-text-link:hover, a.has-text-link:focus { - color: #205bbc !important; } - -.has-text-info { - color: #209cee !important; } - -a.has-text-info:hover, a.has-text-info:focus { - color: #0f81cc !important; } - -.has-text-success { - color: #23d160 !important; } - -a.has-text-success:hover, a.has-text-success:focus { - color: #1ca64c !important; } - -.has-text-warning { - color: #ffdd57 !important; } - -a.has-text-warning:hover, a.has-text-warning:focus { - color: #ffd324 !important; } - -.has-text-danger { - color: #ff3860 !important; } - -a.has-text-danger:hover, a.has-text-danger:focus { - color: #ff0537 !important; } - -.has-text-black-bis { - color: #121212 !important; } - -.has-text-black-ter { - color: #242424 !important; } - -.has-text-grey-darker { - color: #363636 !important; } - -.has-text-grey-dark { - color: #4a4a4a !important; } - -.has-text-grey { - color: #7a7a7a !important; } - -.has-text-grey-light { - color: #b5b5b5 !important; } - -.has-text-grey-lighter { - color: #dbdbdb !important; } - -.has-text-white-ter { - color: whitesmoke !important; } - -.has-text-white-bis { - color: #fafafa !important; } - -.has-text-weight-light { - font-weight: 300 !important; } - -.has-text-weight-normal { - font-weight: 400 !important; } - -.has-text-weight-semibold { - font-weight: 600 !important; } - -.has-text-weight-bold { - font-weight: 700 !important; } - -.is-block { - display: block !important; } - -@media screen and (max-width: 768px) { - .is-block-mobile { - display: block !important; } } - -@media screen and (min-width: 769px), print { - .is-block-tablet { - display: block !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .is-block-tablet-only { - display: block !important; } } - -@media screen and (max-width: 1023px) { - .is-block-touch { - display: block !important; } } - -@media screen and (min-width: 1024px) { - .is-block-desktop { - display: block !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .is-block-desktop-only { - display: block !important; } } - -@media screen and (min-width: 1216px) { - .is-block-widescreen { - display: block !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .is-block-widescreen-only { - display: block !important; } } - -@media screen and (min-width: 1408px) { - .is-block-fullhd { - display: block !important; } } - -.is-flex { - display: flex !important; } - -@media screen and (max-width: 768px) { - .is-flex-mobile { - display: flex !important; } } - -@media screen and (min-width: 769px), print { - .is-flex-tablet { - display: flex !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .is-flex-tablet-only { - display: flex !important; } } - -@media screen and (max-width: 1023px) { - .is-flex-touch { - display: flex !important; } } - -@media screen and (min-width: 1024px) { - .is-flex-desktop { - display: flex !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .is-flex-desktop-only { - display: flex !important; } } - -@media screen and (min-width: 1216px) { - .is-flex-widescreen { - display: flex !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .is-flex-widescreen-only { - display: flex !important; } } - -@media screen and (min-width: 1408px) { - .is-flex-fullhd { - display: flex !important; } } - -.is-inline { - display: inline !important; } - -@media screen and (max-width: 768px) { - .is-inline-mobile { - display: inline !important; } } - -@media screen and (min-width: 769px), print { - .is-inline-tablet { - display: inline !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .is-inline-tablet-only { - display: inline !important; } } - -@media screen and (max-width: 1023px) { - .is-inline-touch { - display: inline !important; } } - -@media screen and (min-width: 1024px) { - .is-inline-desktop { - display: inline !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .is-inline-desktop-only { - display: inline !important; } } - -@media screen and (min-width: 1216px) { - .is-inline-widescreen { - display: inline !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .is-inline-widescreen-only { - display: inline !important; } } - -@media screen and (min-width: 1408px) { - .is-inline-fullhd { - display: inline !important; } } - -.is-inline-block { - display: inline-block !important; } - -@media screen and (max-width: 768px) { - .is-inline-block-mobile { - display: inline-block !important; } } - -@media screen and (min-width: 769px), print { - .is-inline-block-tablet { - display: inline-block !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .is-inline-block-tablet-only { - display: inline-block !important; } } - -@media screen and (max-width: 1023px) { - .is-inline-block-touch { - display: inline-block !important; } } - -@media screen and (min-width: 1024px) { - .is-inline-block-desktop { - display: inline-block !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .is-inline-block-desktop-only { - display: inline-block !important; } } - -@media screen and (min-width: 1216px) { - .is-inline-block-widescreen { - display: inline-block !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .is-inline-block-widescreen-only { - display: inline-block !important; } } - -@media screen and (min-width: 1408px) { - .is-inline-block-fullhd { - display: inline-block !important; } } - -.is-inline-flex { - display: inline-flex !important; } - -@media screen and (max-width: 768px) { - .is-inline-flex-mobile { - display: inline-flex !important; } } - -@media screen and (min-width: 769px), print { - .is-inline-flex-tablet { - display: inline-flex !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .is-inline-flex-tablet-only { - display: inline-flex !important; } } - -@media screen and (max-width: 1023px) { - .is-inline-flex-touch { - display: inline-flex !important; } } - -@media screen and (min-width: 1024px) { - .is-inline-flex-desktop { - display: inline-flex !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .is-inline-flex-desktop-only { - display: inline-flex !important; } } - -@media screen and (min-width: 1216px) { - .is-inline-flex-widescreen { - display: inline-flex !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .is-inline-flex-widescreen-only { - display: inline-flex !important; } } - -@media screen and (min-width: 1408px) { - .is-inline-flex-fullhd { - display: inline-flex !important; } } - -.is-hidden { - display: none !important; } - -@media screen and (max-width: 768px) { - .is-hidden-mobile { - display: none !important; } } - -@media screen and (min-width: 769px), print { - .is-hidden-tablet { - display: none !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .is-hidden-tablet-only { - display: none !important; } } - -@media screen and (max-width: 1023px) { - .is-hidden-touch { - display: none !important; } } - -@media screen and (min-width: 1024px) { - .is-hidden-desktop { - display: none !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .is-hidden-desktop-only { - display: none !important; } } - -@media screen and (min-width: 1216px) { - .is-hidden-widescreen { - display: none !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .is-hidden-widescreen-only { - display: none !important; } } - -@media screen and (min-width: 1408px) { - .is-hidden-fullhd { - display: none !important; } } - -.is-invisible { - visibility: hidden !important; } - -@media screen and (max-width: 768px) { - .is-invisible-mobile { - visibility: hidden !important; } } - -@media screen and (min-width: 769px), print { - .is-invisible-tablet { - visibility: hidden !important; } } - -@media screen and (min-width: 769px) and (max-width: 1023px) { - .is-invisible-tablet-only { - visibility: hidden !important; } } - -@media screen and (max-width: 1023px) { - .is-invisible-touch { - visibility: hidden !important; } } - -@media screen and (min-width: 1024px) { - .is-invisible-desktop { - visibility: hidden !important; } } - -@media screen and (min-width: 1024px) and (max-width: 1215px) { - .is-invisible-desktop-only { - visibility: hidden !important; } } - -@media screen and (min-width: 1216px) { - .is-invisible-widescreen { - visibility: hidden !important; } } - -@media screen and (min-width: 1216px) and (max-width: 1407px) { - .is-invisible-widescreen-only { - visibility: hidden !important; } } - -@media screen and (min-width: 1408px) { - .is-invisible-fullhd { - visibility: hidden !important; } } - -.is-marginless { - margin: 0 !important; } - -.is-paddingless { - padding: 0 !important; } - -.is-radiusless { - border-radius: 0 !important; } - -.is-shadowless { - box-shadow: none !important; } - -.is-unselectable { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; } - -.column { - display: block; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 1; - padding: 0.75rem; } - .columns.is-mobile > .column.is-narrow { - flex: none; } - .columns.is-mobile > .column.is-full { - flex: none; - width: 100%; } - .columns.is-mobile > .column.is-three-quarters { - flex: none; - width: 75%; } - .columns.is-mobile > .column.is-two-thirds { - flex: none; - width: 66.6666%; } - .columns.is-mobile > .column.is-half { - flex: none; - width: 50%; } - .columns.is-mobile > .column.is-one-third { - flex: none; - width: 33.3333%; } - .columns.is-mobile > .column.is-one-quarter { - flex: none; - width: 25%; } - .columns.is-mobile > .column.is-one-fifth { - flex: none; - width: 20%; } - .columns.is-mobile > .column.is-two-fifths { - flex: none; - width: 40%; } - .columns.is-mobile > .column.is-three-fifths { - flex: none; - width: 60%; } - .columns.is-mobile > .column.is-four-fifths { - flex: none; - width: 80%; } - .columns.is-mobile > .column.is-offset-three-quarters { - margin-left: 75%; } - .columns.is-mobile > .column.is-offset-two-thirds { - margin-left: 66.6666%; } - .columns.is-mobile > .column.is-offset-half { - margin-left: 50%; } - .columns.is-mobile > .column.is-offset-one-third { - margin-left: 33.3333%; } - .columns.is-mobile > .column.is-offset-one-quarter { - margin-left: 25%; } - .columns.is-mobile > .column.is-offset-one-fifth { - margin-left: 20%; } - .columns.is-mobile > .column.is-offset-two-fifths { - margin-left: 40%; } - .columns.is-mobile > .column.is-offset-three-fifths { - margin-left: 60%; } - .columns.is-mobile > .column.is-offset-four-fifths { - margin-left: 80%; } - .columns.is-mobile > .column.is-1 { - flex: none; - width: 8.33333%; } - .columns.is-mobile > .column.is-offset-1 { - margin-left: 8.33333%; } - .columns.is-mobile > .column.is-2 { - flex: none; - width: 16.66667%; } - .columns.is-mobile > .column.is-offset-2 { - margin-left: 16.66667%; } - .columns.is-mobile > .column.is-3 { - flex: none; - width: 25%; } - .columns.is-mobile > .column.is-offset-3 { - margin-left: 25%; } - .columns.is-mobile > .column.is-4 { - flex: none; - width: 33.33333%; } - .columns.is-mobile > .column.is-offset-4 { - margin-left: 33.33333%; } - .columns.is-mobile > .column.is-5 { - flex: none; - width: 41.66667%; } - .columns.is-mobile > .column.is-offset-5 { - margin-left: 41.66667%; } - .columns.is-mobile > .column.is-6 { - flex: none; - width: 50%; } - .columns.is-mobile > .column.is-offset-6 { - margin-left: 50%; } - .columns.is-mobile > .column.is-7 { - flex: none; - width: 58.33333%; } - .columns.is-mobile > .column.is-offset-7 { - margin-left: 58.33333%; } - .columns.is-mobile > .column.is-8 { - flex: none; - width: 66.66667%; } - .columns.is-mobile > .column.is-offset-8 { - margin-left: 66.66667%; } - .columns.is-mobile > .column.is-9 { - flex: none; - width: 75%; } - .columns.is-mobile > .column.is-offset-9 { - margin-left: 75%; } - .columns.is-mobile > .column.is-10 { - flex: none; - width: 83.33333%; } - .columns.is-mobile > .column.is-offset-10 { - margin-left: 83.33333%; } - .columns.is-mobile > .column.is-11 { - flex: none; - width: 91.66667%; } - .columns.is-mobile > .column.is-offset-11 { - margin-left: 91.66667%; } - .columns.is-mobile > .column.is-12 { - flex: none; - width: 100%; } - .columns.is-mobile > .column.is-offset-12 { - margin-left: 100%; } - @media screen and (max-width: 768px) { - .column.is-narrow-mobile { - flex: none; } - .column.is-full-mobile { - flex: none; - width: 100%; } - .column.is-three-quarters-mobile { - flex: none; - width: 75%; } - .column.is-two-thirds-mobile { - flex: none; - width: 66.6666%; } - .column.is-half-mobile { - flex: none; - width: 50%; } - .column.is-one-third-mobile { - flex: none; - width: 33.3333%; } - .column.is-one-quarter-mobile { - flex: none; - width: 25%; } - .column.is-one-fifth-mobile { - flex: none; - width: 20%; } - .column.is-two-fifths-mobile { - flex: none; - width: 40%; } - .column.is-three-fifths-mobile { - flex: none; - width: 60%; } - .column.is-four-fifths-mobile { - flex: none; - width: 80%; } - .column.is-offset-three-quarters-mobile { - margin-left: 75%; } - .column.is-offset-two-thirds-mobile { - margin-left: 66.6666%; } - .column.is-offset-half-mobile { - margin-left: 50%; } - .column.is-offset-one-third-mobile { - margin-left: 33.3333%; } - .column.is-offset-one-quarter-mobile { - margin-left: 25%; } - .column.is-offset-one-fifth-mobile { - margin-left: 20%; } - .column.is-offset-two-fifths-mobile { - margin-left: 40%; } - .column.is-offset-three-fifths-mobile { - margin-left: 60%; } - .column.is-offset-four-fifths-mobile { - margin-left: 80%; } - .column.is-1-mobile { - flex: none; - width: 8.33333%; } - .column.is-offset-1-mobile { - margin-left: 8.33333%; } - .column.is-2-mobile { - flex: none; - width: 16.66667%; } - .column.is-offset-2-mobile { - margin-left: 16.66667%; } - .column.is-3-mobile { - flex: none; - width: 25%; } - .column.is-offset-3-mobile { - margin-left: 25%; } - .column.is-4-mobile { - flex: none; - width: 33.33333%; } - .column.is-offset-4-mobile { - margin-left: 33.33333%; } - .column.is-5-mobile { - flex: none; - width: 41.66667%; } - .column.is-offset-5-mobile { - margin-left: 41.66667%; } - .column.is-6-mobile { - flex: none; - width: 50%; } - .column.is-offset-6-mobile { - margin-left: 50%; } - .column.is-7-mobile { - flex: none; - width: 58.33333%; } - .column.is-offset-7-mobile { - margin-left: 58.33333%; } - .column.is-8-mobile { - flex: none; - width: 66.66667%; } - .column.is-offset-8-mobile { - margin-left: 66.66667%; } - .column.is-9-mobile { - flex: none; - width: 75%; } - .column.is-offset-9-mobile { - margin-left: 75%; } - .column.is-10-mobile { - flex: none; - width: 83.33333%; } - .column.is-offset-10-mobile { - margin-left: 83.33333%; } - .column.is-11-mobile { - flex: none; - width: 91.66667%; } - .column.is-offset-11-mobile { - margin-left: 91.66667%; } - .column.is-12-mobile { - flex: none; - width: 100%; } - .column.is-offset-12-mobile { - margin-left: 100%; } } - @media screen and (min-width: 769px), print { - .column.is-narrow, .column.is-narrow-tablet { - flex: none; } - .column.is-full, .column.is-full-tablet { - flex: none; - width: 100%; } - .column.is-three-quarters, .column.is-three-quarters-tablet { - flex: none; - width: 75%; } - .column.is-two-thirds, .column.is-two-thirds-tablet { - flex: none; - width: 66.6666%; } - .column.is-half, .column.is-half-tablet { - flex: none; - width: 50%; } - .column.is-one-third, .column.is-one-third-tablet { - flex: none; - width: 33.3333%; } - .column.is-one-quarter, .column.is-one-quarter-tablet { - flex: none; - width: 25%; } - .column.is-one-fifth, .column.is-one-fifth-tablet { - flex: none; - width: 20%; } - .column.is-two-fifths, .column.is-two-fifths-tablet { - flex: none; - width: 40%; } - .column.is-three-fifths, .column.is-three-fifths-tablet { - flex: none; - width: 60%; } - .column.is-four-fifths, .column.is-four-fifths-tablet { - flex: none; - width: 80%; } - .column.is-offset-three-quarters, .column.is-offset-three-quarters-tablet { - margin-left: 75%; } - .column.is-offset-two-thirds, .column.is-offset-two-thirds-tablet { - margin-left: 66.6666%; } - .column.is-offset-half, .column.is-offset-half-tablet { - margin-left: 50%; } - .column.is-offset-one-third, .column.is-offset-one-third-tablet { - margin-left: 33.3333%; } - .column.is-offset-one-quarter, .column.is-offset-one-quarter-tablet { - margin-left: 25%; } - .column.is-offset-one-fifth, .column.is-offset-one-fifth-tablet { - margin-left: 20%; } - .column.is-offset-two-fifths, .column.is-offset-two-fifths-tablet { - margin-left: 40%; } - .column.is-offset-three-fifths, .column.is-offset-three-fifths-tablet { - margin-left: 60%; } - .column.is-offset-four-fifths, .column.is-offset-four-fifths-tablet { - margin-left: 80%; } - .column.is-1, .column.is-1-tablet { - flex: none; - width: 8.33333%; } - .column.is-offset-1, .column.is-offset-1-tablet { - margin-left: 8.33333%; } - .column.is-2, .column.is-2-tablet { - flex: none; - width: 16.66667%; } - .column.is-offset-2, .column.is-offset-2-tablet { - margin-left: 16.66667%; } - .column.is-3, .column.is-3-tablet { - flex: none; - width: 25%; } - .column.is-offset-3, .column.is-offset-3-tablet { - margin-left: 25%; } - .column.is-4, .column.is-4-tablet { - flex: none; - width: 33.33333%; } - .column.is-offset-4, .column.is-offset-4-tablet { - margin-left: 33.33333%; } - .column.is-5, .column.is-5-tablet { - flex: none; - width: 41.66667%; } - .column.is-offset-5, .column.is-offset-5-tablet { - margin-left: 41.66667%; } - .column.is-6, .column.is-6-tablet { - flex: none; - width: 50%; } - .column.is-offset-6, .column.is-offset-6-tablet { - margin-left: 50%; } - .column.is-7, .column.is-7-tablet { - flex: none; - width: 58.33333%; } - .column.is-offset-7, .column.is-offset-7-tablet { - margin-left: 58.33333%; } - .column.is-8, .column.is-8-tablet { - flex: none; - width: 66.66667%; } - .column.is-offset-8, .column.is-offset-8-tablet { - margin-left: 66.66667%; } - .column.is-9, .column.is-9-tablet { - flex: none; - width: 75%; } - .column.is-offset-9, .column.is-offset-9-tablet { - margin-left: 75%; } - .column.is-10, .column.is-10-tablet { - flex: none; - width: 83.33333%; } - .column.is-offset-10, .column.is-offset-10-tablet { - margin-left: 83.33333%; } - .column.is-11, .column.is-11-tablet { - flex: none; - width: 91.66667%; } - .column.is-offset-11, .column.is-offset-11-tablet { - margin-left: 91.66667%; } - .column.is-12, .column.is-12-tablet { - flex: none; - width: 100%; } - .column.is-offset-12, .column.is-offset-12-tablet { - margin-left: 100%; } } - @media screen and (max-width: 1023px) { - .column.is-narrow-touch { - flex: none; } - .column.is-full-touch { - flex: none; - width: 100%; } - .column.is-three-quarters-touch { - flex: none; - width: 75%; } - .column.is-two-thirds-touch { - flex: none; - width: 66.6666%; } - .column.is-half-touch { - flex: none; - width: 50%; } - .column.is-one-third-touch { - flex: none; - width: 33.3333%; } - .column.is-one-quarter-touch { - flex: none; - width: 25%; } - .column.is-one-fifth-touch { - flex: none; - width: 20%; } - .column.is-two-fifths-touch { - flex: none; - width: 40%; } - .column.is-three-fifths-touch { - flex: none; - width: 60%; } - .column.is-four-fifths-touch { - flex: none; - width: 80%; } - .column.is-offset-three-quarters-touch { - margin-left: 75%; } - .column.is-offset-two-thirds-touch { - margin-left: 66.6666%; } - .column.is-offset-half-touch { - margin-left: 50%; } - .column.is-offset-one-third-touch { - margin-left: 33.3333%; } - .column.is-offset-one-quarter-touch { - margin-left: 25%; } - .column.is-offset-one-fifth-touch { - margin-left: 20%; } - .column.is-offset-two-fifths-touch { - margin-left: 40%; } - .column.is-offset-three-fifths-touch { - margin-left: 60%; } - .column.is-offset-four-fifths-touch { - margin-left: 80%; } - .column.is-1-touch { - flex: none; - width: 8.33333%; } - .column.is-offset-1-touch { - margin-left: 8.33333%; } - .column.is-2-touch { - flex: none; - width: 16.66667%; } - .column.is-offset-2-touch { - margin-left: 16.66667%; } - .column.is-3-touch { - flex: none; - width: 25%; } - .column.is-offset-3-touch { - margin-left: 25%; } - .column.is-4-touch { - flex: none; - width: 33.33333%; } - .column.is-offset-4-touch { - margin-left: 33.33333%; } - .column.is-5-touch { - flex: none; - width: 41.66667%; } - .column.is-offset-5-touch { - margin-left: 41.66667%; } - .column.is-6-touch { - flex: none; - width: 50%; } - .column.is-offset-6-touch { - margin-left: 50%; } - .column.is-7-touch { - flex: none; - width: 58.33333%; } - .column.is-offset-7-touch { - margin-left: 58.33333%; } - .column.is-8-touch { - flex: none; - width: 66.66667%; } - .column.is-offset-8-touch { - margin-left: 66.66667%; } - .column.is-9-touch { - flex: none; - width: 75%; } - .column.is-offset-9-touch { - margin-left: 75%; } - .column.is-10-touch { - flex: none; - width: 83.33333%; } - .column.is-offset-10-touch { - margin-left: 83.33333%; } - .column.is-11-touch { - flex: none; - width: 91.66667%; } - .column.is-offset-11-touch { - margin-left: 91.66667%; } - .column.is-12-touch { - flex: none; - width: 100%; } - .column.is-offset-12-touch { - margin-left: 100%; } } - @media screen and (min-width: 1024px) { - .column.is-narrow-desktop { - flex: none; } - .column.is-full-desktop { - flex: none; - width: 100%; } - .column.is-three-quarters-desktop { - flex: none; - width: 75%; } - .column.is-two-thirds-desktop { - flex: none; - width: 66.6666%; } - .column.is-half-desktop { - flex: none; - width: 50%; } - .column.is-one-third-desktop { - flex: none; - width: 33.3333%; } - .column.is-one-quarter-desktop { - flex: none; - width: 25%; } - .column.is-one-fifth-desktop { - flex: none; - width: 20%; } - .column.is-two-fifths-desktop { - flex: none; - width: 40%; } - .column.is-three-fifths-desktop { - flex: none; - width: 60%; } - .column.is-four-fifths-desktop { - flex: none; - width: 80%; } - .column.is-offset-three-quarters-desktop { - margin-left: 75%; } - .column.is-offset-two-thirds-desktop { - margin-left: 66.6666%; } - .column.is-offset-half-desktop { - margin-left: 50%; } - .column.is-offset-one-third-desktop { - margin-left: 33.3333%; } - .column.is-offset-one-quarter-desktop { - margin-left: 25%; } - .column.is-offset-one-fifth-desktop { - margin-left: 20%; } - .column.is-offset-two-fifths-desktop { - margin-left: 40%; } - .column.is-offset-three-fifths-desktop { - margin-left: 60%; } - .column.is-offset-four-fifths-desktop { - margin-left: 80%; } - .column.is-1-desktop { - flex: none; - width: 8.33333%; } - .column.is-offset-1-desktop { - margin-left: 8.33333%; } - .column.is-2-desktop { - flex: none; - width: 16.66667%; } - .column.is-offset-2-desktop { - margin-left: 16.66667%; } - .column.is-3-desktop { - flex: none; - width: 25%; } - .column.is-offset-3-desktop { - margin-left: 25%; } - .column.is-4-desktop { - flex: none; - width: 33.33333%; } - .column.is-offset-4-desktop { - margin-left: 33.33333%; } - .column.is-5-desktop { - flex: none; - width: 41.66667%; } - .column.is-offset-5-desktop { - margin-left: 41.66667%; } - .column.is-6-desktop { - flex: none; - width: 50%; } - .column.is-offset-6-desktop { - margin-left: 50%; } - .column.is-7-desktop { - flex: none; - width: 58.33333%; } - .column.is-offset-7-desktop { - margin-left: 58.33333%; } - .column.is-8-desktop { - flex: none; - width: 66.66667%; } - .column.is-offset-8-desktop { - margin-left: 66.66667%; } - .column.is-9-desktop { - flex: none; - width: 75%; } - .column.is-offset-9-desktop { - margin-left: 75%; } - .column.is-10-desktop { - flex: none; - width: 83.33333%; } - .column.is-offset-10-desktop { - margin-left: 83.33333%; } - .column.is-11-desktop { - flex: none; - width: 91.66667%; } - .column.is-offset-11-desktop { - margin-left: 91.66667%; } - .column.is-12-desktop { - flex: none; - width: 100%; } - .column.is-offset-12-desktop { - margin-left: 100%; } } - @media screen and (min-width: 1216px) { - .column.is-narrow-widescreen { - flex: none; } - .column.is-full-widescreen { - flex: none; - width: 100%; } - .column.is-three-quarters-widescreen { - flex: none; - width: 75%; } - .column.is-two-thirds-widescreen { - flex: none; - width: 66.6666%; } - .column.is-half-widescreen { - flex: none; - width: 50%; } - .column.is-one-third-widescreen { - flex: none; - width: 33.3333%; } - .column.is-one-quarter-widescreen { - flex: none; - width: 25%; } - .column.is-one-fifth-widescreen { - flex: none; - width: 20%; } - .column.is-two-fifths-widescreen { - flex: none; - width: 40%; } - .column.is-three-fifths-widescreen { - flex: none; - width: 60%; } - .column.is-four-fifths-widescreen { - flex: none; - width: 80%; } - .column.is-offset-three-quarters-widescreen { - margin-left: 75%; } - .column.is-offset-two-thirds-widescreen { - margin-left: 66.6666%; } - .column.is-offset-half-widescreen { - margin-left: 50%; } - .column.is-offset-one-third-widescreen { - margin-left: 33.3333%; } - .column.is-offset-one-quarter-widescreen { - margin-left: 25%; } - .column.is-offset-one-fifth-widescreen { - margin-left: 20%; } - .column.is-offset-two-fifths-widescreen { - margin-left: 40%; } - .column.is-offset-three-fifths-widescreen { - margin-left: 60%; } - .column.is-offset-four-fifths-widescreen { - margin-left: 80%; } - .column.is-1-widescreen { - flex: none; - width: 8.33333%; } - .column.is-offset-1-widescreen { - margin-left: 8.33333%; } - .column.is-2-widescreen { - flex: none; - width: 16.66667%; } - .column.is-offset-2-widescreen { - margin-left: 16.66667%; } - .column.is-3-widescreen { - flex: none; - width: 25%; } - .column.is-offset-3-widescreen { - margin-left: 25%; } - .column.is-4-widescreen { - flex: none; - width: 33.33333%; } - .column.is-offset-4-widescreen { - margin-left: 33.33333%; } - .column.is-5-widescreen { - flex: none; - width: 41.66667%; } - .column.is-offset-5-widescreen { - margin-left: 41.66667%; } - .column.is-6-widescreen { - flex: none; - width: 50%; } - .column.is-offset-6-widescreen { - margin-left: 50%; } - .column.is-7-widescreen { - flex: none; - width: 58.33333%; } - .column.is-offset-7-widescreen { - margin-left: 58.33333%; } - .column.is-8-widescreen { - flex: none; - width: 66.66667%; } - .column.is-offset-8-widescreen { - margin-left: 66.66667%; } - .column.is-9-widescreen { - flex: none; - width: 75%; } - .column.is-offset-9-widescreen { - margin-left: 75%; } - .column.is-10-widescreen { - flex: none; - width: 83.33333%; } - .column.is-offset-10-widescreen { - margin-left: 83.33333%; } - .column.is-11-widescreen { - flex: none; - width: 91.66667%; } - .column.is-offset-11-widescreen { - margin-left: 91.66667%; } - .column.is-12-widescreen { - flex: none; - width: 100%; } - .column.is-offset-12-widescreen { - margin-left: 100%; } } - @media screen and (min-width: 1408px) { - .column.is-narrow-fullhd { - flex: none; } - .column.is-full-fullhd { - flex: none; - width: 100%; } - .column.is-three-quarters-fullhd { - flex: none; - width: 75%; } - .column.is-two-thirds-fullhd { - flex: none; - width: 66.6666%; } - .column.is-half-fullhd { - flex: none; - width: 50%; } - .column.is-one-third-fullhd { - flex: none; - width: 33.3333%; } - .column.is-one-quarter-fullhd { - flex: none; - width: 25%; } - .column.is-one-fifth-fullhd { - flex: none; - width: 20%; } - .column.is-two-fifths-fullhd { - flex: none; - width: 40%; } - .column.is-three-fifths-fullhd { - flex: none; - width: 60%; } - .column.is-four-fifths-fullhd { - flex: none; - width: 80%; } - .column.is-offset-three-quarters-fullhd { - margin-left: 75%; } - .column.is-offset-two-thirds-fullhd { - margin-left: 66.6666%; } - .column.is-offset-half-fullhd { - margin-left: 50%; } - .column.is-offset-one-third-fullhd { - margin-left: 33.3333%; } - .column.is-offset-one-quarter-fullhd { - margin-left: 25%; } - .column.is-offset-one-fifth-fullhd { - margin-left: 20%; } - .column.is-offset-two-fifths-fullhd { - margin-left: 40%; } - .column.is-offset-three-fifths-fullhd { - margin-left: 60%; } - .column.is-offset-four-fifths-fullhd { - margin-left: 80%; } - .column.is-1-fullhd { - flex: none; - width: 8.33333%; } - .column.is-offset-1-fullhd { - margin-left: 8.33333%; } - .column.is-2-fullhd { - flex: none; - width: 16.66667%; } - .column.is-offset-2-fullhd { - margin-left: 16.66667%; } - .column.is-3-fullhd { - flex: none; - width: 25%; } - .column.is-offset-3-fullhd { - margin-left: 25%; } - .column.is-4-fullhd { - flex: none; - width: 33.33333%; } - .column.is-offset-4-fullhd { - margin-left: 33.33333%; } - .column.is-5-fullhd { - flex: none; - width: 41.66667%; } - .column.is-offset-5-fullhd { - margin-left: 41.66667%; } - .column.is-6-fullhd { - flex: none; - width: 50%; } - .column.is-offset-6-fullhd { - margin-left: 50%; } - .column.is-7-fullhd { - flex: none; - width: 58.33333%; } - .column.is-offset-7-fullhd { - margin-left: 58.33333%; } - .column.is-8-fullhd { - flex: none; - width: 66.66667%; } - .column.is-offset-8-fullhd { - margin-left: 66.66667%; } - .column.is-9-fullhd { - flex: none; - width: 75%; } - .column.is-offset-9-fullhd { - margin-left: 75%; } - .column.is-10-fullhd { - flex: none; - width: 83.33333%; } - .column.is-offset-10-fullhd { - margin-left: 83.33333%; } - .column.is-11-fullhd { - flex: none; - width: 91.66667%; } - .column.is-offset-11-fullhd { - margin-left: 91.66667%; } - .column.is-12-fullhd { - flex: none; - width: 100%; } - .column.is-offset-12-fullhd { - margin-left: 100%; } } - -.columns { - margin-left: -0.75rem; - margin-right: -0.75rem; - margin-top: -0.75rem; } - .columns:last-child { - margin-bottom: -0.75rem; } - .columns:not(:last-child) { - margin-bottom: calc(1.5rem - 0.75rem); } - .columns.is-centered { - justify-content: center; } - .columns.is-gapless { - margin-left: 0; - margin-right: 0; - margin-top: 0; } - .columns.is-gapless > .column { - margin: 0; - padding: 0 !important; } - .columns.is-gapless:not(:last-child) { - margin-bottom: 1.5rem; } - .columns.is-gapless:last-child { - margin-bottom: 0; } - .columns.is-mobile { - display: flex; } - .columns.is-multiline { - flex-wrap: wrap; } - .columns.is-vcentered { - align-items: center; } - @media screen and (min-width: 769px), print { - .columns:not(.is-desktop) { - display: flex; } } - @media screen and (min-width: 1024px) { - .columns.is-desktop { - display: flex; } } - -.columns.is-variable { - --columnGap: 0.75rem; - margin-left: calc(-1 * var(--columnGap)); - margin-right: calc(-1 * var(--columnGap)); } - .columns.is-variable .column { - padding-left: var(--columnGap); - padding-right: var(--columnGap); } - .columns.is-variable.is-0 { - --columnGap: 0rem; } - .columns.is-variable.is-1 { - --columnGap: 0.25rem; } - .columns.is-variable.is-2 { - --columnGap: 0.5rem; } - .columns.is-variable.is-3 { - --columnGap: 0.75rem; } - .columns.is-variable.is-4 { - --columnGap: 1rem; } - .columns.is-variable.is-5 { - --columnGap: 1.25rem; } - .columns.is-variable.is-6 { - --columnGap: 1.5rem; } - .columns.is-variable.is-7 { - --columnGap: 1.75rem; } - .columns.is-variable.is-8 { - --columnGap: 2rem; } - -.tile { - align-items: stretch; - display: block; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 1; - min-height: min-content; } - .tile.is-ancestor { - margin-left: -0.75rem; - margin-right: -0.75rem; - margin-top: -0.75rem; } - .tile.is-ancestor:last-child { - margin-bottom: -0.75rem; } - .tile.is-ancestor:not(:last-child) { - margin-bottom: 0.75rem; } - .tile.is-child { - margin: 0 !important; } - .tile.is-parent { - padding: 0.75rem; } - .tile.is-vertical { - flex-direction: column; } - .tile.is-vertical > .tile.is-child:not(:last-child) { - margin-bottom: 1.5rem !important; } - @media screen and (min-width: 769px), print { - .tile:not(.is-child) { - display: flex; } - .tile.is-1 { - flex: none; - width: 8.33333%; } - .tile.is-2 { - flex: none; - width: 16.66667%; } - .tile.is-3 { - flex: none; - width: 25%; } - .tile.is-4 { - flex: none; - width: 33.33333%; } - .tile.is-5 { - flex: none; - width: 41.66667%; } - .tile.is-6 { - flex: none; - width: 50%; } - .tile.is-7 { - flex: none; - width: 58.33333%; } - .tile.is-8 { - flex: none; - width: 66.66667%; } - .tile.is-9 { - flex: none; - width: 75%; } - .tile.is-10 { - flex: none; - width: 83.33333%; } - .tile.is-11 { - flex: none; - width: 91.66667%; } - .tile.is-12 { - flex: none; - width: 100%; } } - -.box { - background-color: white; - border-radius: 5px; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - color: #4a4a4a; - display: block; - padding: 1.25rem; } - .box:not(:last-child) { - margin-bottom: 1.5rem; } - -a.box:hover, a.box:focus { - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px #3273dc; } - -a.box:active { - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2), 0 0 0 1px #3273dc; } - -.button { - -moz-appearance: none; - -webkit-appearance: none; - align-items: center; - border: 1px solid transparent; - border-radius: 3px; - box-shadow: none; - display: inline-flex; - font-size: 1rem; - height: 2.25em; - justify-content: flex-start; - line-height: 1.5; - padding-bottom: calc(0.375em - 1px); - padding-left: calc(0.625em - 1px); - padding-right: calc(0.625em - 1px); - padding-top: calc(0.375em - 1px); - position: relative; - vertical-align: top; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - background-color: white; - border-color: #dbdbdb; - color: #363636; - cursor: pointer; - justify-content: center; - padding-left: 0.75em; - padding-right: 0.75em; - text-align: center; - white-space: nowrap; } - .button:focus, .button.is-focused, .button:active, .button.is-active { - outline: none; } - .button[disabled] { - cursor: not-allowed; } - .button strong { - color: inherit; } - .button .icon, .button .icon.is-small, .button .icon.is-medium, .button .icon.is-large { - height: 1.5em; - width: 1.5em; } - .button .icon:first-child:not(:last-child) { - margin-left: calc(-0.375em - 1px); - margin-right: 0.1875em; } - .button .icon:last-child:not(:first-child) { - margin-left: 0.1875em; - margin-right: calc(-0.375em - 1px); } - .button .icon:first-child:last-child { - margin-left: calc(-0.375em - 1px); - margin-right: calc(-0.375em - 1px); } - .button:hover, .button.is-hovered { - border-color: #b5b5b5; - color: #363636; } - .button:focus, .button.is-focused { - border-color: #3273dc; - color: #363636; } - .button:focus:not(:active), .button.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } - .button:active, .button.is-active { - border-color: #4a4a4a; - color: #363636; } - .button.is-text { - background-color: transparent; - border-color: transparent; - color: #4a4a4a; - text-decoration: underline; } - .button.is-text:hover, .button.is-text.is-hovered, .button.is-text:focus, .button.is-text.is-focused { - background-color: whitesmoke; - color: #363636; } - .button.is-text:active, .button.is-text.is-active { - background-color: #e8e8e8; - color: #363636; } - .button.is-text[disabled] { - background-color: transparent; - border-color: transparent; - box-shadow: none; } - .button.is-white { - background-color: white; - border-color: transparent; - color: #0a0a0a; } - .button.is-white:hover, .button.is-white.is-hovered { - background-color: #f9f9f9; - border-color: transparent; - color: #0a0a0a; } - .button.is-white:focus, .button.is-white.is-focused { - border-color: transparent; - color: #0a0a0a; } - .button.is-white:focus:not(:active), .button.is-white.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } - .button.is-white:active, .button.is-white.is-active { - background-color: #f2f2f2; - border-color: transparent; - color: #0a0a0a; } - .button.is-white[disabled] { - background-color: white; - border-color: transparent; - box-shadow: none; } - .button.is-white.is-inverted { - background-color: #0a0a0a; - color: white; } - .button.is-white.is-inverted:hover { - background-color: black; } - .button.is-white.is-inverted[disabled] { - background-color: #0a0a0a; - border-color: transparent; - box-shadow: none; - color: white; } - .button.is-white.is-loading:after { - border-color: transparent transparent #0a0a0a #0a0a0a !important; } - .button.is-white.is-outlined { - background-color: transparent; - border-color: white; - color: white; } - .button.is-white.is-outlined:hover, .button.is-white.is-outlined:focus { - background-color: white; - border-color: white; - color: #0a0a0a; } - .button.is-white.is-outlined.is-loading:after { - border-color: transparent transparent white white !important; } - .button.is-white.is-outlined[disabled] { - background-color: transparent; - border-color: white; - box-shadow: none; - color: white; } - .button.is-white.is-inverted.is-outlined { - background-color: transparent; - border-color: #0a0a0a; - color: #0a0a0a; } - .button.is-white.is-inverted.is-outlined:hover, .button.is-white.is-inverted.is-outlined:focus { - background-color: #0a0a0a; - color: white; } - .button.is-white.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: #0a0a0a; - box-shadow: none; - color: #0a0a0a; } - .button.is-black { - background-color: #0a0a0a; - border-color: transparent; - color: white; } - .button.is-black:hover, .button.is-black.is-hovered { - background-color: #040404; - border-color: transparent; - color: white; } - .button.is-black:focus, .button.is-black.is-focused { - border-color: transparent; - color: white; } - .button.is-black:focus:not(:active), .button.is-black.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } - .button.is-black:active, .button.is-black.is-active { - background-color: black; - border-color: transparent; - color: white; } - .button.is-black[disabled] { - background-color: #0a0a0a; - border-color: transparent; - box-shadow: none; } - .button.is-black.is-inverted { - background-color: white; - color: #0a0a0a; } - .button.is-black.is-inverted:hover { - background-color: #f2f2f2; } - .button.is-black.is-inverted[disabled] { - background-color: white; - border-color: transparent; - box-shadow: none; - color: #0a0a0a; } - .button.is-black.is-loading:after { - border-color: transparent transparent white white !important; } - .button.is-black.is-outlined { - background-color: transparent; - border-color: #0a0a0a; - color: #0a0a0a; } - .button.is-black.is-outlined:hover, .button.is-black.is-outlined:focus { - background-color: #0a0a0a; - border-color: #0a0a0a; - color: white; } - .button.is-black.is-outlined.is-loading:after { - border-color: transparent transparent #0a0a0a #0a0a0a !important; } - .button.is-black.is-outlined[disabled] { - background-color: transparent; - border-color: #0a0a0a; - box-shadow: none; - color: #0a0a0a; } - .button.is-black.is-inverted.is-outlined { - background-color: transparent; - border-color: white; - color: white; } - .button.is-black.is-inverted.is-outlined:hover, .button.is-black.is-inverted.is-outlined:focus { - background-color: white; - color: #0a0a0a; } - .button.is-black.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: white; - box-shadow: none; - color: white; } - .button.is-light { - background-color: whitesmoke; - border-color: transparent; - color: #363636; } - .button.is-light:hover, .button.is-light.is-hovered { - background-color: #eeeeee; - border-color: transparent; - color: #363636; } - .button.is-light:focus, .button.is-light.is-focused { - border-color: transparent; - color: #363636; } - .button.is-light:focus:not(:active), .button.is-light.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } - .button.is-light:active, .button.is-light.is-active { - background-color: #e8e8e8; - border-color: transparent; - color: #363636; } - .button.is-light[disabled] { - background-color: whitesmoke; - border-color: transparent; - box-shadow: none; } - .button.is-light.is-inverted { - background-color: #363636; - color: whitesmoke; } - .button.is-light.is-inverted:hover { - background-color: #292929; } - .button.is-light.is-inverted[disabled] { - background-color: #363636; - border-color: transparent; - box-shadow: none; - color: whitesmoke; } - .button.is-light.is-loading:after { - border-color: transparent transparent #363636 #363636 !important; } - .button.is-light.is-outlined { - background-color: transparent; - border-color: whitesmoke; - color: whitesmoke; } - .button.is-light.is-outlined:hover, .button.is-light.is-outlined:focus { - background-color: whitesmoke; - border-color: whitesmoke; - color: #363636; } - .button.is-light.is-outlined.is-loading:after { - border-color: transparent transparent whitesmoke whitesmoke !important; } - .button.is-light.is-outlined[disabled] { - background-color: transparent; - border-color: whitesmoke; - box-shadow: none; - color: whitesmoke; } - .button.is-light.is-inverted.is-outlined { - background-color: transparent; - border-color: #363636; - color: #363636; } - .button.is-light.is-inverted.is-outlined:hover, .button.is-light.is-inverted.is-outlined:focus { - background-color: #363636; - color: whitesmoke; } - .button.is-light.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: #363636; - box-shadow: none; - color: #363636; } - .button.is-dark { - background-color: #363636; - border-color: transparent; - color: whitesmoke; } - .button.is-dark:hover, .button.is-dark.is-hovered { - background-color: #2f2f2f; - border-color: transparent; - color: whitesmoke; } - .button.is-dark:focus, .button.is-dark.is-focused { - border-color: transparent; - color: whitesmoke; } - .button.is-dark:focus:not(:active), .button.is-dark.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } - .button.is-dark:active, .button.is-dark.is-active { - background-color: #292929; - border-color: transparent; - color: whitesmoke; } - .button.is-dark[disabled] { - background-color: #363636; - border-color: transparent; - box-shadow: none; } - .button.is-dark.is-inverted { - background-color: whitesmoke; - color: #363636; } - .button.is-dark.is-inverted:hover { - background-color: #e8e8e8; } - .button.is-dark.is-inverted[disabled] { - background-color: whitesmoke; - border-color: transparent; - box-shadow: none; - color: #363636; } - .button.is-dark.is-loading:after { - border-color: transparent transparent whitesmoke whitesmoke !important; } - .button.is-dark.is-outlined { - background-color: transparent; - border-color: #363636; - color: #363636; } - .button.is-dark.is-outlined:hover, .button.is-dark.is-outlined:focus { - background-color: #363636; - border-color: #363636; - color: whitesmoke; } - .button.is-dark.is-outlined.is-loading:after { - border-color: transparent transparent #363636 #363636 !important; } - .button.is-dark.is-outlined[disabled] { - background-color: transparent; - border-color: #363636; - box-shadow: none; - color: #363636; } - .button.is-dark.is-inverted.is-outlined { - background-color: transparent; - border-color: whitesmoke; - color: whitesmoke; } - .button.is-dark.is-inverted.is-outlined:hover, .button.is-dark.is-inverted.is-outlined:focus { - background-color: whitesmoke; - color: #363636; } - .button.is-dark.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: whitesmoke; - box-shadow: none; - color: whitesmoke; } - .button.is-primary { - background-color: #C93312; - border-color: transparent; - color: #fff; } - .button.is-primary:hover, .button.is-primary.is-hovered { - background-color: #bd3011; - border-color: transparent; - color: #fff; } - .button.is-primary:focus, .button.is-primary.is-focused { - border-color: transparent; - color: #fff; } - .button.is-primary:focus:not(:active), .button.is-primary.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(201, 51, 18, 0.25); } - .button.is-primary:active, .button.is-primary.is-active { - background-color: #b22d10; - border-color: transparent; - color: #fff; } - .button.is-primary[disabled] { - background-color: #C93312; - border-color: transparent; - box-shadow: none; } - .button.is-primary.is-inverted { - background-color: #fff; - color: #C93312; } - .button.is-primary.is-inverted:hover { - background-color: #f2f2f2; } - .button.is-primary.is-inverted[disabled] { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: #C93312; } - .button.is-primary.is-loading:after { - border-color: transparent transparent #fff #fff !important; } - .button.is-primary.is-outlined { - background-color: transparent; - border-color: #C93312; - color: #C93312; } - .button.is-primary.is-outlined:hover, .button.is-primary.is-outlined:focus { - background-color: #C93312; - border-color: #C93312; - color: #fff; } - .button.is-primary.is-outlined.is-loading:after { - border-color: transparent transparent #C93312 #C93312 !important; } - .button.is-primary.is-outlined[disabled] { - background-color: transparent; - border-color: #C93312; - box-shadow: none; - color: #C93312; } - .button.is-primary.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; } - .button.is-primary.is-inverted.is-outlined:hover, .button.is-primary.is-inverted.is-outlined:focus { - background-color: #fff; - color: #C93312; } - .button.is-primary.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; } - .button.is-link { - background-color: #3273dc; - border-color: transparent; - color: #fff; } - .button.is-link:hover, .button.is-link.is-hovered { - background-color: #276cda; - border-color: transparent; - color: #fff; } - .button.is-link:focus, .button.is-link.is-focused { - border-color: transparent; - color: #fff; } - .button.is-link:focus:not(:active), .button.is-link.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } - .button.is-link:active, .button.is-link.is-active { - background-color: #2366d1; - border-color: transparent; - color: #fff; } - .button.is-link[disabled] { - background-color: #3273dc; - border-color: transparent; - box-shadow: none; } - .button.is-link.is-inverted { - background-color: #fff; - color: #3273dc; } - .button.is-link.is-inverted:hover { - background-color: #f2f2f2; } - .button.is-link.is-inverted[disabled] { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: #3273dc; } - .button.is-link.is-loading:after { - border-color: transparent transparent #fff #fff !important; } - .button.is-link.is-outlined { - background-color: transparent; - border-color: #3273dc; - color: #3273dc; } - .button.is-link.is-outlined:hover, .button.is-link.is-outlined:focus { - background-color: #3273dc; - border-color: #3273dc; - color: #fff; } - .button.is-link.is-outlined.is-loading:after { - border-color: transparent transparent #3273dc #3273dc !important; } - .button.is-link.is-outlined[disabled] { - background-color: transparent; - border-color: #3273dc; - box-shadow: none; - color: #3273dc; } - .button.is-link.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; } - .button.is-link.is-inverted.is-outlined:hover, .button.is-link.is-inverted.is-outlined:focus { - background-color: #fff; - color: #3273dc; } - .button.is-link.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; } - .button.is-info { - background-color: #209cee; - border-color: transparent; - color: #fff; } - .button.is-info:hover, .button.is-info.is-hovered { - background-color: #1496ed; - border-color: transparent; - color: #fff; } - .button.is-info:focus, .button.is-info.is-focused { - border-color: transparent; - color: #fff; } - .button.is-info:focus:not(:active), .button.is-info.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } - .button.is-info:active, .button.is-info.is-active { - background-color: #118fe4; - border-color: transparent; - color: #fff; } - .button.is-info[disabled] { - background-color: #209cee; - border-color: transparent; - box-shadow: none; } - .button.is-info.is-inverted { - background-color: #fff; - color: #209cee; } - .button.is-info.is-inverted:hover { - background-color: #f2f2f2; } - .button.is-info.is-inverted[disabled] { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: #209cee; } - .button.is-info.is-loading:after { - border-color: transparent transparent #fff #fff !important; } - .button.is-info.is-outlined { - background-color: transparent; - border-color: #209cee; - color: #209cee; } - .button.is-info.is-outlined:hover, .button.is-info.is-outlined:focus { - background-color: #209cee; - border-color: #209cee; - color: #fff; } - .button.is-info.is-outlined.is-loading:after { - border-color: transparent transparent #209cee #209cee !important; } - .button.is-info.is-outlined[disabled] { - background-color: transparent; - border-color: #209cee; - box-shadow: none; - color: #209cee; } - .button.is-info.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; } - .button.is-info.is-inverted.is-outlined:hover, .button.is-info.is-inverted.is-outlined:focus { - background-color: #fff; - color: #209cee; } - .button.is-info.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; } - .button.is-success { - background-color: #23d160; - border-color: transparent; - color: #fff; } - .button.is-success:hover, .button.is-success.is-hovered { - background-color: #22c65b; - border-color: transparent; - color: #fff; } - .button.is-success:focus, .button.is-success.is-focused { - border-color: transparent; - color: #fff; } - .button.is-success:focus:not(:active), .button.is-success.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } - .button.is-success:active, .button.is-success.is-active { - background-color: #20bc56; - border-color: transparent; - color: #fff; } - .button.is-success[disabled] { - background-color: #23d160; - border-color: transparent; - box-shadow: none; } - .button.is-success.is-inverted { - background-color: #fff; - color: #23d160; } - .button.is-success.is-inverted:hover { - background-color: #f2f2f2; } - .button.is-success.is-inverted[disabled] { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: #23d160; } - .button.is-success.is-loading:after { - border-color: transparent transparent #fff #fff !important; } - .button.is-success.is-outlined { - background-color: transparent; - border-color: #23d160; - color: #23d160; } - .button.is-success.is-outlined:hover, .button.is-success.is-outlined:focus { - background-color: #23d160; - border-color: #23d160; - color: #fff; } - .button.is-success.is-outlined.is-loading:after { - border-color: transparent transparent #23d160 #23d160 !important; } - .button.is-success.is-outlined[disabled] { - background-color: transparent; - border-color: #23d160; - box-shadow: none; - color: #23d160; } - .button.is-success.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; } - .button.is-success.is-inverted.is-outlined:hover, .button.is-success.is-inverted.is-outlined:focus { - background-color: #fff; - color: #23d160; } - .button.is-success.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; } - .button.is-warning { - background-color: #ffdd57; - border-color: transparent; - color: #FFFFFF; } - .button.is-warning:hover, .button.is-warning.is-hovered { - background-color: #ffdb4a; - border-color: transparent; - color: #FFFFFF; } - .button.is-warning:focus, .button.is-warning.is-focused { - border-color: transparent; - color: #FFFFFF; } - .button.is-warning:focus:not(:active), .button.is-warning.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } - .button.is-warning:active, .button.is-warning.is-active { - background-color: #ffd83d; - border-color: transparent; - color: #FFFFFF; } - .button.is-warning[disabled] { - background-color: #ffdd57; - border-color: transparent; - box-shadow: none; } - .button.is-warning.is-inverted { - background-color: #FFFFFF; - color: #ffdd57; } - .button.is-warning.is-inverted:hover { - background-color: #f2f2f2; } - .button.is-warning.is-inverted[disabled] { - background-color: #FFFFFF; - border-color: transparent; - box-shadow: none; - color: #ffdd57; } - .button.is-warning.is-loading:after { - border-color: transparent transparent #FFFFFF #FFFFFF !important; } - .button.is-warning.is-outlined { - background-color: transparent; - border-color: #ffdd57; - color: #ffdd57; } - .button.is-warning.is-outlined:hover, .button.is-warning.is-outlined:focus { - background-color: #ffdd57; - border-color: #ffdd57; - color: #FFFFFF; } - .button.is-warning.is-outlined.is-loading:after { - border-color: transparent transparent #ffdd57 #ffdd57 !important; } - .button.is-warning.is-outlined[disabled] { - background-color: transparent; - border-color: #ffdd57; - box-shadow: none; - color: #ffdd57; } - .button.is-warning.is-inverted.is-outlined { - background-color: transparent; - border-color: #FFFFFF; - color: #FFFFFF; } - .button.is-warning.is-inverted.is-outlined:hover, .button.is-warning.is-inverted.is-outlined:focus { - background-color: #FFFFFF; - color: #ffdd57; } - .button.is-warning.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: #FFFFFF; - box-shadow: none; - color: #FFFFFF; } - .button.is-danger { - background-color: #ff3860; - border-color: transparent; - color: #fff; } - .button.is-danger:hover, .button.is-danger.is-hovered { - background-color: #ff2b56; - border-color: transparent; - color: #fff; } - .button.is-danger:focus, .button.is-danger.is-focused { - border-color: transparent; - color: #fff; } - .button.is-danger:focus:not(:active), .button.is-danger.is-focused:not(:active) { - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } - .button.is-danger:active, .button.is-danger.is-active { - background-color: #ff1f4b; - border-color: transparent; - color: #fff; } - .button.is-danger[disabled] { - background-color: #ff3860; - border-color: transparent; - box-shadow: none; } - .button.is-danger.is-inverted { - background-color: #fff; - color: #ff3860; } - .button.is-danger.is-inverted:hover { - background-color: #f2f2f2; } - .button.is-danger.is-inverted[disabled] { - background-color: #fff; - border-color: transparent; - box-shadow: none; - color: #ff3860; } - .button.is-danger.is-loading:after { - border-color: transparent transparent #fff #fff !important; } - .button.is-danger.is-outlined { - background-color: transparent; - border-color: #ff3860; - color: #ff3860; } - .button.is-danger.is-outlined:hover, .button.is-danger.is-outlined:focus { - background-color: #ff3860; - border-color: #ff3860; - color: #fff; } - .button.is-danger.is-outlined.is-loading:after { - border-color: transparent transparent #ff3860 #ff3860 !important; } - .button.is-danger.is-outlined[disabled] { - background-color: transparent; - border-color: #ff3860; - box-shadow: none; - color: #ff3860; } - .button.is-danger.is-inverted.is-outlined { - background-color: transparent; - border-color: #fff; - color: #fff; } - .button.is-danger.is-inverted.is-outlined:hover, .button.is-danger.is-inverted.is-outlined:focus { - background-color: #fff; - color: #ff3860; } - .button.is-danger.is-inverted.is-outlined[disabled] { - background-color: transparent; - border-color: #fff; - box-shadow: none; - color: #fff; } - .button.is-small { - border-radius: 2px; - font-size: 0.75rem; } - .button.is-medium { - font-size: 1.25rem; } - .button.is-large { - font-size: 1.5rem; } - .button[disabled] { - background-color: white; - border-color: #dbdbdb; - box-shadow: none; - opacity: 0.5; } - .button.is-fullwidth { - display: flex; - width: 100%; } - .button.is-loading { - color: transparent !important; - pointer-events: none; } - .button.is-loading:after { - animation: spinAround 500ms infinite linear; - border: 2px solid #dbdbdb; - border-radius: 290486px; - border-right-color: transparent; - border-top-color: transparent; - content: ""; - display: block; - height: 1em; - position: relative; - width: 1em; - position: absolute; - left: calc(50% - (1em / 2)); - top: calc(50% - (1em / 2)); - position: absolute !important; } - .button.is-static { - background-color: whitesmoke; - border-color: #dbdbdb; - color: #7a7a7a; - box-shadow: none; - pointer-events: none; } - -.buttons { - align-items: center; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; } - .buttons .button { - margin-bottom: 0.5rem; } - .buttons .button:not(:last-child) { - margin-right: 0.5rem; } - .buttons:last-child { - margin-bottom: -0.5rem; } - .buttons:not(:last-child) { - margin-bottom: 1rem; } - .buttons.has-addons .button:not(:first-child) { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .buttons.has-addons .button:not(:last-child) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; - margin-right: -1px; } - .buttons.has-addons .button:last-child { - margin-right: 0; } - .buttons.has-addons .button:hover, .buttons.has-addons .button.is-hovered { - z-index: 2; } - .buttons.has-addons .button:focus, .buttons.has-addons .button.is-focused, .buttons.has-addons .button:active, .buttons.has-addons .button.is-active, .buttons.has-addons .button.is-selected { - z-index: 3; } - .buttons.has-addons .button:focus:hover, .buttons.has-addons .button.is-focused:hover, .buttons.has-addons .button:active:hover, .buttons.has-addons .button.is-active:hover, .buttons.has-addons .button.is-selected:hover { - z-index: 4; } - .buttons.is-centered { - justify-content: center; } - .buttons.is-right { - justify-content: flex-end; } - -.container { - margin: 0 auto; - position: relative; } - @media screen and (min-width: 1024px) { - .container { - max-width: 960px; - width: 960px; } - .container.is-fluid { - margin-left: 32px; - margin-right: 32px; - max-width: none; - width: auto; } } - @media screen and (max-width: 1215px) { - .container.is-widescreen { - max-width: 1152px; - width: auto; } } - @media screen and (max-width: 1407px) { - .container.is-fullhd { - max-width: 1344px; - width: auto; } } - @media screen and (min-width: 1216px) { - .container { - max-width: 1152px; - width: 1152px; } } - @media screen and (min-width: 1408px) { - .container { - max-width: 1344px; - width: 1344px; } } - -.content:not(:last-child) { - margin-bottom: 1.5rem; } - -.content li + li { - margin-top: 0.25em; } - -.content p:not(:last-child), -.content dl:not(:last-child), -.content ol:not(:last-child), -.content ul:not(:last-child), -.content blockquote:not(:last-child), -.content pre:not(:last-child), -.content table:not(:last-child) { - margin-bottom: 1em; } - -.content h1, -.content h2, -.content h3, -.content h4, -.content h5, -.content h6 { - color: #363636; - font-weight: 400; - line-height: 1.125; } - -.content h1 { - font-size: 2em; - margin-bottom: 0.5em; } - .content h1:not(:first-child) { - margin-top: 1em; } - -.content h2 { - font-size: 1.75em; - margin-bottom: 0.5714em; } - .content h2:not(:first-child) { - margin-top: 1.1428em; } - -.content h3 { - font-size: 1.5em; - margin-bottom: 0.6666em; } - .content h3:not(:first-child) { - margin-top: 1.3333em; } - -.content h4 { - font-size: 1.25em; - margin-bottom: 0.8em; } - -.content h5 { - font-size: 1.125em; - margin-bottom: 0.8888em; } - -.content h6 { - font-size: 1em; - margin-bottom: 1em; } - -.content blockquote { - background-color: whitesmoke; - border-left: 5px solid #dbdbdb; - padding: 1.25em 1.5em; } - -.content ol { - list-style: decimal outside; - margin-left: 2em; - margin-top: 1em; } - -.content ul { - list-style: disc outside; - margin-left: 2em; - margin-top: 1em; } - .content ul ul { - list-style-type: circle; - margin-top: 0.5em; } - .content ul ul ul { - list-style-type: square; } - -.content dd { - margin-left: 2em; } - -.content figure { - margin-left: 2em; - margin-right: 2em; - text-align: center; } - .content figure:not(:first-child) { - margin-top: 2em; } - .content figure:not(:last-child) { - margin-bottom: 2em; } - .content figure img { - display: inline-block; } - .content figure figcaption { - font-style: italic; } - -.content pre { - -webkit-overflow-scrolling: touch; - overflow-x: auto; - padding: 1.25em 1.5em; - white-space: pre; - word-wrap: normal; } - -.content sup, -.content sub { - font-size: 75%; } - -.content table { - width: 100%; } - .content table td, - .content table th { - border: 1px solid #dbdbdb; - border-width: 0 0 1px; - padding: 0.5em 0.75em; - vertical-align: top; } - .content table th { - color: #363636; - text-align: left; } - .content table tr:hover { - background-color: whitesmoke; } - .content table thead td, - .content table thead th { - border-width: 0 0 2px; - color: #363636; } - .content table tfoot td, - .content table tfoot th { - border-width: 2px 0 0; - color: #363636; } - .content table tbody tr:last-child td, - .content table tbody tr:last-child th { - border-bottom-width: 0; } - -.content.is-small { - font-size: 0.75rem; } - -.content.is-medium { - font-size: 1.25rem; } - -.content.is-large { - font-size: 1.5rem; } - -.input, -.textarea { - -moz-appearance: none; - -webkit-appearance: none; - align-items: center; - border: 1px solid transparent; - border-radius: 3px; - box-shadow: none; - display: inline-flex; - font-size: 1rem; - height: 2.25em; - justify-content: flex-start; - line-height: 1.5; - padding-bottom: calc(0.375em - 1px); - padding-left: calc(0.625em - 1px); - padding-right: calc(0.625em - 1px); - padding-top: calc(0.375em - 1px); - position: relative; - vertical-align: top; - background-color: white; - border-color: #dbdbdb; - color: #363636; - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.1); - max-width: 100%; - width: 100%; } - .input:focus, .input.is-focused, .input:active, .input.is-active, - .textarea:focus, - .textarea.is-focused, - .textarea:active, - .textarea.is-active { - outline: none; } - .input[disabled], - .textarea[disabled] { - cursor: not-allowed; } - .input::-moz-placeholder, - .textarea::-moz-placeholder { - color: rgba(54, 54, 54, 0.3); } - .input::-webkit-input-placeholder, - .textarea::-webkit-input-placeholder { - color: rgba(54, 54, 54, 0.3); } - .input:-moz-placeholder, - .textarea:-moz-placeholder { - color: rgba(54, 54, 54, 0.3); } - .input:-ms-input-placeholder, - .textarea:-ms-input-placeholder { - color: rgba(54, 54, 54, 0.3); } - .input:hover, .input.is-hovered, - .textarea:hover, - .textarea.is-hovered { - border-color: #b5b5b5; } - .input:focus, .input.is-focused, .input:active, .input.is-active, - .textarea:focus, - .textarea.is-focused, - .textarea:active, - .textarea.is-active { - border-color: #3273dc; - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } - .input[disabled], - .textarea[disabled] { - background-color: whitesmoke; - border-color: whitesmoke; - box-shadow: none; - color: #7a7a7a; } - .input[disabled]::-moz-placeholder, - .textarea[disabled]::-moz-placeholder { - color: rgba(122, 122, 122, 0.3); } - .input[disabled]::-webkit-input-placeholder, - .textarea[disabled]::-webkit-input-placeholder { - color: rgba(122, 122, 122, 0.3); } - .input[disabled]:-moz-placeholder, - .textarea[disabled]:-moz-placeholder { - color: rgba(122, 122, 122, 0.3); } - .input[disabled]:-ms-input-placeholder, - .textarea[disabled]:-ms-input-placeholder { - color: rgba(122, 122, 122, 0.3); } - .input[type="search"], - .textarea[type="search"] { - border-radius: 290486px; } - .input[readonly], - .textarea[readonly] { - box-shadow: none; } - .input.is-white, - .textarea.is-white { - border-color: white; } - .input.is-white:focus, .input.is-white.is-focused, .input.is-white:active, .input.is-white.is-active, - .textarea.is-white:focus, - .textarea.is-white.is-focused, - .textarea.is-white:active, - .textarea.is-white.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } - .input.is-black, - .textarea.is-black { - border-color: #0a0a0a; } - .input.is-black:focus, .input.is-black.is-focused, .input.is-black:active, .input.is-black.is-active, - .textarea.is-black:focus, - .textarea.is-black.is-focused, - .textarea.is-black:active, - .textarea.is-black.is-active { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } - .input.is-light, - .textarea.is-light { - border-color: whitesmoke; } - .input.is-light:focus, .input.is-light.is-focused, .input.is-light:active, .input.is-light.is-active, - .textarea.is-light:focus, - .textarea.is-light.is-focused, - .textarea.is-light:active, - .textarea.is-light.is-active { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } - .input.is-dark, - .textarea.is-dark { - border-color: #363636; } - .input.is-dark:focus, .input.is-dark.is-focused, .input.is-dark:active, .input.is-dark.is-active, - .textarea.is-dark:focus, - .textarea.is-dark.is-focused, - .textarea.is-dark:active, - .textarea.is-dark.is-active { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } - .input.is-primary, - .textarea.is-primary { - border-color: #C93312; } - .input.is-primary:focus, .input.is-primary.is-focused, .input.is-primary:active, .input.is-primary.is-active, - .textarea.is-primary:focus, - .textarea.is-primary.is-focused, - .textarea.is-primary:active, - .textarea.is-primary.is-active { - box-shadow: 0 0 0 0.125em rgba(201, 51, 18, 0.25); } - .input.is-link, - .textarea.is-link { - border-color: #3273dc; } - .input.is-link:focus, .input.is-link.is-focused, .input.is-link:active, .input.is-link.is-active, - .textarea.is-link:focus, - .textarea.is-link.is-focused, - .textarea.is-link:active, - .textarea.is-link.is-active { - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } - .input.is-info, - .textarea.is-info { - border-color: #209cee; } - .input.is-info:focus, .input.is-info.is-focused, .input.is-info:active, .input.is-info.is-active, - .textarea.is-info:focus, - .textarea.is-info.is-focused, - .textarea.is-info:active, - .textarea.is-info.is-active { - box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } - .input.is-success, - .textarea.is-success { - border-color: #23d160; } - .input.is-success:focus, .input.is-success.is-focused, .input.is-success:active, .input.is-success.is-active, - .textarea.is-success:focus, - .textarea.is-success.is-focused, - .textarea.is-success:active, - .textarea.is-success.is-active { - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } - .input.is-warning, - .textarea.is-warning { - border-color: #ffdd57; } - .input.is-warning:focus, .input.is-warning.is-focused, .input.is-warning:active, .input.is-warning.is-active, - .textarea.is-warning:focus, - .textarea.is-warning.is-focused, - .textarea.is-warning:active, - .textarea.is-warning.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } - .input.is-danger, - .textarea.is-danger { - border-color: #ff3860; } - .input.is-danger:focus, .input.is-danger.is-focused, .input.is-danger:active, .input.is-danger.is-active, - .textarea.is-danger:focus, - .textarea.is-danger.is-focused, - .textarea.is-danger:active, - .textarea.is-danger.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } - .input.is-small, - .textarea.is-small { - border-radius: 2px; - font-size: 0.75rem; } - .input.is-medium, - .textarea.is-medium { - font-size: 1.25rem; } - .input.is-large, - .textarea.is-large { - font-size: 1.5rem; } - .input.is-fullwidth, - .textarea.is-fullwidth { - display: block; - width: 100%; } - .input.is-inline, - .textarea.is-inline { - display: inline; - width: auto; } - -.input.is-static { - background-color: transparent; - border-color: transparent; - box-shadow: none; - padding-left: 0; - padding-right: 0; } - -.textarea { - display: block; - max-width: 100%; - min-width: 100%; - padding: 0.625em; - resize: vertical; } - .textarea:not([rows]) { - max-height: 600px; - min-height: 120px; } - .textarea[rows] { - height: unset; } - .textarea.has-fixed-size { - resize: none; } - -.checkbox, -.radio { - cursor: pointer; - display: inline-block; - line-height: 1.25; - position: relative; } - .checkbox input, - .radio input { - cursor: pointer; } - .checkbox:hover, - .radio:hover { - color: #363636; } - .checkbox[disabled], - .radio[disabled] { - color: #7a7a7a; - cursor: not-allowed; } - -.radio + .radio { - margin-left: 0.5em; } - -.select { - display: inline-block; - max-width: 100%; - position: relative; - vertical-align: top; } - .select:not(.is-multiple) { - height: 2.25em; } - .select:not(.is-multiple)::after { - border: 1px solid #3273dc; - border-right: 0; - border-top: 0; - content: " "; - display: block; - height: 0.5em; - pointer-events: none; - position: absolute; - transform: rotate(-45deg); - transform-origin: center; - width: 0.5em; - margin-top: -0.375em; - right: 1.125em; - top: 50%; - z-index: 4; } - .select select { - -moz-appearance: none; - -webkit-appearance: none; - align-items: center; - border: 1px solid transparent; - border-radius: 3px; - box-shadow: none; - display: inline-flex; - font-size: 1rem; - height: 2.25em; - justify-content: flex-start; - line-height: 1.5; - padding-bottom: calc(0.375em - 1px); - padding-left: calc(0.625em - 1px); - padding-right: calc(0.625em - 1px); - padding-top: calc(0.375em - 1px); - position: relative; - vertical-align: top; - background-color: white; - border-color: #dbdbdb; - color: #363636; - cursor: pointer; - display: block; - font-size: 1em; - max-width: 100%; - outline: none; } - .select select:focus, .select select.is-focused, .select select:active, .select select.is-active { - outline: none; } - .select select[disabled] { - cursor: not-allowed; } - .select select::-moz-placeholder { - color: rgba(54, 54, 54, 0.3); } - .select select::-webkit-input-placeholder { - color: rgba(54, 54, 54, 0.3); } - .select select:-moz-placeholder { - color: rgba(54, 54, 54, 0.3); } - .select select:-ms-input-placeholder { - color: rgba(54, 54, 54, 0.3); } - .select select:hover, .select select.is-hovered { - border-color: #b5b5b5; } - .select select:focus, .select select.is-focused, .select select:active, .select select.is-active { - border-color: #3273dc; - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } - .select select[disabled] { - background-color: whitesmoke; - border-color: whitesmoke; - box-shadow: none; - color: #7a7a7a; } - .select select[disabled]::-moz-placeholder { - color: rgba(122, 122, 122, 0.3); } - .select select[disabled]::-webkit-input-placeholder { - color: rgba(122, 122, 122, 0.3); } - .select select[disabled]:-moz-placeholder { - color: rgba(122, 122, 122, 0.3); } - .select select[disabled]:-ms-input-placeholder { - color: rgba(122, 122, 122, 0.3); } - .select select::-ms-expand { - display: none; } - .select select[disabled]:hover { - border-color: whitesmoke; } - .select select:not([multiple]) { - padding-right: 2.5em; } - .select select[multiple] { - height: unset; - padding: 0; } - .select select[multiple] option { - padding: 0.5em 1em; } - .select:hover::after { - border-color: #363636; } - .select.is-white select { - border-color: white; } - .select.is-white select:focus, .select.is-white select.is-focused, .select.is-white select:active, .select.is-white select.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 255, 255, 0.25); } - .select.is-black select { - border-color: #0a0a0a; } - .select.is-black select:focus, .select.is-black select.is-focused, .select.is-black select:active, .select.is-black select.is-active { - box-shadow: 0 0 0 0.125em rgba(10, 10, 10, 0.25); } - .select.is-light select { - border-color: whitesmoke; } - .select.is-light select:focus, .select.is-light select.is-focused, .select.is-light select:active, .select.is-light select.is-active { - box-shadow: 0 0 0 0.125em rgba(245, 245, 245, 0.25); } - .select.is-dark select { - border-color: #363636; } - .select.is-dark select:focus, .select.is-dark select.is-focused, .select.is-dark select:active, .select.is-dark select.is-active { - box-shadow: 0 0 0 0.125em rgba(54, 54, 54, 0.25); } - .select.is-primary select { - border-color: #C93312; } - .select.is-primary select:focus, .select.is-primary select.is-focused, .select.is-primary select:active, .select.is-primary select.is-active { - box-shadow: 0 0 0 0.125em rgba(201, 51, 18, 0.25); } - .select.is-link select { - border-color: #3273dc; } - .select.is-link select:focus, .select.is-link select.is-focused, .select.is-link select:active, .select.is-link select.is-active { - box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25); } - .select.is-info select { - border-color: #209cee; } - .select.is-info select:focus, .select.is-info select.is-focused, .select.is-info select:active, .select.is-info select.is-active { - box-shadow: 0 0 0 0.125em rgba(32, 156, 238, 0.25); } - .select.is-success select { - border-color: #23d160; } - .select.is-success select:focus, .select.is-success select.is-focused, .select.is-success select:active, .select.is-success select.is-active { - box-shadow: 0 0 0 0.125em rgba(35, 209, 96, 0.25); } - .select.is-warning select { - border-color: #ffdd57; } - .select.is-warning select:focus, .select.is-warning select.is-focused, .select.is-warning select:active, .select.is-warning select.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 221, 87, 0.25); } - .select.is-danger select { - border-color: #ff3860; } - .select.is-danger select:focus, .select.is-danger select.is-focused, .select.is-danger select:active, .select.is-danger select.is-active { - box-shadow: 0 0 0 0.125em rgba(255, 56, 96, 0.25); } - .select.is-small { - border-radius: 2px; - font-size: 0.75rem; } - .select.is-medium { - font-size: 1.25rem; } - .select.is-large { - font-size: 1.5rem; } - .select.is-disabled::after { - border-color: #7a7a7a; } - .select.is-fullwidth { - width: 100%; } - .select.is-fullwidth select { - width: 100%; } - .select.is-loading::after { - animation: spinAround 500ms infinite linear; - border: 2px solid #dbdbdb; - border-radius: 290486px; - border-right-color: transparent; - border-top-color: transparent; - content: ""; - display: block; - height: 1em; - position: relative; - width: 1em; - margin-top: 0; - position: absolute; - right: 0.625em; - top: 0.625em; - transform: none; } - .select.is-loading.is-small:after { - font-size: 0.75rem; } - .select.is-loading.is-medium:after { - font-size: 1.25rem; } - .select.is-loading.is-large:after { - font-size: 1.5rem; } - -.file { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - align-items: stretch; - display: flex; - justify-content: flex-start; - position: relative; } - .file.is-white .file-cta { - background-color: white; - border-color: transparent; - color: #0a0a0a; } - .file.is-white:hover .file-cta, .file.is-white.is-hovered .file-cta { - background-color: #f9f9f9; - border-color: transparent; - color: #0a0a0a; } - .file.is-white:focus .file-cta, .file.is-white.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.25); - color: #0a0a0a; } - .file.is-white:active .file-cta, .file.is-white.is-active .file-cta { - background-color: #f2f2f2; - border-color: transparent; - color: #0a0a0a; } - .file.is-black .file-cta { - background-color: #0a0a0a; - border-color: transparent; - color: white; } - .file.is-black:hover .file-cta, .file.is-black.is-hovered .file-cta { - background-color: #040404; - border-color: transparent; - color: white; } - .file.is-black:focus .file-cta, .file.is-black.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(10, 10, 10, 0.25); - color: white; } - .file.is-black:active .file-cta, .file.is-black.is-active .file-cta { - background-color: black; - border-color: transparent; - color: white; } - .file.is-light .file-cta { - background-color: whitesmoke; - border-color: transparent; - color: #363636; } - .file.is-light:hover .file-cta, .file.is-light.is-hovered .file-cta { - background-color: #eeeeee; - border-color: transparent; - color: #363636; } - .file.is-light:focus .file-cta, .file.is-light.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(245, 245, 245, 0.25); - color: #363636; } - .file.is-light:active .file-cta, .file.is-light.is-active .file-cta { - background-color: #e8e8e8; - border-color: transparent; - color: #363636; } - .file.is-dark .file-cta { - background-color: #363636; - border-color: transparent; - color: whitesmoke; } - .file.is-dark:hover .file-cta, .file.is-dark.is-hovered .file-cta { - background-color: #2f2f2f; - border-color: transparent; - color: whitesmoke; } - .file.is-dark:focus .file-cta, .file.is-dark.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(54, 54, 54, 0.25); - color: whitesmoke; } - .file.is-dark:active .file-cta, .file.is-dark.is-active .file-cta { - background-color: #292929; - border-color: transparent; - color: whitesmoke; } - .file.is-primary .file-cta { - background-color: #C93312; - border-color: transparent; - color: #fff; } - .file.is-primary:hover .file-cta, .file.is-primary.is-hovered .file-cta { - background-color: #bd3011; - border-color: transparent; - color: #fff; } - .file.is-primary:focus .file-cta, .file.is-primary.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(201, 51, 18, 0.25); - color: #fff; } - .file.is-primary:active .file-cta, .file.is-primary.is-active .file-cta { - background-color: #b22d10; - border-color: transparent; - color: #fff; } - .file.is-link .file-cta { - background-color: #3273dc; - border-color: transparent; - color: #fff; } - .file.is-link:hover .file-cta, .file.is-link.is-hovered .file-cta { - background-color: #276cda; - border-color: transparent; - color: #fff; } - .file.is-link:focus .file-cta, .file.is-link.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(50, 115, 220, 0.25); - color: #fff; } - .file.is-link:active .file-cta, .file.is-link.is-active .file-cta { - background-color: #2366d1; - border-color: transparent; - color: #fff; } - .file.is-info .file-cta { - background-color: #209cee; - border-color: transparent; - color: #fff; } - .file.is-info:hover .file-cta, .file.is-info.is-hovered .file-cta { - background-color: #1496ed; - border-color: transparent; - color: #fff; } - .file.is-info:focus .file-cta, .file.is-info.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(32, 156, 238, 0.25); - color: #fff; } - .file.is-info:active .file-cta, .file.is-info.is-active .file-cta { - background-color: #118fe4; - border-color: transparent; - color: #fff; } - .file.is-success .file-cta { - background-color: #23d160; - border-color: transparent; - color: #fff; } - .file.is-success:hover .file-cta, .file.is-success.is-hovered .file-cta { - background-color: #22c65b; - border-color: transparent; - color: #fff; } - .file.is-success:focus .file-cta, .file.is-success.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(35, 209, 96, 0.25); - color: #fff; } - .file.is-success:active .file-cta, .file.is-success.is-active .file-cta { - background-color: #20bc56; - border-color: transparent; - color: #fff; } - .file.is-warning .file-cta { - background-color: #ffdd57; - border-color: transparent; - color: #FFFFFF; } - .file.is-warning:hover .file-cta, .file.is-warning.is-hovered .file-cta { - background-color: #ffdb4a; - border-color: transparent; - color: #FFFFFF; } - .file.is-warning:focus .file-cta, .file.is-warning.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(255, 221, 87, 0.25); - color: #FFFFFF; } - .file.is-warning:active .file-cta, .file.is-warning.is-active .file-cta { - background-color: #ffd83d; - border-color: transparent; - color: #FFFFFF; } - .file.is-danger .file-cta { - background-color: #ff3860; - border-color: transparent; - color: #fff; } - .file.is-danger:hover .file-cta, .file.is-danger.is-hovered .file-cta { - background-color: #ff2b56; - border-color: transparent; - color: #fff; } - .file.is-danger:focus .file-cta, .file.is-danger.is-focused .file-cta { - border-color: transparent; - box-shadow: 0 0 0.5em rgba(255, 56, 96, 0.25); - color: #fff; } - .file.is-danger:active .file-cta, .file.is-danger.is-active .file-cta { - background-color: #ff1f4b; - border-color: transparent; - color: #fff; } - .file.is-small { - font-size: 0.75rem; } - .file.is-medium { - font-size: 1.25rem; } - .file.is-medium .file-icon .fa { - font-size: 21px; } - .file.is-large { - font-size: 1.5rem; } - .file.is-large .file-icon .fa { - font-size: 28px; } - .file.has-name .file-cta { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - .file.has-name .file-name { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .file.has-name.is-empty .file-cta { - border-radius: 3px; } - .file.has-name.is-empty .file-name { - display: none; } - .file.is-centered { - justify-content: center; } - .file.is-right { - justify-content: flex-end; } - .file.is-boxed .file-label { - flex-direction: column; } - .file.is-boxed .file-cta { - flex-direction: column; - height: auto; - padding: 1em 3em; } - .file.is-boxed .file-name { - border-width: 0 1px 1px; } - .file.is-boxed .file-icon { - height: 1.5em; - width: 1.5em; } - .file.is-boxed .file-icon .fa { - font-size: 21px; } - .file.is-boxed.is-small .file-icon .fa { - font-size: 14px; } - .file.is-boxed.is-medium .file-icon .fa { - font-size: 28px; } - .file.is-boxed.is-large .file-icon .fa { - font-size: 35px; } - .file.is-boxed.has-name .file-cta { - border-radius: 3px 3px 0 0; } - .file.is-boxed.has-name .file-name { - border-radius: 0 0 3px 3px; - border-width: 0 1px 1px; } - .file.is-right .file-cta { - border-radius: 0 3px 3px 0; } - .file.is-right .file-name { - border-radius: 3px 0 0 3px; - border-width: 1px 0 1px 1px; - order: -1; } - .file.is-fullwidth .file-label { - width: 100%; } - .file.is-fullwidth .file-name { - flex-grow: 1; - max-width: none; } - -.file-label { - align-items: stretch; - display: flex; - cursor: pointer; - justify-content: flex-start; - overflow: hidden; - position: relative; } - .file-label:hover .file-cta { - background-color: #eeeeee; - color: #363636; } - .file-label:hover .file-name { - border-color: #d5d5d5; } - .file-label:active .file-cta { - background-color: #e8e8e8; - color: #363636; } - .file-label:active .file-name { - border-color: #cfcfcf; } - -.file-input { - height: 0.01em; - left: 0; - outline: none; - position: absolute; - top: 0; - width: 0.01em; } - -.file-cta, -.file-name { - -moz-appearance: none; - -webkit-appearance: none; - align-items: center; - border: 1px solid transparent; - border-radius: 3px; - box-shadow: none; - display: inline-flex; - font-size: 1rem; - height: 2.25em; - justify-content: flex-start; - line-height: 1.5; - padding-bottom: calc(0.375em - 1px); - padding-left: calc(0.625em - 1px); - padding-right: calc(0.625em - 1px); - padding-top: calc(0.375em - 1px); - position: relative; - vertical-align: top; - border-color: #dbdbdb; - border-radius: 3px; - font-size: 1em; - padding-left: 1em; - padding-right: 1em; - white-space: nowrap; } - .file-cta:focus, .file-cta.is-focused, .file-cta:active, .file-cta.is-active, - .file-name:focus, - .file-name.is-focused, - .file-name:active, - .file-name.is-active { - outline: none; } - .file-cta[disabled], - .file-name[disabled] { - cursor: not-allowed; } - -.file-cta { - background-color: whitesmoke; - color: #4a4a4a; } - -.file-name { - border-color: #dbdbdb; - border-style: solid; - border-width: 1px 1px 1px 0; - display: block; - max-width: 16em; - overflow: hidden; - text-align: left; - text-overflow: ellipsis; } - -.file-icon { - align-items: center; - display: flex; - height: 1em; - justify-content: center; - margin-right: 0.5em; - width: 1em; } - .file-icon .fa { - font-size: 14px; } - -.label { - color: #363636; - display: block; - font-size: 1rem; - font-weight: 700; } - .label:not(:last-child) { - margin-bottom: 0.5em; } - .label.is-small { - font-size: 0.75rem; } - .label.is-medium { - font-size: 1.25rem; } - .label.is-large { - font-size: 1.5rem; } - -.help { - display: block; - font-size: 0.75rem; - margin-top: 0.25rem; } - .help.is-white { - color: white; } - .help.is-black { - color: #0a0a0a; } - .help.is-light { - color: whitesmoke; } - .help.is-dark { - color: #363636; } - .help.is-primary { - color: #C93312; } - .help.is-link { - color: #3273dc; } - .help.is-info { - color: #209cee; } - .help.is-success { - color: #23d160; } - .help.is-warning { - color: #ffdd57; } - .help.is-danger { - color: #ff3860; } - -.field:not(:last-child) { - margin-bottom: 0.75rem; } - -.field.has-addons { - display: flex; - justify-content: flex-start; } - .field.has-addons .control:not(:last-child) { - margin-right: -1px; } - .field.has-addons .control:first-child .button, - .field.has-addons .control:first-child .input, - .field.has-addons .control:first-child .select select { - border-bottom-left-radius: 3px; - border-top-left-radius: 3px; } - .field.has-addons .control:last-child .button, - .field.has-addons .control:last-child .input, - .field.has-addons .control:last-child .select select { - border-bottom-right-radius: 3px; - border-top-right-radius: 3px; } - .field.has-addons .control .button, - .field.has-addons .control .input, - .field.has-addons .control .select select { - border-radius: 0; } - .field.has-addons .control .button:hover, .field.has-addons .control .button.is-hovered, - .field.has-addons .control .input:hover, - .field.has-addons .control .input.is-hovered, - .field.has-addons .control .select select:hover, - .field.has-addons .control .select select.is-hovered { - z-index: 2; } - .field.has-addons .control .button:focus, .field.has-addons .control .button.is-focused, .field.has-addons .control .button:active, .field.has-addons .control .button.is-active, - .field.has-addons .control .input:focus, - .field.has-addons .control .input.is-focused, - .field.has-addons .control .input:active, - .field.has-addons .control .input.is-active, - .field.has-addons .control .select select:focus, - .field.has-addons .control .select select.is-focused, - .field.has-addons .control .select select:active, - .field.has-addons .control .select select.is-active { - z-index: 3; } - .field.has-addons .control .button:focus:hover, .field.has-addons .control .button.is-focused:hover, .field.has-addons .control .button:active:hover, .field.has-addons .control .button.is-active:hover, - .field.has-addons .control .input:focus:hover, - .field.has-addons .control .input.is-focused:hover, - .field.has-addons .control .input:active:hover, - .field.has-addons .control .input.is-active:hover, - .field.has-addons .control .select select:focus:hover, - .field.has-addons .control .select select.is-focused:hover, - .field.has-addons .control .select select:active:hover, - .field.has-addons .control .select select.is-active:hover { - z-index: 4; } - .field.has-addons .control.is-expanded { - flex-grow: 1; } - .field.has-addons.has-addons-centered { - justify-content: center; } - .field.has-addons.has-addons-right { - justify-content: flex-end; } - .field.has-addons.has-addons-fullwidth .control { - flex-grow: 1; - flex-shrink: 0; } - -.field.is-grouped { - display: flex; - justify-content: flex-start; } - .field.is-grouped > .control { - flex-shrink: 0; } - .field.is-grouped > .control:not(:last-child) { - margin-bottom: 0; - margin-right: 0.75rem; } - .field.is-grouped > .control.is-expanded { - flex-grow: 1; - flex-shrink: 1; } - .field.is-grouped.is-grouped-centered { - justify-content: center; } - .field.is-grouped.is-grouped-right { - justify-content: flex-end; } - .field.is-grouped.is-grouped-multiline { - flex-wrap: wrap; } - .field.is-grouped.is-grouped-multiline > .control:last-child, .field.is-grouped.is-grouped-multiline > .control:not(:last-child) { - margin-bottom: 0.75rem; } - .field.is-grouped.is-grouped-multiline:last-child { - margin-bottom: -0.75rem; } - .field.is-grouped.is-grouped-multiline:not(:last-child) { - margin-bottom: 0; } - -@media screen and (min-width: 769px), print { - .field.is-horizontal { - display: flex; } } - -.field-label .label { - font-size: inherit; } - -@media screen and (max-width: 768px) { - .field-label { - margin-bottom: 0.5rem; } } - -@media screen and (min-width: 769px), print { - .field-label { - flex-basis: 0; - flex-grow: 1; - flex-shrink: 0; - margin-right: 1.5rem; - text-align: right; } - .field-label.is-small { - font-size: 0.75rem; - padding-top: 0.375em; } - .field-label.is-normal { - padding-top: 0.375em; } - .field-label.is-medium { - font-size: 1.25rem; - padding-top: 0.375em; } - .field-label.is-large { - font-size: 1.5rem; - padding-top: 0.375em; } } - -.field-body .field .field { - margin-bottom: 0; } - -@media screen and (min-width: 769px), print { - .field-body { - display: flex; - flex-basis: 0; - flex-grow: 5; - flex-shrink: 1; } - .field-body .field { - margin-bottom: 0; } - .field-body > .field { - flex-shrink: 1; } - .field-body > .field:not(.is-narrow) { - flex-grow: 1; } - .field-body > .field:not(:last-child) { - margin-right: 0.75rem; } } - -.control { - font-size: 1rem; - position: relative; - text-align: left; } - .control.has-icon .icon { - color: #dbdbdb; - height: 2.25em; - pointer-events: none; - position: absolute; - top: 0; - width: 2.25em; - z-index: 4; } - .control.has-icon .input:focus + .icon { - color: #7a7a7a; } - .control.has-icon .input.is-small + .icon { - font-size: 0.75rem; } - .control.has-icon .input.is-medium + .icon { - font-size: 1.25rem; } - .control.has-icon .input.is-large + .icon { - font-size: 1.5rem; } - .control.has-icon:not(.has-icon-right) .icon { - left: 0; } - .control.has-icon:not(.has-icon-right) .input { - padding-left: 2.25em; } - .control.has-icon.has-icon-right .icon { - right: 0; } - .control.has-icon.has-icon-right .input { - padding-right: 2.25em; } - .control.has-icons-left .input:focus ~ .icon, - .control.has-icons-left .select:focus ~ .icon, .control.has-icons-right .input:focus ~ .icon, - .control.has-icons-right .select:focus ~ .icon { - color: #7a7a7a; } - .control.has-icons-left .input.is-small ~ .icon, - .control.has-icons-left .select.is-small ~ .icon, .control.has-icons-right .input.is-small ~ .icon, - .control.has-icons-right .select.is-small ~ .icon { - font-size: 0.75rem; } - .control.has-icons-left .input.is-medium ~ .icon, - .control.has-icons-left .select.is-medium ~ .icon, .control.has-icons-right .input.is-medium ~ .icon, - .control.has-icons-right .select.is-medium ~ .icon { - font-size: 1.25rem; } - .control.has-icons-left .input.is-large ~ .icon, - .control.has-icons-left .select.is-large ~ .icon, .control.has-icons-right .input.is-large ~ .icon, - .control.has-icons-right .select.is-large ~ .icon { - font-size: 1.5rem; } - .control.has-icons-left .icon, .control.has-icons-right .icon { - color: #dbdbdb; - height: 2.25em; - pointer-events: none; - position: absolute; - top: 0; - width: 2.25em; - z-index: 4; } - .control.has-icons-left .input, - .control.has-icons-left .select select { - padding-left: 2.25em; } - .control.has-icons-left .icon.is-left { - left: 0; } - .control.has-icons-right .input, - .control.has-icons-right .select select { - padding-right: 2.25em; } - .control.has-icons-right .icon.is-right { - right: 0; } - .control.is-loading::after { - animation: spinAround 500ms infinite linear; - border: 2px solid #dbdbdb; - border-radius: 290486px; - border-right-color: transparent; - border-top-color: transparent; - content: ""; - display: block; - height: 1em; - position: relative; - width: 1em; - position: absolute !important; - right: 0.625em; - top: 0.625em; } - .control.is-loading.is-small:after { - font-size: 0.75rem; } - .control.is-loading.is-medium:after { - font-size: 1.25rem; } - .control.is-loading.is-large:after { - font-size: 1.5rem; } - -.icon { - align-items: center; - display: inline-flex; - justify-content: center; - height: 1.5rem; - width: 1.5rem; } - .icon.is-small { - height: 1rem; - width: 1rem; } - .icon.is-medium { - height: 2rem; - width: 2rem; } - .icon.is-large { - height: 3rem; - width: 3rem; } - -.image { - display: block; - position: relative; } - .image img { - display: block; - height: auto; - width: 100%; } - .image.is-square img, .image.is-1by1 img, .image.is-4by3 img, .image.is-3by2 img, .image.is-16by9 img, .image.is-2by1 img { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - height: 100%; - width: 100%; } - .image.is-square, .image.is-1by1 { - padding-top: 100%; } - .image.is-4by3 { - padding-top: 75%; } - .image.is-3by2 { - padding-top: 66.6666%; } - .image.is-16by9 { - padding-top: 56.25%; } - .image.is-2by1 { - padding-top: 50%; } - .image.is-16x16 { - height: 16px; - width: 16px; } - .image.is-24x24 { - height: 24px; - width: 24px; } - .image.is-32x32 { - height: 32px; - width: 32px; } - .image.is-48x48 { - height: 48px; - width: 48px; } - .image.is-64x64 { - height: 64px; - width: 64px; } - .image.is-96x96 { - height: 96px; - width: 96px; } - .image.is-128x128 { - height: 128px; - width: 128px; } - -.notification { - background-color: whitesmoke; - border-radius: 3px; - padding: 1.25rem 2.5rem 1.25rem 1.5rem; - position: relative; } - .notification:not(:last-child) { - margin-bottom: 1.5rem; } - .notification a:not(.button) { - color: currentColor; - text-decoration: underline; } - .notification strong { - color: currentColor; } - .notification code, - .notification pre { - background: white; } - .notification pre code { - background: transparent; } - .notification > .delete { - position: absolute; - right: 0.5em; - top: 0.5em; } - .notification .title, - .notification .subtitle, - .notification .content { - color: currentColor; } - .notification.is-white { - background-color: white; - color: #0a0a0a; } - .notification.is-black { - background-color: #0a0a0a; - color: white; } - .notification.is-light { - background-color: whitesmoke; - color: #363636; } - .notification.is-dark { - background-color: #363636; - color: whitesmoke; } - .notification.is-primary { - background-color: #C93312; - color: #fff; } - .notification.is-link { - background-color: #3273dc; - color: #fff; } - .notification.is-info { - background-color: #209cee; - color: #fff; } - .notification.is-success { - background-color: #23d160; - color: #fff; } - .notification.is-warning { - background-color: #ffdd57; - color: #FFFFFF; } - .notification.is-danger { - background-color: #ff3860; - color: #fff; } - -.progress { - -moz-appearance: none; - -webkit-appearance: none; - border: none; - border-radius: 290486px; - display: block; - height: 1rem; - overflow: hidden; - padding: 0; - width: 100%; } - .progress:not(:last-child) { - margin-bottom: 1.5rem; } - .progress::-webkit-progress-bar { - background-color: #dbdbdb; } - .progress::-webkit-progress-value { - background-color: #4a4a4a; } - .progress::-moz-progress-bar { - background-color: #4a4a4a; } - .progress::-ms-fill { - background-color: #4a4a4a; - border: none; } - .progress.is-white::-webkit-progress-value { - background-color: white; } - .progress.is-white::-moz-progress-bar { - background-color: white; } - .progress.is-white::-ms-fill { - background-color: white; } - .progress.is-black::-webkit-progress-value { - background-color: #0a0a0a; } - .progress.is-black::-moz-progress-bar { - background-color: #0a0a0a; } - .progress.is-black::-ms-fill { - background-color: #0a0a0a; } - .progress.is-light::-webkit-progress-value { - background-color: whitesmoke; } - .progress.is-light::-moz-progress-bar { - background-color: whitesmoke; } - .progress.is-light::-ms-fill { - background-color: whitesmoke; } - .progress.is-dark::-webkit-progress-value { - background-color: #363636; } - .progress.is-dark::-moz-progress-bar { - background-color: #363636; } - .progress.is-dark::-ms-fill { - background-color: #363636; } - .progress.is-primary::-webkit-progress-value { - background-color: #C93312; } - .progress.is-primary::-moz-progress-bar { - background-color: #C93312; } - .progress.is-primary::-ms-fill { - background-color: #C93312; } - .progress.is-link::-webkit-progress-value { - background-color: #3273dc; } - .progress.is-link::-moz-progress-bar { - background-color: #3273dc; } - .progress.is-link::-ms-fill { - background-color: #3273dc; } - .progress.is-info::-webkit-progress-value { - background-color: #209cee; } - .progress.is-info::-moz-progress-bar { - background-color: #209cee; } - .progress.is-info::-ms-fill { - background-color: #209cee; } - .progress.is-success::-webkit-progress-value { - background-color: #23d160; } - .progress.is-success::-moz-progress-bar { - background-color: #23d160; } - .progress.is-success::-ms-fill { - background-color: #23d160; } - .progress.is-warning::-webkit-progress-value { - background-color: #ffdd57; } - .progress.is-warning::-moz-progress-bar { - background-color: #ffdd57; } - .progress.is-warning::-ms-fill { - background-color: #ffdd57; } - .progress.is-danger::-webkit-progress-value { - background-color: #ff3860; } - .progress.is-danger::-moz-progress-bar { - background-color: #ff3860; } - .progress.is-danger::-ms-fill { - background-color: #ff3860; } - .progress.is-small { - height: 0.75rem; } - .progress.is-medium { - height: 1.25rem; } - .progress.is-large { - height: 1.5rem; } - -.table { - background-color: white; - color: #363636; - margin-bottom: 1.5rem; } - .table td, - .table th { - border: 1px solid #dbdbdb; - border-width: 0 0 1px; - padding: 0.5em 0.75em; - vertical-align: top; } - .table td.is-white, - .table th.is-white { - background-color: white; - border-color: white; - color: #0a0a0a; } - .table td.is-black, - .table th.is-black { - background-color: #0a0a0a; - border-color: #0a0a0a; - color: white; } - .table td.is-light, - .table th.is-light { - background-color: whitesmoke; - border-color: whitesmoke; - color: #363636; } - .table td.is-dark, - .table th.is-dark { - background-color: #363636; - border-color: #363636; - color: whitesmoke; } - .table td.is-primary, - .table th.is-primary { - background-color: #C93312; - border-color: #C93312; - color: #fff; } - .table td.is-link, - .table th.is-link { - background-color: #3273dc; - border-color: #3273dc; - color: #fff; } - .table td.is-info, - .table th.is-info { - background-color: #209cee; - border-color: #209cee; - color: #fff; } - .table td.is-success, - .table th.is-success { - background-color: #23d160; - border-color: #23d160; - color: #fff; } - .table td.is-warning, - .table th.is-warning { - background-color: #ffdd57; - border-color: #ffdd57; - color: #FFFFFF; } - .table td.is-danger, - .table th.is-danger { - background-color: #ff3860; - border-color: #ff3860; - color: #fff; } - .table td.is-narrow, - .table th.is-narrow { - white-space: nowrap; - width: 1%; } - .table td.is-selected, - .table th.is-selected { - background-color: #C93312; - color: #fff; } - .table td.is-selected a, - .table td.is-selected strong, - .table th.is-selected a, - .table th.is-selected strong { - color: currentColor; } - .table th { - color: #363636; - text-align: left; } - .table tr.is-selected { - background-color: #C93312; - color: #fff; } - .table tr.is-selected a, - .table tr.is-selected strong { - color: currentColor; } - .table tr.is-selected td, - .table tr.is-selected th { - border-color: #fff; - color: currentColor; } - .table thead td, - .table thead th { - border-width: 0 0 2px; - color: #363636; } - .table tfoot td, - .table tfoot th { - border-width: 2px 0 0; - color: #363636; } - .table tbody tr:last-child td, - .table tbody tr:last-child th { - border-bottom-width: 0; } - .table.is-bordered td, - .table.is-bordered th { - border-width: 1px; } - .table.is-bordered tr:last-child td, - .table.is-bordered tr:last-child th { - border-bottom-width: 1px; } - .table.is-fullwidth { - width: 100%; } - .table.is-hoverable tbody tr:not(.is-selected):hover { - background-color: #fafafa; } - .table.is-hoverable.is-striped tbody tr:not(.is-selected):hover { - background-color: whitesmoke; } - .table.is-narrow td, - .table.is-narrow th { - padding: 0.25em 0.5em; } - .table.is-striped tbody tr:not(.is-selected):nth-child(even) { - background-color: #fafafa; } - -.tags { - align-items: center; - display: flex; - flex-wrap: wrap; - justify-content: flex-start; } - .tags .tag { - margin-bottom: 0.5rem; } - .tags .tag:not(:last-child) { - margin-right: 0.5rem; } - .tags:last-child { - margin-bottom: -0.5rem; } - .tags:not(:last-child) { - margin-bottom: 1rem; } - .tags.has-addons .tag { - margin-right: 0; } - .tags.has-addons .tag:not(:first-child) { - border-bottom-left-radius: 0; - border-top-left-radius: 0; } - .tags.has-addons .tag:not(:last-child) { - border-bottom-right-radius: 0; - border-top-right-radius: 0; } - .tags.is-centered { - justify-content: center; } - .tags.is-centered .tag { - margin-right: 0.25rem; - margin-left: 0.25rem; } - .tags.is-right { - justify-content: flex-end; } - .tags.is-right .tag:not(:first-child) { - margin-left: 0.5rem; } - .tags.is-right .tag:not(:last-child) { - margin-right: 0; } - -.tag:not(body) { - align-items: center; - background-color: whitesmoke; - border-radius: 3px; - color: #4a4a4a; - display: inline-flex; - font-size: 0.75rem; - height: 2em; - justify-content: center; - line-height: 1.5; - padding-left: 0.75em; - padding-right: 0.75em; - white-space: nowrap; } - .tag:not(body) .delete { - margin-left: 0.25em; - margin-right: -0.375em; } - .tag:not(body).is-white { - background-color: white; - color: #0a0a0a; } - .tag:not(body).is-black { - background-color: #0a0a0a; - color: white; } - .tag:not(body).is-light { - background-color: whitesmoke; - color: #363636; } - .tag:not(body).is-dark { - background-color: #363636; - color: whitesmoke; } - .tag:not(body).is-primary { - background-color: #C93312; - color: #fff; } - .tag:not(body).is-link { - background-color: #3273dc; - color: #fff; } - .tag:not(body).is-info { - background-color: #209cee; - color: #fff; } - .tag:not(body).is-success { - background-color: #23d160; - color: #fff; } - .tag:not(body).is-warning { - background-color: #ffdd57; - color: #FFFFFF; } - .tag:not(body).is-danger { - background-color: #ff3860; - color: #fff; } - .tag:not(body).is-medium { - font-size: 1rem; } - .tag:not(body).is-large { - font-size: 1.25rem; } - .tag:not(body) .icon:first-child:not(:last-child) { - margin-left: -0.375em; - margin-right: 0.1875em; } - .tag:not(body) .icon:last-child:not(:first-child) { - margin-left: 0.1875em; - margin-right: -0.375em; } - .tag:not(body) .icon:first-child:last-child { - margin-left: -0.375em; - margin-right: -0.375em; } - .tag:not(body).is-delete { - margin-left: 1px; - padding: 0; - position: relative; - width: 2em; } - .tag:not(body).is-delete:before, .tag:not(body).is-delete:after { - background-color: currentColor; - content: ""; - display: block; - left: 50%; - position: absolute; - top: 50%; - transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform-origin: center center; } - .tag:not(body).is-delete:before { - height: 1px; - width: 50%; } - .tag:not(body).is-delete:after { - height: 50%; - width: 1px; } - .tag:not(body).is-delete:hover, .tag:not(body).is-delete:focus { - background-color: #e8e8e8; } - .tag:not(body).is-delete:active { - background-color: #dbdbdb; } - .tag:not(body).is-rounded { - border-radius: 290486px; } - -a.tag:hover { - text-decoration: underline; } - -.title, -.subtitle { - word-break: break-word; } - .title:not(:last-child), - .subtitle:not(:last-child) { - margin-bottom: 1.5rem; } - .title em, - .title span, - .subtitle em, - .subtitle span { - font-weight: inherit; } - .title .tag, - .subtitle .tag { - vertical-align: middle; } - -.title { - color: #363636; - font-size: 2rem; - font-weight: 600; - line-height: 1.125; } - .title strong { - color: inherit; - font-weight: inherit; } - .title + .highlight { - margin-top: -0.75rem; } - .title:not(.is-spaced) + .subtitle { - margin-top: -1.5rem; } - .title.is-1 { - font-size: 3rem; } - .title.is-2 { - font-size: 2.5rem; } - .title.is-3 { - font-size: 2rem; } - .title.is-4 { - font-size: 1.5rem; } - .title.is-5 { - font-size: 1.25rem; } - .title.is-6 { - font-size: 1rem; } - .title.is-7 { - font-size: 0.75rem; } - -.subtitle { - color: #4a4a4a; - font-size: 1.25rem; - font-weight: 400; - line-height: 1.25; } - .subtitle strong { - color: #363636; - font-weight: 600; } - .subtitle:not(.is-spaced) + .title { - margin-top: -1.5rem; } - .subtitle.is-1 { - font-size: 3rem; } - .subtitle.is-2 { - font-size: 2.5rem; } - .subtitle.is-3 { - font-size: 2rem; } - .subtitle.is-4 { - font-size: 1.5rem; } - .subtitle.is-5 { - font-size: 1.25rem; } - .subtitle.is-6 { - font-size: 1rem; } - .subtitle.is-7 { - font-size: 0.75rem; } - -.block:not(:last-child) { - margin-bottom: 1.5rem; } - -.delete { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -moz-appearance: none; - -webkit-appearance: none; - background-color: rgba(10, 10, 10, 0.2); - border: none; - border-radius: 290486px; - cursor: pointer; - display: inline-block; - flex-grow: 0; - flex-shrink: 0; - font-size: 0; - height: 20px; - max-height: 20px; - max-width: 20px; - min-height: 20px; - min-width: 20px; - outline: none; - position: relative; - vertical-align: top; - width: 20px; } - .delete:before, .delete:after { - background-color: white; - content: ""; - display: block; - left: 50%; - position: absolute; - top: 50%; - transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform-origin: center center; } - .delete:before { - height: 2px; - width: 50%; } - .delete:after { - height: 50%; - width: 2px; } - .delete:hover, .delete:focus { - background-color: rgba(10, 10, 10, 0.3); } - .delete:active { - background-color: rgba(10, 10, 10, 0.4); } - .delete.is-small { - height: 16px; - max-height: 16px; - max-width: 16px; - min-height: 16px; - min-width: 16px; - width: 16px; } - .delete.is-medium { - height: 24px; - max-height: 24px; - max-width: 24px; - min-height: 24px; - min-width: 24px; - width: 24px; } - .delete.is-large { - height: 32px; - max-height: 32px; - max-width: 32px; - min-height: 32px; - min-width: 32px; - width: 32px; } - -.heading { - display: block; - font-size: 11px; - letter-spacing: 1px; - margin-bottom: 5px; - text-transform: uppercase; } - -.highlight { - font-weight: 400; - max-width: 100%; - overflow: hidden; - padding: 0; } - .highlight:not(:last-child) { - margin-bottom: 1.5rem; } - .highlight pre { - overflow: auto; - max-width: 100%; } - -.loader { - animation: spinAround 500ms infinite linear; - border: 2px solid #dbdbdb; - border-radius: 290486px; - border-right-color: transparent; - border-top-color: transparent; - content: ""; - display: block; - height: 1em; - position: relative; - width: 1em; } - -.number { - align-items: center; - background-color: whitesmoke; - border-radius: 290486px; - display: inline-flex; - font-size: 1.25rem; - height: 2em; - justify-content: center; - margin-right: 1.5rem; - min-width: 2.5em; - padding: 0.25rem 0.5rem; - text-align: center; - vertical-align: top; } - -.breadcrumb { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - align-items: stretch; - display: flex; - font-size: 1rem; - overflow: hidden; - overflow-x: auto; - white-space: nowrap; } - .breadcrumb:not(:last-child) { - margin-bottom: 1.5rem; } - .breadcrumb a { - align-items: center; - color: #3273dc; - display: flex; - justify-content: center; - padding: 0.5em 0.75em; } - .breadcrumb a:hover { - color: #363636; } - .breadcrumb li { - align-items: center; - display: flex; } - .breadcrumb li:first-child a { - padding-left: 0; } - .breadcrumb li.is-active a { - color: #363636; - cursor: default; - pointer-events: none; } - .breadcrumb li + li::before { - color: #4a4a4a; - content: "\0002f"; } - .breadcrumb ul, .breadcrumb ol { - align-items: center; - display: flex; - flex-grow: 1; - flex-shrink: 0; - justify-content: flex-start; } - .breadcrumb .icon:first-child { - margin-right: 0.5em; } - .breadcrumb .icon:last-child { - margin-left: 0.5em; } - .breadcrumb.is-centered ol, .breadcrumb.is-centered ul { - justify-content: center; } - .breadcrumb.is-right ol, .breadcrumb.is-right ul { - justify-content: flex-end; } - .breadcrumb.is-small { - font-size: 0.75rem; } - .breadcrumb.is-medium { - font-size: 1.25rem; } - .breadcrumb.is-large { - font-size: 1.5rem; } - .breadcrumb.has-arrow-separator li + li::before { - content: "\02192"; } - .breadcrumb.has-bullet-separator li + li::before { - content: "\02022"; } - .breadcrumb.has-dot-separator li + li::before { - content: "\000b7"; } - .breadcrumb.has-succeeds-separator li + li::before { - content: "\0227B"; } - -.card { - background-color: white; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - color: #4a4a4a; - max-width: 100%; - position: relative; } - -.card-header { - align-items: stretch; - box-shadow: 0 1px 2px rgba(10, 10, 10, 0.1); - display: flex; } - -.card-header-title { - align-items: center; - color: #363636; - display: flex; - flex-grow: 1; - font-weight: 700; - padding: 0.75rem; } - .card-header-title.is-centered { - justify-content: center; } - -.card-header-icon { - align-items: center; - cursor: pointer; - display: flex; - justify-content: center; - padding: 0.75rem; } - -.card-image { - display: block; - position: relative; } - -.card-content { - padding: 1.5rem; } - -.card-footer { - border-top: 1px solid #dbdbdb; - align-items: stretch; - display: flex; } - -.card-footer-item { - align-items: center; - display: flex; - flex-basis: 0; - flex-grow: 1; - flex-shrink: 0; - justify-content: center; - padding: 0.75rem; } - .card-footer-item:not(:last-child) { - border-right: 1px solid #dbdbdb; } - -.card .media:not(:last-child) { - margin-bottom: 0.75rem; } - -.dropdown { - display: inline-flex; - position: relative; - vertical-align: top; } - .dropdown.is-active .dropdown-menu, .dropdown.is-hoverable:hover .dropdown-menu { - display: block; } - .dropdown.is-right .dropdown-menu { - left: auto; - right: 0; } - .dropdown.is-up .dropdown-menu { - bottom: 100%; - padding-bottom: 4px; - padding-top: unset; - top: auto; } - -.dropdown-menu { - display: none; - left: 0; - min-width: 12rem; - padding-top: 4px; - position: absolute; - top: 100%; - z-index: 20; } - -.dropdown-content { - background-color: white; - border-radius: 3px; - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - padding-bottom: 0.5rem; - padding-top: 0.5rem; } - -.dropdown-item { - color: #4a4a4a; - display: block; - font-size: 0.875rem; - line-height: 1.5; - padding: 0.375rem 1rem; - position: relative; } - -a.dropdown-item { - padding-right: 3rem; - white-space: nowrap; } - a.dropdown-item:hover { - background-color: whitesmoke; - color: #0a0a0a; } - a.dropdown-item.is-active { - background-color: #3273dc; - color: #fff; } - -.dropdown-divider { - background-color: #dbdbdb; - border: none; - display: block; - height: 1px; - margin: 0.5rem 0; } - -.level { - align-items: center; - justify-content: space-between; } - .level:not(:last-child) { - margin-bottom: 1.5rem; } - .level code { - border-radius: 3px; } - .level img { - display: inline-block; - vertical-align: top; } - .level.is-mobile { - display: flex; } - .level.is-mobile .level-left, - .level.is-mobile .level-right { - display: flex; } - .level.is-mobile .level-left + .level-right { - margin-top: 0; } - .level.is-mobile .level-item { - margin-right: 0.75rem; } - .level.is-mobile .level-item:not(:last-child) { - margin-bottom: 0; } - .level.is-mobile .level-item:not(.is-narrow) { - flex-grow: 1; } - @media screen and (min-width: 769px), print { - .level { - display: flex; } - .level > .level-item:not(.is-narrow) { - flex-grow: 1; } } - -.level-item { - align-items: center; - display: flex; - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; - justify-content: center; } - .level-item .title, - .level-item .subtitle { - margin-bottom: 0; } - @media screen and (max-width: 768px) { - .level-item:not(:last-child) { - margin-bottom: 0.75rem; } } - -.level-left, -.level-right { - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; } - .level-left .level-item.is-flexible, - .level-right .level-item.is-flexible { - flex-grow: 1; } - @media screen and (min-width: 769px), print { - .level-left .level-item:not(:last-child), - .level-right .level-item:not(:last-child) { - margin-right: 0.75rem; } } - -.level-left { - align-items: center; - justify-content: flex-start; } - @media screen and (max-width: 768px) { - .level-left + .level-right { - margin-top: 1.5rem; } } - @media screen and (min-width: 769px), print { - .level-left { - display: flex; } } - -.level-right { - align-items: center; - justify-content: flex-end; } - @media screen and (min-width: 769px), print { - .level-right { - display: flex; } } - -.media { - align-items: flex-start; - display: flex; - text-align: left; } - .media .content:not(:last-child) { - margin-bottom: 0.75rem; } - .media .media { - border-top: 1px solid rgba(219, 219, 219, 0.5); - display: flex; - padding-top: 0.75rem; } - .media .media .content:not(:last-child), - .media .media .control:not(:last-child) { - margin-bottom: 0.5rem; } - .media .media .media { - padding-top: 0.5rem; } - .media .media .media + .media { - margin-top: 0.5rem; } - .media + .media { - border-top: 1px solid rgba(219, 219, 219, 0.5); - margin-top: 1rem; - padding-top: 1rem; } - .media.is-large + .media { - margin-top: 1.5rem; - padding-top: 1.5rem; } - -.media-left, -.media-right { - flex-basis: auto; - flex-grow: 0; - flex-shrink: 0; } - -.media-left { - margin-right: 1rem; } - -.media-right { - margin-left: 1rem; } - -.media-content { - flex-basis: auto; - flex-grow: 1; - flex-shrink: 1; - text-align: left; } - -.menu { - font-size: 1rem; } - .menu.is-small { - font-size: 0.75rem; } - .menu.is-medium { - font-size: 1.25rem; } - .menu.is-large { - font-size: 1.5rem; } - -.menu-list { - line-height: 1.25; } - .menu-list a { - border-radius: 2px; - color: #4a4a4a; - display: block; - padding: 0.5em 0.75em; } - .menu-list a:hover { - background-color: whitesmoke; - color: #363636; } - .menu-list a.is-active { - background-color: #3273dc; - color: #fff; } - .menu-list li ul { - border-left: 1px solid #dbdbdb; - margin: 0.75em; - padding-left: 0.75em; } - -.menu-label { - color: #7a7a7a; - font-size: 0.75em; - letter-spacing: 0.1em; - text-transform: uppercase; } - .menu-label:not(:first-child) { - margin-top: 1em; } - .menu-label:not(:last-child) { - margin-bottom: 1em; } - -.message { - background-color: whitesmoke; - border-radius: 3px; - font-size: 1rem; } - .message:not(:last-child) { - margin-bottom: 1.5rem; } - .message strong { - color: currentColor; } - .message a:not(.button):not(.tag) { - color: currentColor; - text-decoration: underline; } - .message.is-small { - font-size: 0.75rem; } - .message.is-medium { - font-size: 1.25rem; } - .message.is-large { - font-size: 1.5rem; } - .message.is-white { - background-color: white; } - .message.is-white .message-header { - background-color: white; - color: #0a0a0a; } - .message.is-white .message-body { - border-color: white; - color: #4d4d4d; } - .message.is-black { - background-color: #fafafa; } - .message.is-black .message-header { - background-color: #0a0a0a; - color: white; } - .message.is-black .message-body { - border-color: #0a0a0a; - color: #090909; } - .message.is-light { - background-color: #fafafa; } - .message.is-light .message-header { - background-color: whitesmoke; - color: #363636; } - .message.is-light .message-body { - border-color: whitesmoke; - color: #505050; } - .message.is-dark { - background-color: #fafafa; } - .message.is-dark .message-header { - background-color: #363636; - color: whitesmoke; } - .message.is-dark .message-body { - border-color: #363636; - color: #2a2a2a; } - .message.is-primary { - background-color: #fef7f6; } - .message.is-primary .message-header { - background-color: #C93312; - color: #fff; } - .message.is-primary .message-body { - border-color: #C93312; - color: #8a2711; } - .message.is-link { - background-color: #f6f9fe; } - .message.is-link .message-header { - background-color: #3273dc; - color: #fff; } - .message.is-link .message-body { - border-color: #3273dc; - color: #22509a; } - .message.is-info { - background-color: #f6fbfe; } - .message.is-info .message-header { - background-color: #209cee; - color: #fff; } - .message.is-info .message-body { - border-color: #209cee; - color: #12537e; } - .message.is-success { - background-color: #f6fef9; } - .message.is-success .message-header { - background-color: #23d160; - color: #fff; } - .message.is-success .message-body { - border-color: #23d160; - color: #0e301a; } - .message.is-warning { - background-color: #fffdf5; } - .message.is-warning .message-header { - background-color: #ffdd57; - color: #FFFFFF; } - .message.is-warning .message-body { - border-color: #ffdd57; - color: #3b3108; } - .message.is-danger { - background-color: #fff5f7; } - .message.is-danger .message-header { - background-color: #ff3860; - color: #fff; } - .message.is-danger .message-body { - border-color: #ff3860; - color: #cd0930; } - -.message-header { - align-items: center; - background-color: #4a4a4a; - border-radius: 3px 3px 0 0; - color: #fff; - display: flex; - justify-content: space-between; - line-height: 1.25; - padding: 0.5em 0.75em; - position: relative; } - .message-header .delete { - flex-grow: 0; - flex-shrink: 0; - margin-left: 0.75em; } - .message-header + .message-body { - border-top-left-radius: 0; - border-top-right-radius: 0; - border-top: none; } - -.message-body { - border: 1px solid #dbdbdb; - border-radius: 3px; - color: #4a4a4a; - padding: 1em 1.25em; } - .message-body code, - .message-body pre { - background-color: white; } - .message-body pre code { - background-color: transparent; } - -.modal { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - align-items: center; - display: none; - justify-content: center; - overflow: hidden; - position: fixed; - z-index: 20; } - .modal.is-active { - display: flex; } - -.modal-background { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - background-color: rgba(10, 10, 10, 0.86); } - -.modal-content, -.modal-card { - margin: 0 20px; - max-height: calc(100vh - 160px); - overflow: auto; - position: relative; - width: 100%; } - @media screen and (min-width: 769px), print { - .modal-content, - .modal-card { - margin: 0 auto; - max-height: calc(100vh - 40px); - width: 640px; } } - -.modal-close { - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - -moz-appearance: none; - -webkit-appearance: none; - background-color: rgba(10, 10, 10, 0.2); - border: none; - border-radius: 290486px; - cursor: pointer; - display: inline-block; - flex-grow: 0; - flex-shrink: 0; - font-size: 0; - height: 20px; - max-height: 20px; - max-width: 20px; - min-height: 20px; - min-width: 20px; - outline: none; - position: relative; - vertical-align: top; - width: 20px; - background: none; - height: 40px; - position: fixed; - right: 20px; - top: 20px; - width: 40px; } - .modal-close:before, .modal-close:after { - background-color: white; - content: ""; - display: block; - left: 50%; - position: absolute; - top: 50%; - transform: translateX(-50%) translateY(-50%) rotate(45deg); - transform-origin: center center; } - .modal-close:before { - height: 2px; - width: 50%; } - .modal-close:after { - height: 50%; - width: 2px; } - .modal-close:hover, .modal-close:focus { - background-color: rgba(10, 10, 10, 0.3); } - .modal-close:active { - background-color: rgba(10, 10, 10, 0.4); } - .modal-close.is-small { - height: 16px; - max-height: 16px; - max-width: 16px; - min-height: 16px; - min-width: 16px; - width: 16px; } - .modal-close.is-medium { - height: 24px; - max-height: 24px; - max-width: 24px; - min-height: 24px; - min-width: 24px; - width: 24px; } - .modal-close.is-large { - height: 32px; - max-height: 32px; - max-width: 32px; - min-height: 32px; - min-width: 32px; - width: 32px; } - -.modal-card { - display: flex; - flex-direction: column; - max-height: calc(100vh - 40px); - overflow: hidden; } - -.modal-card-head, -.modal-card-foot { - align-items: center; - background-color: whitesmoke; - display: flex; - flex-shrink: 0; - justify-content: flex-start; - padding: 20px; - position: relative; } - -.modal-card-head { - border-bottom: 1px solid #dbdbdb; - border-top-left-radius: 5px; - border-top-right-radius: 5px; } - -.modal-card-title { - color: #363636; - flex-grow: 1; - flex-shrink: 0; - font-size: 1.5rem; - line-height: 1; } - -.modal-card-foot { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - border-top: 1px solid #dbdbdb; } - .modal-card-foot .button:not(:last-child) { - margin-right: 10px; } - -.modal-card-body { - -webkit-overflow-scrolling: touch; - background-color: white; - flex-grow: 1; - flex-shrink: 1; - overflow: auto; - padding: 20px; } - -.navbar { - background-color: white; - min-height: 3.25rem; - position: relative; } - .navbar.is-white { - background-color: white; - color: #0a0a0a; } - .navbar.is-white .navbar-brand > .navbar-item, - .navbar.is-white .navbar-brand .navbar-link { - color: #0a0a0a; } - .navbar.is-white .navbar-brand > a.navbar-item:hover, .navbar.is-white .navbar-brand > a.navbar-item.is-active, - .navbar.is-white .navbar-brand .navbar-link:hover, - .navbar.is-white .navbar-brand .navbar-link.is-active { - background-color: #f2f2f2; - color: #0a0a0a; } - .navbar.is-white .navbar-brand .navbar-link::after { - border-color: #0a0a0a; } - @media screen and (min-width: 1024px) { - .navbar.is-white .navbar-start > .navbar-item, - .navbar.is-white .navbar-start .navbar-link, - .navbar.is-white .navbar-end > .navbar-item, - .navbar.is-white .navbar-end .navbar-link { - color: #0a0a0a; } - .navbar.is-white .navbar-start > a.navbar-item:hover, .navbar.is-white .navbar-start > a.navbar-item.is-active, - .navbar.is-white .navbar-start .navbar-link:hover, - .navbar.is-white .navbar-start .navbar-link.is-active, - .navbar.is-white .navbar-end > a.navbar-item:hover, - .navbar.is-white .navbar-end > a.navbar-item.is-active, - .navbar.is-white .navbar-end .navbar-link:hover, - .navbar.is-white .navbar-end .navbar-link.is-active { - background-color: #f2f2f2; - color: #0a0a0a; } - .navbar.is-white .navbar-start .navbar-link::after, - .navbar.is-white .navbar-end .navbar-link::after { - border-color: #0a0a0a; } - .navbar.is-white .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-white .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #f2f2f2; - color: #0a0a0a; } - .navbar.is-white .navbar-dropdown a.navbar-item.is-active { - background-color: white; - color: #0a0a0a; } } - .navbar.is-black { - background-color: #0a0a0a; - color: white; } - .navbar.is-black .navbar-brand > .navbar-item, - .navbar.is-black .navbar-brand .navbar-link { - color: white; } - .navbar.is-black .navbar-brand > a.navbar-item:hover, .navbar.is-black .navbar-brand > a.navbar-item.is-active, - .navbar.is-black .navbar-brand .navbar-link:hover, - .navbar.is-black .navbar-brand .navbar-link.is-active { - background-color: black; - color: white; } - .navbar.is-black .navbar-brand .navbar-link::after { - border-color: white; } - @media screen and (min-width: 1024px) { - .navbar.is-black .navbar-start > .navbar-item, - .navbar.is-black .navbar-start .navbar-link, - .navbar.is-black .navbar-end > .navbar-item, - .navbar.is-black .navbar-end .navbar-link { - color: white; } - .navbar.is-black .navbar-start > a.navbar-item:hover, .navbar.is-black .navbar-start > a.navbar-item.is-active, - .navbar.is-black .navbar-start .navbar-link:hover, - .navbar.is-black .navbar-start .navbar-link.is-active, - .navbar.is-black .navbar-end > a.navbar-item:hover, - .navbar.is-black .navbar-end > a.navbar-item.is-active, - .navbar.is-black .navbar-end .navbar-link:hover, - .navbar.is-black .navbar-end .navbar-link.is-active { - background-color: black; - color: white; } - .navbar.is-black .navbar-start .navbar-link::after, - .navbar.is-black .navbar-end .navbar-link::after { - border-color: white; } - .navbar.is-black .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-black .navbar-item.has-dropdown.is-active .navbar-link { - background-color: black; - color: white; } - .navbar.is-black .navbar-dropdown a.navbar-item.is-active { - background-color: #0a0a0a; - color: white; } } - .navbar.is-light { - background-color: whitesmoke; - color: #363636; } - .navbar.is-light .navbar-brand > .navbar-item, - .navbar.is-light .navbar-brand .navbar-link { - color: #363636; } - .navbar.is-light .navbar-brand > a.navbar-item:hover, .navbar.is-light .navbar-brand > a.navbar-item.is-active, - .navbar.is-light .navbar-brand .navbar-link:hover, - .navbar.is-light .navbar-brand .navbar-link.is-active { - background-color: #e8e8e8; - color: #363636; } - .navbar.is-light .navbar-brand .navbar-link::after { - border-color: #363636; } - @media screen and (min-width: 1024px) { - .navbar.is-light .navbar-start > .navbar-item, - .navbar.is-light .navbar-start .navbar-link, - .navbar.is-light .navbar-end > .navbar-item, - .navbar.is-light .navbar-end .navbar-link { - color: #363636; } - .navbar.is-light .navbar-start > a.navbar-item:hover, .navbar.is-light .navbar-start > a.navbar-item.is-active, - .navbar.is-light .navbar-start .navbar-link:hover, - .navbar.is-light .navbar-start .navbar-link.is-active, - .navbar.is-light .navbar-end > a.navbar-item:hover, - .navbar.is-light .navbar-end > a.navbar-item.is-active, - .navbar.is-light .navbar-end .navbar-link:hover, - .navbar.is-light .navbar-end .navbar-link.is-active { - background-color: #e8e8e8; - color: #363636; } - .navbar.is-light .navbar-start .navbar-link::after, - .navbar.is-light .navbar-end .navbar-link::after { - border-color: #363636; } - .navbar.is-light .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-light .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #e8e8e8; - color: #363636; } - .navbar.is-light .navbar-dropdown a.navbar-item.is-active { - background-color: whitesmoke; - color: #363636; } } - .navbar.is-dark { - background-color: #363636; - color: whitesmoke; } - .navbar.is-dark .navbar-brand > .navbar-item, - .navbar.is-dark .navbar-brand .navbar-link { - color: whitesmoke; } - .navbar.is-dark .navbar-brand > a.navbar-item:hover, .navbar.is-dark .navbar-brand > a.navbar-item.is-active, - .navbar.is-dark .navbar-brand .navbar-link:hover, - .navbar.is-dark .navbar-brand .navbar-link.is-active { - background-color: #292929; - color: whitesmoke; } - .navbar.is-dark .navbar-brand .navbar-link::after { - border-color: whitesmoke; } - @media screen and (min-width: 1024px) { - .navbar.is-dark .navbar-start > .navbar-item, - .navbar.is-dark .navbar-start .navbar-link, - .navbar.is-dark .navbar-end > .navbar-item, - .navbar.is-dark .navbar-end .navbar-link { - color: whitesmoke; } - .navbar.is-dark .navbar-start > a.navbar-item:hover, .navbar.is-dark .navbar-start > a.navbar-item.is-active, - .navbar.is-dark .navbar-start .navbar-link:hover, - .navbar.is-dark .navbar-start .navbar-link.is-active, - .navbar.is-dark .navbar-end > a.navbar-item:hover, - .navbar.is-dark .navbar-end > a.navbar-item.is-active, - .navbar.is-dark .navbar-end .navbar-link:hover, - .navbar.is-dark .navbar-end .navbar-link.is-active { - background-color: #292929; - color: whitesmoke; } - .navbar.is-dark .navbar-start .navbar-link::after, - .navbar.is-dark .navbar-end .navbar-link::after { - border-color: whitesmoke; } - .navbar.is-dark .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-dark .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #292929; - color: whitesmoke; } - .navbar.is-dark .navbar-dropdown a.navbar-item.is-active { - background-color: #363636; - color: whitesmoke; } } - .navbar.is-primary { - background-color: #C93312; - color: #fff; } - .navbar.is-primary .navbar-brand > .navbar-item, - .navbar.is-primary .navbar-brand .navbar-link { - color: #fff; } - .navbar.is-primary .navbar-brand > a.navbar-item:hover, .navbar.is-primary .navbar-brand > a.navbar-item.is-active, - .navbar.is-primary .navbar-brand .navbar-link:hover, - .navbar.is-primary .navbar-brand .navbar-link.is-active { - background-color: #b22d10; - color: #fff; } - .navbar.is-primary .navbar-brand .navbar-link::after { - border-color: #fff; } - @media screen and (min-width: 1024px) { - .navbar.is-primary .navbar-start > .navbar-item, - .navbar.is-primary .navbar-start .navbar-link, - .navbar.is-primary .navbar-end > .navbar-item, - .navbar.is-primary .navbar-end .navbar-link { - color: #fff; } - .navbar.is-primary .navbar-start > a.navbar-item:hover, .navbar.is-primary .navbar-start > a.navbar-item.is-active, - .navbar.is-primary .navbar-start .navbar-link:hover, - .navbar.is-primary .navbar-start .navbar-link.is-active, - .navbar.is-primary .navbar-end > a.navbar-item:hover, - .navbar.is-primary .navbar-end > a.navbar-item.is-active, - .navbar.is-primary .navbar-end .navbar-link:hover, - .navbar.is-primary .navbar-end .navbar-link.is-active { - background-color: #b22d10; - color: #fff; } - .navbar.is-primary .navbar-start .navbar-link::after, - .navbar.is-primary .navbar-end .navbar-link::after { - border-color: #fff; } - .navbar.is-primary .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-primary .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #b22d10; - color: #fff; } - .navbar.is-primary .navbar-dropdown a.navbar-item.is-active { - background-color: #C93312; - color: #fff; } } - .navbar.is-link { - background-color: #3273dc; - color: #fff; } - .navbar.is-link .navbar-brand > .navbar-item, - .navbar.is-link .navbar-brand .navbar-link { - color: #fff; } - .navbar.is-link .navbar-brand > a.navbar-item:hover, .navbar.is-link .navbar-brand > a.navbar-item.is-active, - .navbar.is-link .navbar-brand .navbar-link:hover, - .navbar.is-link .navbar-brand .navbar-link.is-active { - background-color: #2366d1; - color: #fff; } - .navbar.is-link .navbar-brand .navbar-link::after { - border-color: #fff; } - @media screen and (min-width: 1024px) { - .navbar.is-link .navbar-start > .navbar-item, - .navbar.is-link .navbar-start .navbar-link, - .navbar.is-link .navbar-end > .navbar-item, - .navbar.is-link .navbar-end .navbar-link { - color: #fff; } - .navbar.is-link .navbar-start > a.navbar-item:hover, .navbar.is-link .navbar-start > a.navbar-item.is-active, - .navbar.is-link .navbar-start .navbar-link:hover, - .navbar.is-link .navbar-start .navbar-link.is-active, - .navbar.is-link .navbar-end > a.navbar-item:hover, - .navbar.is-link .navbar-end > a.navbar-item.is-active, - .navbar.is-link .navbar-end .navbar-link:hover, - .navbar.is-link .navbar-end .navbar-link.is-active { - background-color: #2366d1; - color: #fff; } - .navbar.is-link .navbar-start .navbar-link::after, - .navbar.is-link .navbar-end .navbar-link::after { - border-color: #fff; } - .navbar.is-link .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-link .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #2366d1; - color: #fff; } - .navbar.is-link .navbar-dropdown a.navbar-item.is-active { - background-color: #3273dc; - color: #fff; } } - .navbar.is-info { - background-color: #209cee; - color: #fff; } - .navbar.is-info .navbar-brand > .navbar-item, - .navbar.is-info .navbar-brand .navbar-link { - color: #fff; } - .navbar.is-info .navbar-brand > a.navbar-item:hover, .navbar.is-info .navbar-brand > a.navbar-item.is-active, - .navbar.is-info .navbar-brand .navbar-link:hover, - .navbar.is-info .navbar-brand .navbar-link.is-active { - background-color: #118fe4; - color: #fff; } - .navbar.is-info .navbar-brand .navbar-link::after { - border-color: #fff; } - @media screen and (min-width: 1024px) { - .navbar.is-info .navbar-start > .navbar-item, - .navbar.is-info .navbar-start .navbar-link, - .navbar.is-info .navbar-end > .navbar-item, - .navbar.is-info .navbar-end .navbar-link { - color: #fff; } - .navbar.is-info .navbar-start > a.navbar-item:hover, .navbar.is-info .navbar-start > a.navbar-item.is-active, - .navbar.is-info .navbar-start .navbar-link:hover, - .navbar.is-info .navbar-start .navbar-link.is-active, - .navbar.is-info .navbar-end > a.navbar-item:hover, - .navbar.is-info .navbar-end > a.navbar-item.is-active, - .navbar.is-info .navbar-end .navbar-link:hover, - .navbar.is-info .navbar-end .navbar-link.is-active { - background-color: #118fe4; - color: #fff; } - .navbar.is-info .navbar-start .navbar-link::after, - .navbar.is-info .navbar-end .navbar-link::after { - border-color: #fff; } - .navbar.is-info .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-info .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #118fe4; - color: #fff; } - .navbar.is-info .navbar-dropdown a.navbar-item.is-active { - background-color: #209cee; - color: #fff; } } - .navbar.is-success { - background-color: #23d160; - color: #fff; } - .navbar.is-success .navbar-brand > .navbar-item, - .navbar.is-success .navbar-brand .navbar-link { - color: #fff; } - .navbar.is-success .navbar-brand > a.navbar-item:hover, .navbar.is-success .navbar-brand > a.navbar-item.is-active, - .navbar.is-success .navbar-brand .navbar-link:hover, - .navbar.is-success .navbar-brand .navbar-link.is-active { - background-color: #20bc56; - color: #fff; } - .navbar.is-success .navbar-brand .navbar-link::after { - border-color: #fff; } - @media screen and (min-width: 1024px) { - .navbar.is-success .navbar-start > .navbar-item, - .navbar.is-success .navbar-start .navbar-link, - .navbar.is-success .navbar-end > .navbar-item, - .navbar.is-success .navbar-end .navbar-link { - color: #fff; } - .navbar.is-success .navbar-start > a.navbar-item:hover, .navbar.is-success .navbar-start > a.navbar-item.is-active, - .navbar.is-success .navbar-start .navbar-link:hover, - .navbar.is-success .navbar-start .navbar-link.is-active, - .navbar.is-success .navbar-end > a.navbar-item:hover, - .navbar.is-success .navbar-end > a.navbar-item.is-active, - .navbar.is-success .navbar-end .navbar-link:hover, - .navbar.is-success .navbar-end .navbar-link.is-active { - background-color: #20bc56; - color: #fff; } - .navbar.is-success .navbar-start .navbar-link::after, - .navbar.is-success .navbar-end .navbar-link::after { - border-color: #fff; } - .navbar.is-success .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-success .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #20bc56; - color: #fff; } - .navbar.is-success .navbar-dropdown a.navbar-item.is-active { - background-color: #23d160; - color: #fff; } } - .navbar.is-warning { - background-color: #ffdd57; - color: #FFFFFF; } - .navbar.is-warning .navbar-brand > .navbar-item, - .navbar.is-warning .navbar-brand .navbar-link { - color: #FFFFFF; } - .navbar.is-warning .navbar-brand > a.navbar-item:hover, .navbar.is-warning .navbar-brand > a.navbar-item.is-active, - .navbar.is-warning .navbar-brand .navbar-link:hover, - .navbar.is-warning .navbar-brand .navbar-link.is-active { - background-color: #ffd83d; - color: #FFFFFF; } - .navbar.is-warning .navbar-brand .navbar-link::after { - border-color: #FFFFFF; } - @media screen and (min-width: 1024px) { - .navbar.is-warning .navbar-start > .navbar-item, - .navbar.is-warning .navbar-start .navbar-link, - .navbar.is-warning .navbar-end > .navbar-item, - .navbar.is-warning .navbar-end .navbar-link { - color: #FFFFFF; } - .navbar.is-warning .navbar-start > a.navbar-item:hover, .navbar.is-warning .navbar-start > a.navbar-item.is-active, - .navbar.is-warning .navbar-start .navbar-link:hover, - .navbar.is-warning .navbar-start .navbar-link.is-active, - .navbar.is-warning .navbar-end > a.navbar-item:hover, - .navbar.is-warning .navbar-end > a.navbar-item.is-active, - .navbar.is-warning .navbar-end .navbar-link:hover, - .navbar.is-warning .navbar-end .navbar-link.is-active { - background-color: #ffd83d; - color: #FFFFFF; } - .navbar.is-warning .navbar-start .navbar-link::after, - .navbar.is-warning .navbar-end .navbar-link::after { - border-color: #FFFFFF; } - .navbar.is-warning .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-warning .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #ffd83d; - color: #FFFFFF; } - .navbar.is-warning .navbar-dropdown a.navbar-item.is-active { - background-color: #ffdd57; - color: #FFFFFF; } } - .navbar.is-danger { - background-color: #ff3860; - color: #fff; } - .navbar.is-danger .navbar-brand > .navbar-item, - .navbar.is-danger .navbar-brand .navbar-link { - color: #fff; } - .navbar.is-danger .navbar-brand > a.navbar-item:hover, .navbar.is-danger .navbar-brand > a.navbar-item.is-active, - .navbar.is-danger .navbar-brand .navbar-link:hover, - .navbar.is-danger .navbar-brand .navbar-link.is-active { - background-color: #ff1f4b; - color: #fff; } - .navbar.is-danger .navbar-brand .navbar-link::after { - border-color: #fff; } - @media screen and (min-width: 1024px) { - .navbar.is-danger .navbar-start > .navbar-item, - .navbar.is-danger .navbar-start .navbar-link, - .navbar.is-danger .navbar-end > .navbar-item, - .navbar.is-danger .navbar-end .navbar-link { - color: #fff; } - .navbar.is-danger .navbar-start > a.navbar-item:hover, .navbar.is-danger .navbar-start > a.navbar-item.is-active, - .navbar.is-danger .navbar-start .navbar-link:hover, - .navbar.is-danger .navbar-start .navbar-link.is-active, - .navbar.is-danger .navbar-end > a.navbar-item:hover, - .navbar.is-danger .navbar-end > a.navbar-item.is-active, - .navbar.is-danger .navbar-end .navbar-link:hover, - .navbar.is-danger .navbar-end .navbar-link.is-active { - background-color: #ff1f4b; - color: #fff; } - .navbar.is-danger .navbar-start .navbar-link::after, - .navbar.is-danger .navbar-end .navbar-link::after { - border-color: #fff; } - .navbar.is-danger .navbar-item.has-dropdown:hover .navbar-link, - .navbar.is-danger .navbar-item.has-dropdown.is-active .navbar-link { - background-color: #ff1f4b; - color: #fff; } - .navbar.is-danger .navbar-dropdown a.navbar-item.is-active { - background-color: #ff3860; - color: #fff; } } - .navbar > .container { - align-items: stretch; - display: flex; - min-height: 3.25rem; - width: 100%; } - .navbar.has-shadow { - box-shadow: 0 2px 3px rgba(10, 10, 10, 0.1); } - .navbar.is-fixed-bottom, .navbar.is-fixed-top { - left: 0; - position: fixed; - right: 0; - z-index: 30; } - .navbar.is-fixed-bottom { - bottom: 0; } - .navbar.is-fixed-bottom.has-shadow { - box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } - .navbar.is-fixed-top { - top: 0; } - -html.has-navbar-fixed-top { - padding-top: 3.25rem; } - -html.has-navbar-fixed-bottom { - padding-bottom: 3.25rem; } - -.navbar-brand, -.navbar-tabs { - align-items: stretch; - display: flex; - flex-shrink: 0; - min-height: 3.25rem; } - -.navbar-tabs { - -webkit-overflow-scrolling: touch; - max-width: 100vw; - overflow-x: auto; - overflow-y: hidden; } - -.navbar-burger { - cursor: pointer; - display: block; - height: 3.25rem; - position: relative; - width: 3.25rem; - margin-left: auto; } - .navbar-burger span { - background-color: currentColor; - display: block; - height: 1px; - left: calc(50% - 8px); - position: absolute; - transform-origin: center; - transition-duration: 86ms; - transition-property: background-color, opacity, transform; - transition-timing-function: ease-out; - width: 16px; } - .navbar-burger span:nth-child(1) { - top: calc(50% - 6px); } - .navbar-burger span:nth-child(2) { - top: calc(50% - 1px); } - .navbar-burger span:nth-child(3) { - top: calc(50% + 4px); } - .navbar-burger:hover { - background-color: rgba(0, 0, 0, 0.05); } - .navbar-burger.is-active span:nth-child(1) { - transform: translateY(5px) rotate(45deg); } - .navbar-burger.is-active span:nth-child(2) { - opacity: 0; } - .navbar-burger.is-active span:nth-child(3) { - transform: translateY(-5px) rotate(-45deg); } - -.navbar-menu { - display: none; } - -.navbar-item, -.navbar-link { - color: #4a4a4a; - display: block; - line-height: 1.5; - padding: 0.5rem 1rem; - position: relative; } - -a.navbar-item:hover, a.navbar-item.is-active, -a.navbar-link:hover, -a.navbar-link.is-active { - background-color: whitesmoke; - color: #3273dc; } - -.navbar-item { - flex-grow: 0; - flex-shrink: 0; } - .navbar-item img { - max-height: 1.75rem; } - .navbar-item.has-dropdown { - padding: 0; } - .navbar-item.is-expanded { - flex-grow: 1; - flex-shrink: 1; } - .navbar-item.is-tab { - border-bottom: 1px solid transparent; - min-height: 3.25rem; - padding-bottom: calc(0.5rem - 1px); } - .navbar-item.is-tab:hover { - background-color: transparent; - border-bottom-color: #3273dc; } - .navbar-item.is-tab.is-active { - background-color: transparent; - border-bottom-color: #3273dc; - border-bottom-style: solid; - border-bottom-width: 3px; - color: #3273dc; - padding-bottom: calc(0.5rem - 3px); } - -.navbar-content { - flex-grow: 1; - flex-shrink: 1; } - -.navbar-link { - padding-right: 2.5em; } - -.navbar-dropdown { - font-size: 0.875rem; - padding-bottom: 0.5rem; - padding-top: 0.5rem; } - .navbar-dropdown .navbar-item { - padding-left: 1.5rem; - padding-right: 1.5rem; } - -.navbar-divider { - background-color: #dbdbdb; - border: none; - display: none; - height: 1px; - margin: 0.5rem 0; } - -@media screen and (max-width: 1023px) { - .navbar > .container { - display: block; } - .navbar-brand .navbar-item, - .navbar-tabs .navbar-item { - align-items: center; - display: flex; } - .navbar-menu { - background-color: white; - box-shadow: 0 8px 16px rgba(10, 10, 10, 0.1); - padding: 0.5rem 0; } - .navbar-menu.is-active { - display: block; } - .navbar.is-fixed-bottom-touch, .navbar.is-fixed-top-touch { - left: 0; - position: fixed; - right: 0; - z-index: 30; } - .navbar.is-fixed-bottom-touch { - bottom: 0; } - .navbar.is-fixed-bottom-touch.has-shadow { - box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } - .navbar.is-fixed-top-touch { - top: 0; } - .navbar.is-fixed-top .navbar-menu, .navbar.is-fixed-top-touch .navbar-menu { - -webkit-overflow-scrolling: touch; - max-height: calc(100vh - 3.25rem); - overflow: auto; } - html.has-navbar-fixed-top-touch { - padding-top: 3.25rem; } - html.has-navbar-fixed-bottom-touch { - padding-bottom: 3.25rem; } } - -@media screen and (min-width: 1024px) { - .navbar, - .navbar-menu, - .navbar-start, - .navbar-end { - align-items: stretch; - display: flex; } - .navbar { - min-height: 3.25rem; } - .navbar.is-transparent a.navbar-item:hover, .navbar.is-transparent a.navbar-item.is-active, - .navbar.is-transparent a.navbar-link:hover, - .navbar.is-transparent a.navbar-link.is-active { - background-color: transparent !important; } - .navbar.is-transparent .navbar-item.has-dropdown.is-active .navbar-link, .navbar.is-transparent .navbar-item.has-dropdown.is-hoverable:hover .navbar-link { - background-color: transparent !important; } - .navbar.is-transparent .navbar-dropdown a.navbar-item:hover { - background-color: whitesmoke; - color: #0a0a0a; } - .navbar.is-transparent .navbar-dropdown a.navbar-item.is-active { - background-color: whitesmoke; - color: #3273dc; } - .navbar-burger { - display: none; } - .navbar-item, - .navbar-link { - align-items: center; - display: flex; } - .navbar-item.has-dropdown { - align-items: stretch; } - .navbar-item.has-dropdown-up .navbar-link::after { - transform: rotate(135deg) translate(0.25em, -0.25em); } - .navbar-item.has-dropdown-up .navbar-dropdown { - border-bottom: 1px solid #dbdbdb; - border-radius: 5px 5px 0 0; - border-top: none; - bottom: 100%; - box-shadow: 0 -8px 8px rgba(10, 10, 10, 0.1); - top: auto; } - .navbar-item.is-active .navbar-dropdown, .navbar-item.is-hoverable:hover .navbar-dropdown { - display: block; } - .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed { - opacity: 1; - pointer-events: auto; - transform: translateY(0); } - .navbar-link::after { - border: 1px solid #3273dc; - border-right: 0; - border-top: 0; - content: " "; - display: block; - height: 0.5em; - pointer-events: none; - position: absolute; - transform: rotate(-45deg); - transform-origin: center; - width: 0.5em; - margin-top: -0.375em; - right: 1.125em; - top: 50%; } - .navbar-menu { - flex-grow: 1; - flex-shrink: 0; } - .navbar-start { - justify-content: flex-start; - margin-right: auto; } - .navbar-end { - justify-content: flex-end; - margin-left: auto; } - .navbar-dropdown { - background-color: white; - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - border-top: 1px solid #dbdbdb; - box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1); - display: none; - font-size: 0.875rem; - left: 0; - min-width: 100%; - position: absolute; - top: 100%; - z-index: 20; } - .navbar-dropdown .navbar-item { - padding: 0.375rem 1rem; - white-space: nowrap; } - .navbar-dropdown a.navbar-item { - padding-right: 3rem; } - .navbar-dropdown a.navbar-item:hover { - background-color: whitesmoke; - color: #0a0a0a; } - .navbar-dropdown a.navbar-item.is-active { - background-color: whitesmoke; - color: #3273dc; } - .navbar-dropdown.is-boxed { - border-radius: 5px; - border-top: none; - box-shadow: 0 8px 8px rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.1); - display: block; - opacity: 0; - pointer-events: none; - top: calc(100% + (-4px)); - transform: translateY(-5px); - transition-duration: 86ms; - transition-property: opacity, transform; } - .navbar-dropdown.is-right { - left: auto; - right: 0; } - .navbar-divider { - display: block; } - .navbar > .container .navbar-brand, - .container > .navbar .navbar-brand { - margin-left: -1rem; } - .navbar > .container .navbar-menu, - .container > .navbar .navbar-menu { - margin-right: -1rem; } - .navbar.is-fixed-bottom-desktop, .navbar.is-fixed-top-desktop { - left: 0; - position: fixed; - right: 0; - z-index: 30; } - .navbar.is-fixed-bottom-desktop { - bottom: 0; } - .navbar.is-fixed-bottom-desktop.has-shadow { - box-shadow: 0 -2px 3px rgba(10, 10, 10, 0.1); } - .navbar.is-fixed-top-desktop { - top: 0; } - html.has-navbar-fixed-top-desktop { - padding-top: 3.25rem; } - html.has-navbar-fixed-bottom-desktop { - padding-bottom: 3.25rem; } - a.navbar-item.is-active, - a.navbar-link.is-active { - color: #0a0a0a; } - a.navbar-item.is-active:not(:hover), - a.navbar-link.is-active:not(:hover) { - background-color: transparent; } - .navbar-item.has-dropdown:hover .navbar-link, .navbar-item.has-dropdown.is-active .navbar-link { - background-color: whitesmoke; } } - -.pagination { - font-size: 1rem; - margin: -0.25rem; } - .pagination.is-small { - font-size: 0.75rem; } - .pagination.is-medium { - font-size: 1.25rem; } - .pagination.is-large { - font-size: 1.5rem; } - -.pagination, -.pagination-list { - align-items: center; - display: flex; - justify-content: center; - text-align: center; } - -.pagination-previous, -.pagination-next, -.pagination-link, -.pagination-ellipsis { - -moz-appearance: none; - -webkit-appearance: none; - align-items: center; - border: 1px solid transparent; - border-radius: 3px; - box-shadow: none; - display: inline-flex; - font-size: 1rem; - height: 2.25em; - justify-content: flex-start; - line-height: 1.5; - padding-bottom: calc(0.375em - 1px); - padding-left: calc(0.625em - 1px); - padding-right: calc(0.625em - 1px); - padding-top: calc(0.375em - 1px); - position: relative; - vertical-align: top; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - font-size: 1em; - padding-left: 0.5em; - padding-right: 0.5em; - justify-content: center; - margin: 0.25rem; - text-align: center; } - .pagination-previous:focus, .pagination-previous.is-focused, .pagination-previous:active, .pagination-previous.is-active, - .pagination-next:focus, - .pagination-next.is-focused, - .pagination-next:active, - .pagination-next.is-active, - .pagination-link:focus, - .pagination-link.is-focused, - .pagination-link:active, - .pagination-link.is-active, - .pagination-ellipsis:focus, - .pagination-ellipsis.is-focused, - .pagination-ellipsis:active, - .pagination-ellipsis.is-active { - outline: none; } - .pagination-previous[disabled], - .pagination-next[disabled], - .pagination-link[disabled], - .pagination-ellipsis[disabled] { - cursor: not-allowed; } - -.pagination-previous, -.pagination-next, -.pagination-link { - border-color: #dbdbdb; - min-width: 2.25em; } - .pagination-previous:hover, - .pagination-next:hover, - .pagination-link:hover { - border-color: #b5b5b5; - color: #363636; } - .pagination-previous:focus, - .pagination-next:focus, - .pagination-link:focus { - border-color: #3273dc; } - .pagination-previous:active, - .pagination-next:active, - .pagination-link:active { - box-shadow: inset 0 1px 2px rgba(10, 10, 10, 0.2); } - .pagination-previous[disabled], - .pagination-next[disabled], - .pagination-link[disabled] { - background-color: #dbdbdb; - border-color: #dbdbdb; - box-shadow: none; - color: #7a7a7a; - opacity: 0.5; } - -.pagination-previous, -.pagination-next { - padding-left: 0.75em; - padding-right: 0.75em; - white-space: nowrap; } - -.pagination-link.is-current { - background-color: #3273dc; - border-color: #3273dc; - color: #fff; } - -.pagination-ellipsis { - color: #b5b5b5; - pointer-events: none; } - -.pagination-list { - flex-wrap: wrap; } - -@media screen and (max-width: 768px) { - .pagination { - flex-wrap: wrap; } - .pagination-previous, - .pagination-next { - flex-grow: 1; - flex-shrink: 1; } - .pagination-list li { - flex-grow: 1; - flex-shrink: 1; } } - -@media screen and (min-width: 769px), print { - .pagination-list { - flex-grow: 1; - flex-shrink: 1; - justify-content: flex-start; - order: 1; } - .pagination-previous { - order: 2; } - .pagination-next { - order: 3; } - .pagination { - justify-content: space-between; } - .pagination.is-centered .pagination-previous { - order: 1; } - .pagination.is-centered .pagination-list { - justify-content: center; - order: 2; } - .pagination.is-centered .pagination-next { - order: 3; } - .pagination.is-right .pagination-previous { - order: 1; } - .pagination.is-right .pagination-next { - order: 2; } - .pagination.is-right .pagination-list { - justify-content: flex-end; - order: 3; } } - -.panel { - font-size: 1rem; } - .panel:not(:last-child) { - margin-bottom: 1.5rem; } - -.panel-heading, -.panel-tabs, -.panel-block { - border-bottom: 1px solid #dbdbdb; - border-left: 1px solid #dbdbdb; - border-right: 1px solid #dbdbdb; } - .panel-heading:first-child, - .panel-tabs:first-child, - .panel-block:first-child { - border-top: 1px solid #dbdbdb; } - -.panel-heading { - background-color: whitesmoke; - border-radius: 3px 3px 0 0; - color: #363636; - font-size: 1.25em; - font-weight: 300; - line-height: 1.25; - padding: 0.5em 0.75em; } - -.panel-tabs { - align-items: flex-end; - display: flex; - font-size: 0.875em; - justify-content: center; } - .panel-tabs a { - border-bottom: 1px solid #dbdbdb; - margin-bottom: -1px; - padding: 0.5em; } - .panel-tabs a.is-active { - border-bottom-color: #4a4a4a; - color: #363636; } - -.panel-list a { - color: #4a4a4a; } - .panel-list a:hover { - color: #3273dc; } - -.panel-block { - align-items: center; - color: #363636; - display: flex; - justify-content: flex-start; - padding: 0.5em 0.75em; } - .panel-block input[type="checkbox"] { - margin-right: 0.75em; } - .panel-block > .control { - flex-grow: 1; - flex-shrink: 1; - width: 100%; } - .panel-block.is-wrapped { - flex-wrap: wrap; } - .panel-block.is-active { - border-left-color: #3273dc; - color: #363636; } - .panel-block.is-active .panel-icon { - color: #3273dc; } - -a.panel-block, -label.panel-block { - cursor: pointer; } - a.panel-block:hover, - label.panel-block:hover { - background-color: whitesmoke; } - -.panel-icon { - display: inline-block; - font-size: 14px; - height: 1em; - line-height: 1em; - text-align: center; - vertical-align: top; - width: 1em; - color: #7a7a7a; - margin-right: 0.75em; } - .panel-icon .fa { - font-size: inherit; - line-height: inherit; } - -.tabs { - -webkit-overflow-scrolling: touch; - -webkit-touch-callout: none; - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - user-select: none; - align-items: stretch; - display: flex; - font-size: 1rem; - justify-content: space-between; - overflow: hidden; - overflow-x: auto; - white-space: nowrap; } - .tabs:not(:last-child) { - margin-bottom: 1.5rem; } - .tabs a { - align-items: center; - border-bottom-color: #dbdbdb; - border-bottom-style: solid; - border-bottom-width: 1px; - color: #4a4a4a; - display: flex; - justify-content: center; - margin-bottom: -1px; - padding: 0.5em 1em; - vertical-align: top; } - .tabs a:hover { - border-bottom-color: #363636; - color: #363636; } - .tabs li { - display: block; } - .tabs li.is-active a { - border-bottom-color: #3273dc; - color: #3273dc; } - .tabs ul { - align-items: center; - border-bottom-color: #dbdbdb; - border-bottom-style: solid; - border-bottom-width: 1px; - display: flex; - flex-grow: 1; - flex-shrink: 0; - justify-content: flex-start; } - .tabs ul.is-left { - padding-right: 0.75em; } - .tabs ul.is-center { - flex: none; - justify-content: center; - padding-left: 0.75em; - padding-right: 0.75em; } - .tabs ul.is-right { - justify-content: flex-end; - padding-left: 0.75em; } - .tabs .icon:first-child { - margin-right: 0.5em; } - .tabs .icon:last-child { - margin-left: 0.5em; } - .tabs.is-centered ul { - justify-content: center; } - .tabs.is-right ul { - justify-content: flex-end; } - .tabs.is-boxed a { - border: 1px solid transparent; - border-radius: 3px 3px 0 0; } - .tabs.is-boxed a:hover { - background-color: whitesmoke; - border-bottom-color: #dbdbdb; } - .tabs.is-boxed li.is-active a { - background-color: white; - border-color: #dbdbdb; - border-bottom-color: transparent !important; } - .tabs.is-fullwidth li { - flex-grow: 1; - flex-shrink: 0; } - .tabs.is-toggle a { - border-color: #dbdbdb; - border-style: solid; - border-width: 1px; - margin-bottom: 0; - position: relative; } - .tabs.is-toggle a:hover { - background-color: whitesmoke; - border-color: #b5b5b5; - z-index: 2; } - .tabs.is-toggle li + li { - margin-left: -1px; } - .tabs.is-toggle li:first-child a { - border-radius: 3px 0 0 3px; } - .tabs.is-toggle li:last-child a { - border-radius: 0 3px 3px 0; } - .tabs.is-toggle li.is-active a { - background-color: #3273dc; - border-color: #3273dc; - color: #fff; - z-index: 1; } - .tabs.is-toggle ul { - border-bottom: none; } - .tabs.is-small { - font-size: 0.75rem; } - .tabs.is-medium { - font-size: 1.25rem; } - .tabs.is-large { - font-size: 1.5rem; } - -.hero { - align-items: stretch; - display: flex; - flex-direction: column; - justify-content: space-between; } - .hero .navbar { - background: none; } - .hero .tabs ul { - border-bottom: none; } - .hero.is-white { - background-color: white; - color: #0a0a0a; } - .hero.is-white a:not(.button), - .hero.is-white strong { - color: inherit; } - .hero.is-white .title { - color: #0a0a0a; } - .hero.is-white .subtitle { - color: rgba(10, 10, 10, 0.9); } - .hero.is-white .subtitle a:not(.button), - .hero.is-white .subtitle strong { - color: #0a0a0a; } - @media screen and (max-width: 1023px) { - .hero.is-white .navbar-menu { - background-color: white; } } - .hero.is-white .navbar-item, - .hero.is-white .navbar-link { - color: rgba(10, 10, 10, 0.7); } - .hero.is-white a.navbar-item:hover, .hero.is-white a.navbar-item.is-active, - .hero.is-white .navbar-link:hover, - .hero.is-white .navbar-link.is-active { - background-color: #f2f2f2; - color: #0a0a0a; } - .hero.is-white .tabs a { - color: #0a0a0a; - opacity: 0.9; } - .hero.is-white .tabs a:hover { - opacity: 1; } - .hero.is-white .tabs li.is-active a { - opacity: 1; } - .hero.is-white .tabs.is-boxed a, .hero.is-white .tabs.is-toggle a { - color: #0a0a0a; } - .hero.is-white .tabs.is-boxed a:hover, .hero.is-white .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-white .tabs.is-boxed li.is-active a, .hero.is-white .tabs.is-boxed li.is-active a:hover, .hero.is-white .tabs.is-toggle li.is-active a, .hero.is-white .tabs.is-toggle li.is-active a:hover { - background-color: #0a0a0a; - border-color: #0a0a0a; - color: white; } - .hero.is-white.is-bold { - background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); } - @media screen and (max-width: 768px) { - .hero.is-white.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #e6e6e6 0%, white 71%, white 100%); } } - .hero.is-black { - background-color: #0a0a0a; - color: white; } - .hero.is-black a:not(.button), - .hero.is-black strong { - color: inherit; } - .hero.is-black .title { - color: white; } - .hero.is-black .subtitle { - color: rgba(255, 255, 255, 0.9); } - .hero.is-black .subtitle a:not(.button), - .hero.is-black .subtitle strong { - color: white; } - @media screen and (max-width: 1023px) { - .hero.is-black .navbar-menu { - background-color: #0a0a0a; } } - .hero.is-black .navbar-item, - .hero.is-black .navbar-link { - color: rgba(255, 255, 255, 0.7); } - .hero.is-black a.navbar-item:hover, .hero.is-black a.navbar-item.is-active, - .hero.is-black .navbar-link:hover, - .hero.is-black .navbar-link.is-active { - background-color: black; - color: white; } - .hero.is-black .tabs a { - color: white; - opacity: 0.9; } - .hero.is-black .tabs a:hover { - opacity: 1; } - .hero.is-black .tabs li.is-active a { - opacity: 1; } - .hero.is-black .tabs.is-boxed a, .hero.is-black .tabs.is-toggle a { - color: white; } - .hero.is-black .tabs.is-boxed a:hover, .hero.is-black .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-black .tabs.is-boxed li.is-active a, .hero.is-black .tabs.is-boxed li.is-active a:hover, .hero.is-black .tabs.is-toggle li.is-active a, .hero.is-black .tabs.is-toggle li.is-active a:hover { - background-color: white; - border-color: white; - color: #0a0a0a; } - .hero.is-black.is-bold { - background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); } - @media screen and (max-width: 768px) { - .hero.is-black.is-bold .navbar-menu { - background-image: linear-gradient(141deg, black 0%, #0a0a0a 71%, #181616 100%); } } - .hero.is-light { - background-color: whitesmoke; - color: #363636; } - .hero.is-light a:not(.button), - .hero.is-light strong { - color: inherit; } - .hero.is-light .title { - color: #363636; } - .hero.is-light .subtitle { - color: rgba(54, 54, 54, 0.9); } - .hero.is-light .subtitle a:not(.button), - .hero.is-light .subtitle strong { - color: #363636; } - @media screen and (max-width: 1023px) { - .hero.is-light .navbar-menu { - background-color: whitesmoke; } } - .hero.is-light .navbar-item, - .hero.is-light .navbar-link { - color: rgba(54, 54, 54, 0.7); } - .hero.is-light a.navbar-item:hover, .hero.is-light a.navbar-item.is-active, - .hero.is-light .navbar-link:hover, - .hero.is-light .navbar-link.is-active { - background-color: #e8e8e8; - color: #363636; } - .hero.is-light .tabs a { - color: #363636; - opacity: 0.9; } - .hero.is-light .tabs a:hover { - opacity: 1; } - .hero.is-light .tabs li.is-active a { - opacity: 1; } - .hero.is-light .tabs.is-boxed a, .hero.is-light .tabs.is-toggle a { - color: #363636; } - .hero.is-light .tabs.is-boxed a:hover, .hero.is-light .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-light .tabs.is-boxed li.is-active a, .hero.is-light .tabs.is-boxed li.is-active a:hover, .hero.is-light .tabs.is-toggle li.is-active a, .hero.is-light .tabs.is-toggle li.is-active a:hover { - background-color: #363636; - border-color: #363636; - color: whitesmoke; } - .hero.is-light.is-bold { - background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } - @media screen and (max-width: 768px) { - .hero.is-light.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #dfd8d9 0%, whitesmoke 71%, white 100%); } } - .hero.is-dark { - background-color: #363636; - color: whitesmoke; } - .hero.is-dark a:not(.button), - .hero.is-dark strong { - color: inherit; } - .hero.is-dark .title { - color: whitesmoke; } - .hero.is-dark .subtitle { - color: rgba(245, 245, 245, 0.9); } - .hero.is-dark .subtitle a:not(.button), - .hero.is-dark .subtitle strong { - color: whitesmoke; } - @media screen and (max-width: 1023px) { - .hero.is-dark .navbar-menu { - background-color: #363636; } } - .hero.is-dark .navbar-item, - .hero.is-dark .navbar-link { - color: rgba(245, 245, 245, 0.7); } - .hero.is-dark a.navbar-item:hover, .hero.is-dark a.navbar-item.is-active, - .hero.is-dark .navbar-link:hover, - .hero.is-dark .navbar-link.is-active { - background-color: #292929; - color: whitesmoke; } - .hero.is-dark .tabs a { - color: whitesmoke; - opacity: 0.9; } - .hero.is-dark .tabs a:hover { - opacity: 1; } - .hero.is-dark .tabs li.is-active a { - opacity: 1; } - .hero.is-dark .tabs.is-boxed a, .hero.is-dark .tabs.is-toggle a { - color: whitesmoke; } - .hero.is-dark .tabs.is-boxed a:hover, .hero.is-dark .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-dark .tabs.is-boxed li.is-active a, .hero.is-dark .tabs.is-boxed li.is-active a:hover, .hero.is-dark .tabs.is-toggle li.is-active a, .hero.is-dark .tabs.is-toggle li.is-active a:hover { - background-color: whitesmoke; - border-color: whitesmoke; - color: #363636; } - .hero.is-dark.is-bold { - background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } - @media screen and (max-width: 768px) { - .hero.is-dark.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #1f191a 0%, #363636 71%, #46403f 100%); } } - .hero.is-primary { - background-color: #C93312; - color: #fff; } - .hero.is-primary a:not(.button), - .hero.is-primary strong { - color: inherit; } - .hero.is-primary .title { - color: #fff; } - .hero.is-primary .subtitle { - color: rgba(255, 255, 255, 0.9); } - .hero.is-primary .subtitle a:not(.button), - .hero.is-primary .subtitle strong { - color: #fff; } - @media screen and (max-width: 1023px) { - .hero.is-primary .navbar-menu { - background-color: #C93312; } } - .hero.is-primary .navbar-item, - .hero.is-primary .navbar-link { - color: rgba(255, 255, 255, 0.7); } - .hero.is-primary a.navbar-item:hover, .hero.is-primary a.navbar-item.is-active, - .hero.is-primary .navbar-link:hover, - .hero.is-primary .navbar-link.is-active { - background-color: #b22d10; - color: #fff; } - .hero.is-primary .tabs a { - color: #fff; - opacity: 0.9; } - .hero.is-primary .tabs a:hover { - opacity: 1; } - .hero.is-primary .tabs li.is-active a { - opacity: 1; } - .hero.is-primary .tabs.is-boxed a, .hero.is-primary .tabs.is-toggle a { - color: #fff; } - .hero.is-primary .tabs.is-boxed a:hover, .hero.is-primary .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-primary .tabs.is-boxed li.is-active a, .hero.is-primary .tabs.is-boxed li.is-active a:hover, .hero.is-primary .tabs.is-toggle li.is-active a, .hero.is-primary .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: #C93312; } - .hero.is-primary.is-bold { - background-image: linear-gradient(141deg, #a30805 0%, #C93312 71%, #e7590e 100%); } - @media screen and (max-width: 768px) { - .hero.is-primary.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #a30805 0%, #C93312 71%, #e7590e 100%); } } - .hero.is-link { - background-color: #3273dc; - color: #fff; } - .hero.is-link a:not(.button), - .hero.is-link strong { - color: inherit; } - .hero.is-link .title { - color: #fff; } - .hero.is-link .subtitle { - color: rgba(255, 255, 255, 0.9); } - .hero.is-link .subtitle a:not(.button), - .hero.is-link .subtitle strong { - color: #fff; } - @media screen and (max-width: 1023px) { - .hero.is-link .navbar-menu { - background-color: #3273dc; } } - .hero.is-link .navbar-item, - .hero.is-link .navbar-link { - color: rgba(255, 255, 255, 0.7); } - .hero.is-link a.navbar-item:hover, .hero.is-link a.navbar-item.is-active, - .hero.is-link .navbar-link:hover, - .hero.is-link .navbar-link.is-active { - background-color: #2366d1; - color: #fff; } - .hero.is-link .tabs a { - color: #fff; - opacity: 0.9; } - .hero.is-link .tabs a:hover { - opacity: 1; } - .hero.is-link .tabs li.is-active a { - opacity: 1; } - .hero.is-link .tabs.is-boxed a, .hero.is-link .tabs.is-toggle a { - color: #fff; } - .hero.is-link .tabs.is-boxed a:hover, .hero.is-link .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-link .tabs.is-boxed li.is-active a, .hero.is-link .tabs.is-boxed li.is-active a:hover, .hero.is-link .tabs.is-toggle li.is-active a, .hero.is-link .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: #3273dc; } - .hero.is-link.is-bold { - background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); } - @media screen and (max-width: 768px) { - .hero.is-link.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #1577c6 0%, #3273dc 71%, #4366e5 100%); } } - .hero.is-info { - background-color: #209cee; - color: #fff; } - .hero.is-info a:not(.button), - .hero.is-info strong { - color: inherit; } - .hero.is-info .title { - color: #fff; } - .hero.is-info .subtitle { - color: rgba(255, 255, 255, 0.9); } - .hero.is-info .subtitle a:not(.button), - .hero.is-info .subtitle strong { - color: #fff; } - @media screen and (max-width: 1023px) { - .hero.is-info .navbar-menu { - background-color: #209cee; } } - .hero.is-info .navbar-item, - .hero.is-info .navbar-link { - color: rgba(255, 255, 255, 0.7); } - .hero.is-info a.navbar-item:hover, .hero.is-info a.navbar-item.is-active, - .hero.is-info .navbar-link:hover, - .hero.is-info .navbar-link.is-active { - background-color: #118fe4; - color: #fff; } - .hero.is-info .tabs a { - color: #fff; - opacity: 0.9; } - .hero.is-info .tabs a:hover { - opacity: 1; } - .hero.is-info .tabs li.is-active a { - opacity: 1; } - .hero.is-info .tabs.is-boxed a, .hero.is-info .tabs.is-toggle a { - color: #fff; } - .hero.is-info .tabs.is-boxed a:hover, .hero.is-info .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-info .tabs.is-boxed li.is-active a, .hero.is-info .tabs.is-boxed li.is-active a:hover, .hero.is-info .tabs.is-toggle li.is-active a, .hero.is-info .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: #209cee; } - .hero.is-info.is-bold { - background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); } - @media screen and (max-width: 768px) { - .hero.is-info.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #04a6d7 0%, #209cee 71%, #3287f5 100%); } } - .hero.is-success { - background-color: #23d160; - color: #fff; } - .hero.is-success a:not(.button), - .hero.is-success strong { - color: inherit; } - .hero.is-success .title { - color: #fff; } - .hero.is-success .subtitle { - color: rgba(255, 255, 255, 0.9); } - .hero.is-success .subtitle a:not(.button), - .hero.is-success .subtitle strong { - color: #fff; } - @media screen and (max-width: 1023px) { - .hero.is-success .navbar-menu { - background-color: #23d160; } } - .hero.is-success .navbar-item, - .hero.is-success .navbar-link { - color: rgba(255, 255, 255, 0.7); } - .hero.is-success a.navbar-item:hover, .hero.is-success a.navbar-item.is-active, - .hero.is-success .navbar-link:hover, - .hero.is-success .navbar-link.is-active { - background-color: #20bc56; - color: #fff; } - .hero.is-success .tabs a { - color: #fff; - opacity: 0.9; } - .hero.is-success .tabs a:hover { - opacity: 1; } - .hero.is-success .tabs li.is-active a { - opacity: 1; } - .hero.is-success .tabs.is-boxed a, .hero.is-success .tabs.is-toggle a { - color: #fff; } - .hero.is-success .tabs.is-boxed a:hover, .hero.is-success .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-success .tabs.is-boxed li.is-active a, .hero.is-success .tabs.is-boxed li.is-active a:hover, .hero.is-success .tabs.is-toggle li.is-active a, .hero.is-success .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: #23d160; } - .hero.is-success.is-bold { - background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); } - @media screen and (max-width: 768px) { - .hero.is-success.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #12af2f 0%, #23d160 71%, #2ce28a 100%); } } - .hero.is-warning { - background-color: #ffdd57; - color: #FFFFFF; } - .hero.is-warning a:not(.button), - .hero.is-warning strong { - color: inherit; } - .hero.is-warning .title { - color: #FFFFFF; } - .hero.is-warning .subtitle { - color: rgba(255, 255, 255, 0.9); } - .hero.is-warning .subtitle a:not(.button), - .hero.is-warning .subtitle strong { - color: #FFFFFF; } - @media screen and (max-width: 1023px) { - .hero.is-warning .navbar-menu { - background-color: #ffdd57; } } - .hero.is-warning .navbar-item, - .hero.is-warning .navbar-link { - color: rgba(255, 255, 255, 0.7); } - .hero.is-warning a.navbar-item:hover, .hero.is-warning a.navbar-item.is-active, - .hero.is-warning .navbar-link:hover, - .hero.is-warning .navbar-link.is-active { - background-color: #ffd83d; - color: #FFFFFF; } - .hero.is-warning .tabs a { - color: #FFFFFF; - opacity: 0.9; } - .hero.is-warning .tabs a:hover { - opacity: 1; } - .hero.is-warning .tabs li.is-active a { - opacity: 1; } - .hero.is-warning .tabs.is-boxed a, .hero.is-warning .tabs.is-toggle a { - color: #FFFFFF; } - .hero.is-warning .tabs.is-boxed a:hover, .hero.is-warning .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-warning .tabs.is-boxed li.is-active a, .hero.is-warning .tabs.is-boxed li.is-active a:hover, .hero.is-warning .tabs.is-toggle li.is-active a, .hero.is-warning .tabs.is-toggle li.is-active a:hover { - background-color: #FFFFFF; - border-color: #FFFFFF; - color: #ffdd57; } - .hero.is-warning.is-bold { - background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); } - @media screen and (max-width: 768px) { - .hero.is-warning.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #ffaf24 0%, #ffdd57 71%, #fffa70 100%); } } - .hero.is-danger { - background-color: #ff3860; - color: #fff; } - .hero.is-danger a:not(.button), - .hero.is-danger strong { - color: inherit; } - .hero.is-danger .title { - color: #fff; } - .hero.is-danger .subtitle { - color: rgba(255, 255, 255, 0.9); } - .hero.is-danger .subtitle a:not(.button), - .hero.is-danger .subtitle strong { - color: #fff; } - @media screen and (max-width: 1023px) { - .hero.is-danger .navbar-menu { - background-color: #ff3860; } } - .hero.is-danger .navbar-item, - .hero.is-danger .navbar-link { - color: rgba(255, 255, 255, 0.7); } - .hero.is-danger a.navbar-item:hover, .hero.is-danger a.navbar-item.is-active, - .hero.is-danger .navbar-link:hover, - .hero.is-danger .navbar-link.is-active { - background-color: #ff1f4b; - color: #fff; } - .hero.is-danger .tabs a { - color: #fff; - opacity: 0.9; } - .hero.is-danger .tabs a:hover { - opacity: 1; } - .hero.is-danger .tabs li.is-active a { - opacity: 1; } - .hero.is-danger .tabs.is-boxed a, .hero.is-danger .tabs.is-toggle a { - color: #fff; } - .hero.is-danger .tabs.is-boxed a:hover, .hero.is-danger .tabs.is-toggle a:hover { - background-color: rgba(10, 10, 10, 0.1); } - .hero.is-danger .tabs.is-boxed li.is-active a, .hero.is-danger .tabs.is-boxed li.is-active a:hover, .hero.is-danger .tabs.is-toggle li.is-active a, .hero.is-danger .tabs.is-toggle li.is-active a:hover { - background-color: #fff; - border-color: #fff; - color: #ff3860; } - .hero.is-danger.is-bold { - background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); } - @media screen and (max-width: 768px) { - .hero.is-danger.is-bold .navbar-menu { - background-image: linear-gradient(141deg, #ff0561 0%, #ff3860 71%, #ff5257 100%); } } - .hero.is-small .hero-body { - padding-bottom: 1.5rem; - padding-top: 1.5rem; } - @media screen and (min-width: 769px), print { - .hero.is-medium .hero-body { - padding-bottom: 9rem; - padding-top: 9rem; } } - @media screen and (min-width: 769px), print { - .hero.is-large .hero-body { - padding-bottom: 18rem; - padding-top: 18rem; } } - .hero.is-halfheight .hero-body, .hero.is-fullheight .hero-body { - align-items: center; - display: flex; } - .hero.is-halfheight .hero-body > .container, .hero.is-fullheight .hero-body > .container { - flex-grow: 1; - flex-shrink: 1; } - .hero.is-halfheight { - min-height: 50vh; } - .hero.is-fullheight { - min-height: 100vh; } - -.hero-video { - bottom: 0; - left: 0; - position: absolute; - right: 0; - top: 0; - overflow: hidden; } - .hero-video video { - left: 50%; - min-height: 100%; - min-width: 100%; - position: absolute; - top: 50%; - transform: translate3d(-50%, -50%, 0); } - .hero-video.is-transparent { - opacity: 0.3; } - @media screen and (max-width: 768px) { - .hero-video { - display: none; } } - -.hero-buttons { - margin-top: 1.5rem; } - @media screen and (max-width: 768px) { - .hero-buttons .button { - display: flex; } - .hero-buttons .button:not(:last-child) { - margin-bottom: 0.75rem; } } - @media screen and (min-width: 769px), print { - .hero-buttons { - display: flex; - justify-content: center; } - .hero-buttons .button:not(:last-child) { - margin-right: 1.5rem; } } - -.hero-head, -.hero-foot { - flex-grow: 0; - flex-shrink: 0; } - -.hero-body { - flex-grow: 1; - flex-shrink: 0; - padding: 3rem 1.5rem; } - -.section { - padding: 3rem 1.5rem; } - @media screen and (min-width: 1024px) { - .section.is-medium { - padding: 9rem 1.5rem; } - .section.is-large { - padding: 18rem 1.5rem; } } - -.footer { - background-color: whitesmoke; - padding: 3rem 1.5rem 6rem; } - -#sidebar { - background-color: #eee; - border-right: 1px solid #c1c1c1; - box-shadow: 0 0 20px rgba(50, 50, 50, 0.2) inset; - padding: 1.75rem; } - #sidebar .brand { - padding: 1rem 0; - text-align: center; } - -#main { - padding: 3rem; } - -.example { - margin-bottom: 1em; } - .example .highlight { - margin: 0; } - .example .path { - font-style: italic; - width: 100%; - text-align: right; } - -code { - color: #1a9f1a; - font-size: 0.875em; - font-weight: normal; } - -.content h2 { - padding-top: 1em; - border-top: 1px solid #c0c0c0; } - -h1 .anchor, h2 .anchor, h3 .anchor, h4 .anchor, h5 .anchor, h6 .anchor { - display: inline-block; - width: 0; - margin-left: -1.5rem; - margin-right: 1.5rem; - transition: all 100ms ease-in-out; - opacity: 0; } - -h1:hover .anchor, h2:hover .anchor, h3:hover .anchor, h4:hover .anchor, h5:hover .anchor, h6:hover .anchor { - opacity: 1; } - -h1:target, h2:target, h3:target, h4:target, h5:target, h6:target { - color: #C93312; } - h1:target .anchor, h2:target .anchor, h3:target .anchor, h4:target .anchor, h5:target .anchor, h6:target .anchor { - opacity: 1; - color: #C93312; } - -.footnotes p { - display: inline; } - -figure.has-border img { - box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); } diff --git a/docs/src/themes/mitmproxydocs/theme.toml b/docs/src/themes/mitmproxydocs/theme.toml deleted file mode 100644 index 5909676be..000000000 --- a/docs/src/themes/mitmproxydocs/theme.toml +++ /dev/null @@ -1,2 +0,0 @@ -name = "mitmproxy" -description = "mitmproxy's internal theme" \ No newline at end of file