This repository has been archived by the owner on May 24, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 7
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
482 changed files
with
81,346 additions
and
0 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,16 @@ | ||
| <!DOCTYPE html> | ||
| <html lang="en"> | ||
| <head> | ||
| <meta charset="utf-8" /> | ||
| <title>Redirect</title> | ||
| <script src="/terra-graphs/pull/360/redirect.js"></script></head> | ||
| <body> | ||
| <!-- These are here to make this file larger than 512 bytes to load in internet explorer--> | ||
| <!-- https://www.smashingmagazine.com/2016/08/sghpa-single-page-app-hack-github-pages/ --> | ||
| | ||
| | ||
| | ||
| | ||
| | ||
| </body> | ||
| </html> |
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Large diffs are not rendered by default.
Oops, something went wrong.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file not shown.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
Large diffs are not rendered by default.
Oops, something went wrong.
311 changes: 311 additions & 0 deletions
311
...rner_terra-dev-site_lib_loader-components_ExampleTemplate_module_scss-packages-3be34d.css
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,311 @@ | ||
| @charset "UTF-8"; | ||
| /* | ||
| Animations should be fast and nimble, never keeping the user waiting longer than is necessary. | ||
| The aim is to prioritize user-perceived performance over technical benchmarks. | ||
| Animations should last 150ms–250ms and should feel quick and responsive. | ||
| Using cubic-bezier with -> | ||
| Incoming Velocity: 70% | ||
| Outgoing Velocity: 0% | ||
| We quickly accelerate at the beginning of the animation and slowly decelerate by the end. | ||
| */ | ||
| :root { | ||
| --default-transition-timing: cubic-bezier(0.07, 0.95, 0, 1); | ||
| --default-transition-duration: 1s; | ||
| } | ||
|
|
||
| /* | ||
| User agent gives `geometric precision` more importance than `speed` and `crisp edges` | ||
| */ | ||
| .carbon-timeline-content-group .carbon-point[aria-hidden=true], | ||
| .carbon-timeline-content-group .carbon-selected-data-point[aria-hidden=true] { | ||
| -moz-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -moz-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -moz-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -moz-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -webkit-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -webkit-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -webkit-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -ms-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -ms-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -ms-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -ms-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -o-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -o-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -o-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -o-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| transition: opacity var(--default-transition-duration) var(--default-transition-timing), transform var(--default-transition-duration) var(--default-transition-timing); | ||
| opacity: 0; | ||
| visibility: hidden; | ||
| } | ||
|
|
||
| .carbon-timeline-criticality-outer { | ||
| fill: var(--terra-graphs-red85); | ||
| stroke: var(--terra-graphs-red85); | ||
| stroke-width: 19px; | ||
| } | ||
|
|
||
| .carbon-timeline-criticality-inner { | ||
| fill: var(--terra-graphs-white); | ||
| stroke: var(--terra-graphs-white); | ||
| stroke-width: 7px; | ||
| } | ||
|
|
||
| .carbon-timeline-criticality-outer[aria-hidden=true], | ||
| .carbon-timeline-criticality-inner[aria-hidden=true] { | ||
| -moz-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -moz-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -moz-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -moz-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -webkit-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -webkit-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -webkit-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -ms-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -ms-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -ms-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -ms-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -o-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -o-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -o-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -o-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| transition: opacity var(--default-transition-duration) var(--default-transition-timing), transform var(--default-transition-duration) var(--default-transition-timing); | ||
| opacity: 0; | ||
| visibility: hidden; | ||
| } | ||
| .carbon-timeline-criticality-outer.carbon-highlight, | ||
| .carbon-timeline-criticality-inner.carbon-highlight { | ||
| -moz-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -moz-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -moz-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -moz-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -webkit-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -webkit-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -webkit-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -webkit-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -ms-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -ms-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -ms-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -ms-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| -o-transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), -o-transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| -o-transition: opacity var(--default-transition-duration) var(--default-transition-timing), -o-transform var(--default-transition-duration) var(--default-transition-timing); | ||
| transition: opacity 1s cubic-bezier(0.07, 0.95, 0, 1), transform 1s cubic-bezier(0.07, 0.95, 0, 1); | ||
| transition: opacity var(--default-transition-duration) var(--default-transition-timing), transform var(--default-transition-duration) var(--default-transition-timing); | ||
| opacity: 1; | ||
| visibility: visible; | ||
| } | ||
| .example-graph-container, | ||
| .legend-bindto-container { | ||
| padding: 2.17rem 0; | ||
| } | ||
|
|
||
| .carbon-graph-container, | ||
| .carbon-timeline-container, | ||
| .legend-bindto-container { | ||
| font-size: 0.75rem; | ||
| } | ||
|
|
||
| .bindto-container { | ||
| display: flex; | ||
| width: 100%; | ||
| } | ||
| .bindto-container .legend-bindto-container { | ||
| width: 20%; | ||
| } | ||
| .bindto-container .legend-bindto-graph-container { | ||
| width: 80%; | ||
| } | ||
|
|
||
| .tooltip { | ||
| background-color: #fff; | ||
| border-radius: 4px; | ||
| -webkit-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); | ||
| -moz-box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); | ||
| box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); | ||
| font-family: "Segoe UI", sans-serif; | ||
| font-size: 0.866rem; | ||
| font-weight: 400; | ||
| letter-spacing: 0.01071em; | ||
| line-height: 1.5; | ||
| padding: 1rem; | ||
| position: fixed; | ||
| z-index: 20; | ||
| } | ||
| .tooltip .popup-item { | ||
| display: block; | ||
| } | ||
| .tooltip .section { | ||
| display: block; | ||
| padding-left: 1rem; | ||
| } | ||
| .tooltip .content { | ||
| display: block; | ||
| } | ||
| .tooltip .content:last-child { | ||
| padding-bottom: 0; | ||
| } | ||
| .tooltip .content:not(:last-child) { | ||
| padding-bottom: 0.5rem; | ||
| } | ||
| .tooltip g { | ||
| display: inline-block; | ||
| } | ||
| .tooltip g .popup-label { | ||
| color: #01579b; | ||
| } | ||
| .tooltip g .popup-label::after { | ||
| content: ": "; | ||
| } | ||
| .tooltip g .popup-text { | ||
| color: #000; | ||
| } | ||
| .tooltip g:not(:last-child) { | ||
| padding-bottom: 0.5rem; | ||
| } | ||
|
|
||
| .overlay { | ||
| cursor: pointer; | ||
| height: 100vh; | ||
| left: 0; | ||
| position: fixed; | ||
| top: 0; | ||
| width: 100vw; | ||
| z-index: 1200; | ||
| } | ||
|
|
||
| .shape-container { | ||
| width: 100%; | ||
| } | ||
|
|
||
| .panning-container { | ||
| display: flex; | ||
| padding: 1rem; | ||
| } | ||
| .panning-container .nav-left, | ||
| .panning-container .nav-right { | ||
| background-color: #176ba0; | ||
| border: 0.1rem solid #dedfe0; | ||
| border-radius: 0.25rem; | ||
| cursor: pointer; | ||
| display: flex; | ||
| font-size: inherit; | ||
| margin-right: 0.5rem; | ||
| padding: 0.5rem; | ||
| } | ||
|
|
||
| .custom-container-style { | ||
| border: 1px dashed; | ||
| height: auto !important; | ||
| padding: 5rem 5rem 0; | ||
| } | ||
| .custom-container-style .carbon-graph-container, | ||
| .custom-container-style .legend-bindto-container { | ||
| padding: 0; | ||
| } | ||
|
|
||
| .custom-container-legend-style .carbon-graph-container, | ||
| .custom-container-legend-style .legend-bindto-container { | ||
| padding: 0; | ||
| } | ||
|
|
||
| .background-color-class { | ||
| background-color: #176ba0; | ||
| } | ||
|
|
||
| .initial-tooltip { | ||
| display: none; | ||
| } | ||
|
|
||
| .button-pan-right { | ||
| margin-top: 15px; | ||
| } | ||
|
|
||
| .button-pan-left { | ||
| margin-left: 18px; | ||
| margin-right: 10px; | ||
| margin-top: 15px; | ||
| } | ||
| .ExampleTemplate-module__clinical-lowlight-theme___1UKvL { | ||
| --terra-dev-site-example-template-hover-selected-code-toggle-background-color: #505a5f; | ||
| --terra-dev-site-example-template-selected-code-toggle-background-color: #3f474b; | ||
| --terra-dev-site-example-template-hover-code-toggle-background-color: #373d41; | ||
| --terra-dev-site-example-template-code-toggle-background-color: #2e3539; | ||
| --terra-dev-site-example-template-selected-code-toggle-color: #ebebeb; | ||
| --terra-dev-site-example-template-code-background-color: #1d2427; | ||
| --terra-dev-site-example-template-keyboard-focus-outline: #fff; | ||
| --terra-dev-site-example-template-code-toggle-color: #b2b5b6; | ||
| --terra-dev-site-example-template-footer-background-color: #262b2e; | ||
| --terra-dev-site-example-template-header-background-color: #262b2e; | ||
| --terra-dev-site-example-template-content-background-color: #1b2326; | ||
| } | ||
|
|
||
| .ExampleTemplate-module__orion-fusion-theme___1O9Fb { | ||
| --terra-dev-site-example-template-hover-selected-code-toggle-background-color: #424141; | ||
| --terra-dev-site-example-template-selected-code-toggle-background-color: #666565; | ||
| --terra-dev-site-example-template-hover-code-toggle-background-color: #b8b8b8; | ||
| --terra-dev-site-example-template-code-toggle-background-color: #ddd; | ||
| --terra-dev-site-example-template-selected-code-toggle-color: #ebebeb; | ||
| --terra-dev-site-example-template-code-background-color: #f6f8fa; | ||
| --terra-dev-site-example-template-keyboard-focus-outline: #000; | ||
| --terra-dev-site-example-template-code-toggle-color: #000; | ||
| --terra-dev-site-example-template-footer-background-color: #f4f4f4; | ||
| --terra-dev-site-example-template-header-background-color: #f4f4f4; | ||
| --terra-dev-site-example-template-template-content-background-color: #fff; | ||
| } | ||
|
|
||
| .ExampleTemplate-module__template___KYobd { | ||
| border: 1px solid #e8e8e8; | ||
| border-radius: 3px; | ||
| margin-bottom: 0.9375rem; | ||
| overflow: hidden; | ||
| } | ||
| .ExampleTemplate-module__header___3iw7C { | ||
| background-color: var(--terra-dev-site-example-template-header-background-color); | ||
| border-bottom: 1px solid #e8e8e8; | ||
| padding: 0.625rem; | ||
| } | ||
| .ExampleTemplate-module__content___1iaAX { | ||
| background-color: var(--terra-dev-site-example-template-content-background-color); | ||
| padding: 0.625rem; | ||
| } | ||
| .ExampleTemplate-module__description___3Vf5E { | ||
| padding-bottom: 0.625rem; | ||
| } | ||
| .ExampleTemplate-module__footer___2Phq3 { | ||
| background-color: var(--terra-dev-site-example-template-footer-background-color); | ||
| overflow: hidden; | ||
| } | ||
| .ExampleTemplate-module__button-container___1JxCE { | ||
| display: flex; | ||
| justify-content: flex-end; | ||
| } | ||
| .ExampleTemplate-module__css___2LnEj, .ExampleTemplate-module__code___CzNro { | ||
| background-color: #f6f8fa; | ||
| background-color: var(--terra-dev-site-example-template-code-background-color, #f6f8fa); | ||
| height: 100%; | ||
| } | ||
| .ExampleTemplate-module__css-toggle___2NGzh, .ExampleTemplate-module__code-toggle___306N5 { | ||
| align-items: center; | ||
| background-color: #ddd; | ||
| background-color: var(--terra-dev-site-example-template-code-toggle-background-color, #ddd); | ||
| border: 0; | ||
| color: #000; | ||
| color: var(--terra-dev-site-example-template-code-toggle-color, #000); | ||
| cursor: pointer; | ||
| display: flex; | ||
| outline: none; | ||
| padding: 0.625rem; | ||
| } | ||
| .ExampleTemplate-module__css-toggle___2NGzh.ExampleTemplate-module__is-selected___5gylH, .ExampleTemplate-module__code-toggle___306N5.ExampleTemplate-module__is-selected___5gylH { | ||
| background-color: #666565; | ||
| background-color: var(--terra-dev-site-example-template-selected-code-toggle-background-color, #666565); | ||
| color: #ebebeb; | ||
| color: var(--terra-dev-site-example-template-selected-code-toggle-color, #ebebeb); | ||
| } | ||
| .ExampleTemplate-module__css-toggle___2NGzh:hover, .ExampleTemplate-module__code-toggle___306N5:hover { | ||
| background-color: #b8b8b8; | ||
| background-color: var(--terra-dev-site-example-template-hover-code-toggle-background-color, #b8b8b8); | ||
| } | ||
| .ExampleTemplate-module__css-toggle___2NGzh:hover.ExampleTemplate-module__is-selected___5gylH, .ExampleTemplate-module__code-toggle___306N5:hover.ExampleTemplate-module__is-selected___5gylH { | ||
| background-color: #424141; | ||
| background-color: var(--terra-dev-site-example-template-hover-selected-code-toggle-background-color, #424141); | ||
| } | ||
| .ExampleTemplate-module__item___pdgYL[data-focus-styles-enabled=true]:focus { | ||
| outline: 2px dashed #000; | ||
| outline: 2px dashed var(--terra-dev-site-example-template-keyboard-focus-outline, #000); | ||
| outline-offset: -2px; | ||
| } | ||
| .ExampleTemplate-module__chevron___2ZCBT { | ||
| display: inline-block; | ||
| height: 0.875rem; | ||
| width: 0.875rem; | ||
| } | ||
| .ExampleTemplate-module__title___Pqpi7 { | ||
| font-size: 1rem; | ||
| font-weight: 500; | ||
| margin: 0; | ||
| padding: 0; | ||
| } | ||
| .ExampleTemplate-module__dynamic-content___2YGWH { | ||
| background-color: rgba(0, 0, 0, 0); | ||
| } |
Oops, something went wrong.