@tacc/core-styles 0.11.0 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +107 -85
- package/dist/branding_logos.css +1 -1
- package/dist/components/README.css +1 -1
- package/dist/components/bootstrap/bootstrap--form.demo.css +1 -0
- package/dist/components/bootstrap/bootstrap--modal.demo.css +1 -0
- package/dist/components/bootstrap/demo.css +1 -0
- package/dist/components/bootstrap.container.css +1 -1
- package/dist/components/bootstrap.css +1 -1
- package/dist/components/bootstrap.figure.css +1 -1
- package/dist/components/bootstrap.form.css +1 -1
- package/dist/components/bootstrap.modal.css +1 -1
- package/dist/components/bootstrap.pagination.css +1 -1
- package/dist/components/c-button/demo.css +1 -0
- package/dist/components/c-button.css +1 -1
- package/dist/components/c-callout.css +1 -1
- package/dist/components/c-card.css +1 -1
- package/dist/components/c-data-list.css +1 -1
- package/dist/components/c-footer.css +1 -1
- package/dist/components/c-form.css +1 -0
- package/dist/components/c-image-map.css +1 -1
- package/dist/components/c-image-map.skin.css +1 -1
- package/dist/components/c-image-map.structure.css +1 -1
- package/dist/components/c-message.css +1 -1
- package/dist/components/c-nav.css +1 -1
- package/dist/components/c-page.css +1 -1
- package/dist/components/c-recognition.css +1 -1
- package/dist/components/c-see-all-link.css +1 -1
- package/dist/components/c-show-more.css +1 -1
- package/dist/components/cortal.icon.css +1 -1
- package/dist/components/cortal.icon.font.css +1 -1
- package/dist/components/django-cms-forms.css +1 -0
- package/dist/components/django-cms-forms.hacks.css +1 -0
- package/dist/components/mui.tabs.css +1 -0
- package/dist/core-styles.base.css +4 -0
- package/dist/core-styles.cms.css +2 -0
- package/dist/core-styles.demo.css +2 -0
- package/dist/core-styles.header.css +2 -0
- package/dist/core-styles.portal.css +2 -0
- package/dist/core-styles.settings.css +3 -0
- package/dist/elements/README.css +1 -1
- package/dist/elements/bootstrap.css +1 -1
- package/dist/elements/demo.css +1 -0
- package/dist/elements/form.cms.css +1 -1
- package/dist/elements/html-elements.cms.css +1 -1
- package/dist/elements/html-elements.css +1 -0
- package/dist/elements/links/demo.css +1 -0
- package/dist/elements/links.css +1 -1
- package/dist/elements/table--basic.css +1 -1
- package/dist/elements/table--nested.css +1 -1
- package/dist/elements/table.css +1 -1
- package/dist/elements/tacc-search-bar.css +1 -1
- package/dist/fonts/BentonSans-Black.otf +0 -0
- package/dist/fonts/BentonSans-RegularItalic.otf +0 -0
- package/dist/fractal.server.refresh.css +1 -1
- package/dist/generics/README.css +1 -1
- package/dist/generics/fonts.css +1 -1
- package/dist/objects/README.css +1 -1
- package/dist/objects/o-fixed-header-table/demo.css +1 -0
- package/dist/objects/o-fixed-header-table.css +1 -1
- package/dist/objects/o-flex-item-table-wrap/demo.css +1 -0
- package/dist/objects/o-flex-item-table-wrap.css +1 -1
- package/dist/objects/o-float-content.css +1 -1
- package/dist/objects/o-grid.css +1 -1
- package/dist/objects/o-offset-content.css +1 -1
- package/dist/objects/o-section.css +1 -1
- package/dist/objects/o-site.css +1 -1
- package/dist/objects/o-table-wrap/demo.basic.css +1 -0
- package/dist/objects/o-table-wrap/demo.extra.css +1 -0
- package/dist/objects/o-table-wrap/extra.flexible-horz.css +1 -0
- package/dist/objects/o-table-wrap/extra.overflow-hidden.css +1 -0
- package/dist/objects/o-table-wrap/extra.overflow-scroll.css +1 -0
- package/dist/objects/o-table-wrap/o-table-wrap--flexible-horz.css +1 -0
- package/dist/objects/o-table-wrap/o-table-wrap--flexible-vert.css +1 -0
- package/dist/objects/o-table-wrap/o-table-wrap--overflow-hidden.css +1 -0
- package/dist/objects/o-table-wrap/o-table-wrap--overflow-scroll-extra.css +1 -0
- package/dist/objects/o-table-wrap/o-table-wrap--overflow-scroll.css +1 -0
- package/dist/objects/o-table-wrap.css +1 -0
- package/dist/settings/README.css +1 -1
- package/dist/settings/border.css +1 -1
- package/dist/settings/color.css +1 -1
- package/dist/settings/font.css +1 -1
- package/dist/settings/max-width.css +1 -1
- package/dist/settings/space.css +1 -1
- package/dist/tools/README.css +1 -1
- package/dist/tools/media-queries.css +1 -1
- package/dist/tools/x-article-link.css +1 -1
- package/dist/tools/x-center.css +1 -1
- package/dist/tools/x-fake-border.css +1 -1
- package/dist/tools/x-grid.css +1 -1
- package/dist/tools/x-layout.css +1 -1
- package/dist/tools/x-link/demo.css +1 -0
- package/dist/tools/x-link.css +1 -1
- package/dist/tools/x-mailto-text-replace.css +1 -1
- package/dist/tools/x-overlay.css +1 -1
- package/dist/tools/x-truncate.css +1 -1
- package/dist/trumps/README.css +1 -1
- package/dist/trumps/s-affixed-input-wrapper/demo.css +1 -0
- package/dist/trumps/s-affixed-input-wrapper.css +1 -1
- package/dist/trumps/s-article-list.css +1 -1
- package/dist/trumps/s-article-preview.css +1 -1
- package/dist/trumps/s-blockquote.css +1 -1
- package/dist/trumps/s-breadcrumbs.css +1 -1
- package/dist/trumps/s-cms-nav.css +1 -1
- package/dist/trumps/s-document.css +1 -1
- package/dist/trumps/s-footer.css +1 -1
- package/dist/trumps/s-guide-doc.css +1 -1
- package/dist/trumps/s-header.bootstrap.css +1 -0
- package/dist/trumps/s-header.css +1 -1
- package/dist/trumps/s-inline-dl.css +1 -1
- package/dist/trumps/s-irregular-links.css +1 -1
- package/dist/trumps/s-portal-nav.css +1 -1
- package/dist/trumps/s-style-guide.css +1 -1
- package/dist/trumps/s-system-specs.css +1 -1
- package/dist/trumps/tacc-search-bar.css +1 -1
- package/dist/trumps/u-empty.css +1 -1
- package/dist/trumps/u-hide.css +1 -1
- package/dist/trumps/u-mailto-text-replace.css +1 -1
- package/dist/trumps/u-nested-text-content.css +1 -1
- package/docs/index.md +10 -5
- package/docs/shortcuts/tables.md +7 -0
- package/fractal.config.js +32 -17
- package/package.json +11 -7
- package/src/.postcssrc.base.yml +11 -2
- package/src/bin/build.js +0 -1
- package/src/lib/_imports/_partials/text-of-one-sentence.hbs +1 -0
- package/src/lib/_imports/_preview.hbs +95 -42
- package/src/lib/_imports/branding_logos.css +0 -2
- package/src/lib/_imports/components/bootstrap/{bootstrap--form.docs.css → bootstrap--form.demo.css} +0 -0
- package/src/lib/_imports/components/bootstrap/{bootstrap--modal.docs.css → bootstrap--modal.demo.css} +0 -0
- package/src/lib/_imports/components/bootstrap/bootstrap--modal.readme.md +4 -0
- package/src/lib/_imports/components/bootstrap/config.yml +3 -7
- package/src/lib/_imports/components/bootstrap/{docs.css → demo.css} +2 -2
- package/src/lib/_imports/components/bootstrap.container.css +0 -1
- package/src/lib/_imports/components/bootstrap.form.css +0 -1
- package/src/lib/_imports/components/bootstrap.modal.css +3 -0
- package/src/lib/_imports/components/c-button/{docs.css → demo.css} +0 -5
- package/src/lib/_imports/components/c-button.css +3 -0
- package/src/lib/_imports/components/c-form/c-form.hbs +362 -0
- package/src/lib/_imports/components/c-form/config.yml +2 -0
- package/src/lib/_imports/components/c-form/readme.md +14 -0
- package/src/lib/_imports/components/c-form/toggle-field-errors.js +101 -0
- package/src/lib/_imports/components/c-form/toggle-required-fields.js +85 -0
- package/src/lib/_imports/components/c-form.css +176 -0
- package/src/lib/_imports/components/c-message.css +61 -24
- package/src/lib/_imports/components/cortal.icon.css +15 -6
- package/src/lib/_imports/components/django-cms-forms/config.yml +5 -0
- package/src/lib/_imports/components/django-cms-forms/django-cms-forms.hbs +404 -0
- package/src/lib/_imports/components/django-cms-forms/readme.md +20 -0
- package/src/lib/_imports/components/django-cms-forms.css +187 -0
- package/src/lib/_imports/components/django-cms-forms.hacks.css +59 -0
- package/src/lib/_imports/components/mui.tabs.css +30 -0
- package/src/lib/_imports/core-styles.base.css +54 -0
- package/src/lib/_imports/core-styles.cms.css +34 -0
- package/src/lib/_imports/core-styles.demo.css +23 -0
- package/src/lib/_imports/core-styles.header.css +37 -0
- package/src/lib/_imports/core-styles.portal.css +25 -0
- package/src/lib/_imports/core-styles.settings.css +9 -0
- package/src/lib/_imports/elements/demo.css +59 -0
- package/src/lib/_imports/elements/form.cms/readme.md +16 -0
- package/src/lib/_imports/elements/form.cms.css +5 -23
- package/src/lib/_imports/elements/html-elements.cms.css +3 -4
- package/src/lib/_imports/elements/html-elements.css +67 -0
- package/src/lib/_imports/elements/links/config.yml +1 -1
- package/src/lib/_imports/elements/links.css +3 -3
- package/src/lib/_imports/elements/table/config.yml +1 -4
- package/src/lib/_imports/elements/table/table.hbs +8 -0
- package/src/lib/_imports/elements/table--basic.css +13 -2
- package/src/lib/_imports/generics/fonts.css +21 -7
- package/src/lib/_imports/objects/o-fixed-header-table/config.yml +60 -0
- package/src/lib/_imports/objects/o-fixed-header-table/demo.css +18 -0
- package/src/lib/_imports/objects/o-fixed-header-table/o-fixed-header-table.hbs +3 -0
- package/src/lib/_imports/objects/o-fixed-header-table/readme.md +18 -0
- package/src/lib/_imports/objects/o-fixed-header-table.css +1 -27
- package/src/lib/_imports/objects/o-flex-item-table-wrap/config.yml +27 -0
- package/src/lib/_imports/objects/o-flex-item-table-wrap/demo.css +7 -0
- package/src/lib/_imports/objects/o-flex-item-table-wrap/o-flex-item-table-wrap.hbs +7 -0
- package/src/lib/_imports/objects/o-flex-item-table-wrap/readme.md +22 -0
- package/src/lib/_imports/objects/o-flex-item-table-wrap.css +0 -34
- package/src/lib/_imports/objects/o-float-content.css +0 -1
- package/src/lib/_imports/objects/o-section.css +0 -1
- package/src/lib/_imports/objects/o-site.css +1 -0
- package/src/lib/_imports/objects/o-table-wrap/config.yml +82 -0
- package/src/lib/_imports/objects/o-table-wrap/demo.basic.css +18 -0
- package/src/lib/_imports/objects/o-table-wrap/demo.extra.css +31 -0
- package/src/lib/_imports/objects/o-table-wrap/extra.flexible-horz.css +23 -0
- package/src/lib/_imports/objects/o-table-wrap/extra.overflow-hidden.css +7 -0
- package/src/lib/_imports/objects/o-table-wrap/extra.overflow-scroll.css +7 -0
- package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-horz.css +4 -0
- package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-horz.hbs +5 -0
- package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-horz.readme.md +20 -0
- package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-vert.css +3 -0
- package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-vert.hbs +5 -0
- package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--flexible-vert.readme.md +18 -0
- package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-hidden.css +3 -0
- package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-hidden.hbs +5 -0
- package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-hidden.readme.md +14 -0
- package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll-extra.css +2 -0
- package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll-extra.hbs +18 -0
- package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll-extra.readme.md +18 -0
- package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll.css +5 -0
- package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll.hbs +5 -0
- package/src/lib/_imports/objects/o-table-wrap/o-table-wrap--overflow-scroll.readme.md +20 -0
- package/src/lib/_imports/objects/o-table-wrap/o-table-wrap.hbs +11 -0
- package/src/lib/_imports/objects/o-table-wrap/readme.md +24 -0
- package/src/lib/_imports/objects/o-table-wrap.css +5 -0
- package/src/lib/_imports/settings/color.css +29 -11
- package/src/lib/_imports/settings/font.css +2 -0
- package/src/lib/_imports/{elements/links/docs.css → tools/x-link/demo.css} +0 -0
- package/src/lib/_imports/tools/x-link.css +0 -3
- package/src/lib/_imports/trumps/s-affixed-input-wrapper/{readme.md → README.md} +0 -0
- package/src/lib/_imports/trumps/s-affixed-input-wrapper/config.yml +2 -4
- package/src/lib/_imports/trumps/s-affixed-input-wrapper/s-affixed-input-wrapper.hbs +26 -24
- package/src/lib/_imports/trumps/s-affixed-input-wrapper.css +9 -11
- package/src/lib/_imports/trumps/s-cms-nav.css +11 -0
- package/src/lib/_imports/trumps/s-header.bootstrap.css +30 -0
- package/src/lib/_imports/trumps/s-header.css +1 -0
- package/src/lib/_imports/trumps/s-inline-dl.css +1 -0
- package/src/lib/_imports/trumps/s-irregular-links/config.yml +1 -5
- package/src/lib/_imports/trumps/s-portal-nav.css +11 -1
- package/src/lib/_imports/trumps/u-empty.css +4 -0
- package/src/lib/_imports/trumps/u-mailto-text-replace/config.yml +0 -3
- package/src/lib/_imports/trumps/u-mailto-text-replace/readme.md +1 -1
- package/src/lib/fonts/BentonSans-Black.otf +0 -0
- package/src/lib/fonts/BentonSans-RegularItalic.otf +0 -0
- package/dist/components/bootstrap/bootstrap--form.docs.css +0 -1
- package/dist/components/bootstrap/bootstrap--modal.docs.css +0 -1
- package/dist/components/bootstrap/bootstrap.modal/docs.css +0 -1
- package/dist/components/bootstrap/docs.css +0 -1
- package/dist/components/bootstrap/portal/bootstrap.form/docs.css +0 -1
- package/dist/components/bootstrap--container.css +0 -1
- package/dist/components/bootstrap--form/docs.css +0 -1
- package/dist/components/bootstrap--form.css +0 -1
- package/dist/components/bootstrap--modal/docs.css +0 -1
- package/dist/components/bootstrap--modal.css +0 -1
- package/dist/components/bootstrap.form/docs.css +0 -1
- package/dist/components/bootstrap.modal/docs.css +0 -1
- package/dist/components/c-button/docs.css +0 -1
- package/dist/elements/links/docs.css +0 -1
- package/dist/elements/table/docs.css +0 -1
- package/dist/elements/table/table.docs.css +0 -1
- package/dist/elements/table copy.css +0 -1
- package/dist/fonts/fonts/BentonSans-Bold.otf +0 -0
- package/dist/fonts/fonts/BentonSans-Medium.otf +0 -0
- package/dist/fonts/fonts/BentonSans-MediumItalic.otf +0 -0
- package/dist/fonts/fonts/BentonSans-Regular.otf +0 -0
- package/dist/fractal.server.css +0 -1
- package/dist/fractal.server.reload.css +0 -1
- package/dist/tools/x-link/docs.css +0 -1
- package/dist/trumps/icon.css +0 -1
- package/dist/trumps/icon.fonts.css +0 -1
- package/src/lib/_imports/_partials/bootstrap.css.hbs +0 -1
- package/src/lib/_imports/_partials/bootstrap.js.hbs +0 -2
- package/src/lib/_imports/_partials/cms.css.hbs +0 -3
- package/src/lib/_imports/_partials/css.hbs +0 -27
- package/src/lib/_imports/_preview.bootstrap-cms.hbs +0 -5
- package/src/lib/_imports/_preview.bootstrap.hbs +0 -5
- package/src/lib/_imports/_preview.cms.hbs +0 -3
- package/src/lib/_imports/tools/x-link/docs.css +0 -6
- package/src/lib/_imports/trumps/icon.css +0 -31
- package/src/lib/_imports/trumps/icon.fonts.css +0 -316
package/README.md
CHANGED
|
@@ -2,20 +2,79 @@
|
|
|
2
2
|
|
|
3
3
|
The shared styles for TACC WMA Workspace Portals & Websites
|
|
4
4
|
|
|
5
|
-
##
|
|
5
|
+
## Known Clients
|
|
6
6
|
|
|
7
7
|
- [Core CMS], the base CMS code for TACC WMA CMS Websites
|
|
8
8
|
- [Core Portal], the base Portal code for TACC WMA CMS Websites
|
|
9
|
+
- [TUP UI], the client code for TACC User Portal
|
|
9
10
|
|
|
10
|
-
##
|
|
11
|
+
## Table of Contents
|
|
11
12
|
|
|
12
|
-
|
|
13
|
+
- [External Project Usage](#external-project-usage)
|
|
14
|
+
- [Local Development Setup](#local-development-setup)
|
|
15
|
+
- [Testing](#testing)
|
|
16
|
+
- [Deployment](#deployment)
|
|
17
|
+
- [Contributing](#contributing)
|
|
13
18
|
|
|
14
|
-
* Nodejs 15.x
|
|
15
19
|
|
|
16
20
|
## External Project Usage
|
|
17
21
|
|
|
18
|
-
###
|
|
22
|
+
### Install This Package
|
|
23
|
+
|
|
24
|
+
1. Installwith any package manager e.g.:
|
|
25
|
+
|
|
26
|
+
- `npm install @tacc/core-styles`
|
|
27
|
+
- `yarn add @tacc/core-styles`
|
|
28
|
+
|
|
29
|
+
2. Import stylesheets of either type:
|
|
30
|
+
- pre-compiled, from `/dist`
|
|
31
|
+
- source files, from `/src/lib/_imports`
|
|
32
|
+
|
|
33
|
+
### Build from Source
|
|
34
|
+
|
|
35
|
+
#### Via Your Environment's [PostCSS](https://github.com/postcss/postcss#readme)
|
|
36
|
+
|
|
37
|
+
Please review [the plugins expected](./src/.postcssrc.base.yml).
|
|
38
|
+
|
|
39
|
+
#### Via Core-Styles API
|
|
40
|
+
|
|
41
|
+
##### JavaScript
|
|
42
|
+
|
|
43
|
+
<details><summary><code>require('core-styles').buildStylesheets</code></summary>
|
|
44
|
+
|
|
45
|
+
```js
|
|
46
|
+
const buildStylesheets = require('core-styles').buildStylesheets;
|
|
47
|
+
|
|
48
|
+
buildStylesheets(
|
|
49
|
+
// Parse CSS files from which directory (required)
|
|
50
|
+
`path/to/your/css/src`,
|
|
51
|
+
// Output CSS files to which directory (required)
|
|
52
|
+
`path/to/put/css/output`,
|
|
53
|
+
{
|
|
54
|
+
// List of YAML config files (optional)
|
|
55
|
+
// (The first file is merged on top of the base config.)
|
|
56
|
+
// (Each successive file overwrites the file before it.)
|
|
57
|
+
// SEE: https://github.com/postcss/postcss-load-config#postcssrc
|
|
58
|
+
customConfigs: [
|
|
59
|
+
// The "base" config is `/.postcssrc.base.yml`
|
|
60
|
+
`path/to/custom/config/that/extends/base/.postcssrc.yml`,
|
|
61
|
+
`path/to/custom/config/that/extends/above/.postcssrc.yml`,
|
|
62
|
+
],
|
|
63
|
+
// Print more info from build log (optional, default: false)
|
|
64
|
+
verbose: true,
|
|
65
|
+
// Print version of this software (optional, default: false)
|
|
66
|
+
version: true,
|
|
67
|
+
// Any value to help identify the build (optional, default: app version)
|
|
68
|
+
buildId: process.env.npm_package_version + someUniqueId,
|
|
69
|
+
}
|
|
70
|
+
);
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
</details>
|
|
74
|
+
|
|
75
|
+
##### CLI
|
|
76
|
+
|
|
77
|
+
<details><summary><code>core-styles</code></summary>
|
|
19
78
|
|
|
20
79
|
```bash
|
|
21
80
|
Usage: core-styles [options] [command]
|
|
@@ -35,7 +94,9 @@ Commands:
|
|
|
35
94
|
help [command] display help for command
|
|
36
95
|
```
|
|
37
96
|
|
|
38
|
-
|
|
97
|
+
</details>
|
|
98
|
+
|
|
99
|
+
<details><summary><code>core-styles build</code></summary>
|
|
39
100
|
|
|
40
101
|
```bash
|
|
41
102
|
Usage: core-styles build [options]
|
|
@@ -82,54 +143,30 @@ Notes:
|
|
|
82
143
|
Given '-i "a/b*" -o "x/" -m "not-a/"' output is "x/abs-path-to-input/...".
|
|
83
144
|
```
|
|
84
145
|
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
1. Install the package with any package manager e.g.:
|
|
88
|
-
|
|
89
|
-
- `npm install @tacc/core-styles`
|
|
90
|
-
- `yarn add @tacc/core-styles`
|
|
146
|
+
</details>
|
|
91
147
|
|
|
92
|
-
2. Import stylesheets of either type:
|
|
93
|
-
- pre-compiled, from `/dist`
|
|
94
|
-
- source files, from `/src/lib/_imports`
|
|
95
148
|
|
|
96
|
-
|
|
149
|
+
## Local Development Setup
|
|
97
150
|
|
|
98
|
-
|
|
99
|
-
const buildStylesheets = require('core-styles').buildStylesheets;
|
|
151
|
+
### Prequisites for Running
|
|
100
152
|
|
|
101
|
-
|
|
102
|
-
// Parse CSS files from which directory (required)
|
|
103
|
-
`path/to/your/css/src`,
|
|
104
|
-
// Output CSS files to which directory (required)
|
|
105
|
-
`path/to/put/css/output`,
|
|
106
|
-
{
|
|
107
|
-
// List of YAML config files (optional)
|
|
108
|
-
// (The first file is merged on top of the base config.)
|
|
109
|
-
// (Each successive file overwrites the file before it.)
|
|
110
|
-
// SEE: https://github.com/postcss/postcss-load-config#postcssrc
|
|
111
|
-
customConfigs: [
|
|
112
|
-
// The "base" config is `/.postcssrc.base.yml`
|
|
113
|
-
`path/to/custom/configthat/extends/base/.postcssrc.yml`,
|
|
114
|
-
`path/to/custom/config/that/extends/above/.postcssrc.yml`,
|
|
115
|
-
],
|
|
116
|
-
// Print more info from build log (optional, default: false)
|
|
117
|
-
verbose: true,
|
|
118
|
-
// Print version of this software (optional, default: false)
|
|
119
|
-
version: true,
|
|
120
|
-
// Any value to help identify the build (optional, default: app version)
|
|
121
|
-
buildId: process.env.npm_package_version + someUniqueId,
|
|
122
|
-
}
|
|
123
|
-
);
|
|
124
|
-
```
|
|
153
|
+
* Nodejs 15.x
|
|
125
154
|
|
|
126
|
-
|
|
155
|
+
### Quick Start
|
|
127
156
|
|
|
128
|
-
|
|
157
|
+
0. _(initially)_ Install dependencies:\
|
|
158
|
+
`npm ci`
|
|
159
|
+
1. _(optional)_ Make changes to `/src/lib` files.
|
|
160
|
+
|
|
161
|
+
2. Build the styles*:\
|
|
162
|
+
`npm run build:css`
|
|
163
|
+
3. Build and preview the styles*:\
|
|
164
|
+
`npm start`
|
|
165
|
+
4. _(to debug)_ Review output in respective `/dist` or `/demo` files.*
|
|
129
166
|
|
|
130
|
-
|
|
167
|
+
<sub>* Stylesheets are built **from** source files **in** `src/lib` directory **to** compiled files **in** `dist` directory.</sub>
|
|
131
168
|
|
|
132
|
-
###
|
|
169
|
+
### Preview **After** Development
|
|
133
170
|
|
|
134
171
|
1. Build stylesheets and build static demo:
|
|
135
172
|
|
|
@@ -143,77 +180,59 @@ Code configuration happens in repos that use these styles.
|
|
|
143
180
|
npx serve demo
|
|
144
181
|
```
|
|
145
182
|
|
|
146
|
-
<sup>
|
|
183
|
+
<sup>Web page will live-reload on demo build, but **not** on change of source files.</sup>
|
|
147
184
|
|
|
148
185
|
4. Open the web interface.
|
|
149
186
|
The build command will output the URL (and may even open it for you).
|
|
150
187
|
|
|
151
|
-
###
|
|
188
|
+
### Preview **During** Development
|
|
152
189
|
|
|
153
190
|
Run each of these commands in its own terminal.
|
|
154
191
|
|
|
155
192
|
1. Build stylesheets and re-build on change:
|
|
156
193
|
|
|
157
194
|
```bash
|
|
158
|
-
npm run
|
|
195
|
+
npm run watch
|
|
159
196
|
```
|
|
160
197
|
|
|
161
198
|
2. Run the auto-refresh demo:
|
|
162
199
|
|
|
163
200
|
```bash
|
|
164
|
-
npm start
|
|
201
|
+
npm run start
|
|
165
202
|
```
|
|
166
203
|
|
|
167
|
-
<sup>
|
|
168
|
-
|
|
169
|
-
### Source Files
|
|
170
|
-
|
|
171
|
-
If you changes files in a `src/lib/` directory, you may need to follow some of these steps.
|
|
172
|
-
|
|
173
|
-
#### Quick Start
|
|
204
|
+
<sup>Web page will live-reload **twice** on change of source files. The **second** reload will show changes.</sup>
|
|
174
205
|
|
|
175
|
-
|
|
176
|
-
2. Build the styles: `npm run build:css`
|
|
177
|
-
3. Build and preview the styles: `npm start`
|
|
178
|
-
4. _(to debug)_ Review respective `/dist` or `/demo` files' content.
|
|
179
|
-
|
|
180
|
-
#### How to Just Build Stylesheets
|
|
206
|
+
#### Build Options
|
|
181
207
|
|
|
182
|
-
|
|
208
|
+
##### Regular CSS Build
|
|
183
209
|
|
|
184
|
-
|
|
210
|
+
```bash
|
|
211
|
+
npm run build:css
|
|
212
|
+
```
|
|
185
213
|
|
|
186
|
-
|
|
187
|
-
npm run build:css
|
|
188
|
-
```
|
|
214
|
+
##### Custom Build ID
|
|
189
215
|
|
|
190
|
-
|
|
216
|
+
```bash
|
|
217
|
+
npm run build:css -- --build-id="..."
|
|
218
|
+
```
|
|
191
219
|
|
|
192
|
-
```bash
|
|
193
|
-
npm run build:css -- --build-id="..."
|
|
194
|
-
```
|
|
195
220
|
|
|
196
221
|
## Testing
|
|
197
222
|
|
|
198
|
-
|
|
223
|
+
All testing is done manually.
|
|
199
224
|
|
|
200
|
-
Style testing is done manually. Run `npm start`, then review output at web interface, to ensure styles are rendering correctly.
|
|
201
225
|
|
|
202
|
-
|
|
226
|
+
## Deployment
|
|
203
227
|
|
|
204
|
-
|
|
228
|
+
### Production Deployment
|
|
205
229
|
|
|
206
|
-
|
|
230
|
+
The Core Styles are not independently deployed.
|
|
207
231
|
|
|
208
|
-
|
|
209
|
-
| ------------------------------ | ---------------------------------------------------- |
|
|
210
|
-
| **[Core CMS]** | via CLI installed on test branch |
|
|
211
|
-
| **[Core CMS Pattern Library]** | not accessing styles [_yet_][research-pattern-lib] ¹ |
|
|
232
|
+
_Currently_, the demo is served by [Core CMS] (since [v3.9.0](https://github.com/TACC/Core-CMS/compare/v3.9.0)).
|
|
212
233
|
|
|
213
|
-
|
|
234
|
+
_Later_, the demo may be deployed indpendently and `core-styles.….css` served from a CDN.
|
|
214
235
|
|
|
215
|
-
[core cms pattern library]: https://github.com/wesleyboar/Core-CMS-Pattern-Library
|
|
216
|
-
[research-pattern-lib]: https://confluence.tacc.utexas.edu/x/FADMBQ
|
|
217
236
|
|
|
218
237
|
## Contributing
|
|
219
238
|
|
|
@@ -228,7 +247,7 @@ We use a modifed version of [GitFlow](https://datasift.github.io/gitflow/Introdu
|
|
|
228
247
|
|
|
229
248
|
### Best Practices
|
|
230
249
|
|
|
231
|
-
Sign your commits ([see this link](https://help.github.com/en/github/authenticating-to-github/managing-commit-signature-verification) for help)
|
|
250
|
+
Sign your commits ([see this link](https://help.github.com/en/github/authenticating-to-github/managing-commit-signature-verification) for help).
|
|
232
251
|
|
|
233
252
|
### Publishing Workflow
|
|
234
253
|
|
|
@@ -238,6 +257,7 @@ Only authorized team members may publish.
|
|
|
238
257
|
1. Create new branch for version bump.
|
|
239
258
|
1. Update `CHANGELOG.md`.
|
|
240
259
|
1. Update version via `npm version N.N.N`.
|
|
260
|
+
1. Update dist via `npm run build:css --build-id=vN.N.N`.
|
|
241
261
|
1. Commit, push, PR, review, merge.
|
|
242
262
|
1. Create release and tag on GitHub.
|
|
243
263
|
1. Publish to NPM via `npm publish --access public`.
|
|
@@ -247,6 +267,7 @@ Only authorized team members may publish.
|
|
|
247
267
|
### Resources
|
|
248
268
|
|
|
249
269
|
- [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)
|
|
270
|
+
- [Research & Development](https://confluence.tacc.utexas.edu/x/FADMBQ)
|
|
250
271
|
|
|
251
272
|
<!-- Link Aliases -->
|
|
252
273
|
|
|
@@ -254,3 +275,4 @@ Only authorized team members may publish.
|
|
|
254
275
|
[camino]: https://github.com/TACC/Camino
|
|
255
276
|
[core cms]: https://github.com/TACC/Core-CMS
|
|
256
277
|
[core portal]: https://github.com/TACC/Core-Portal
|
|
278
|
+
[tup ui]: https://github.com/TACC/tup-ui
|
package/dist/branding_logos.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.branding-header{--branding-logo-height:24px;align-items:center;background-color:var(--global-color-primary--xx-dark);border-bottom:1px solid var(--global-color-primary--normal);color:var(--global-color-primary--xx-light);display:flex;height:49px;justify-content:center}.branding-seperator{border-left:1px solid var(--global-color-primary--xx-light);height:100%;margin:0 15px;max-height:var(--branding-logo-height);vertical-align:middle;width:1px}.branding-logo{border:none;height:30px;margin:0;padding:0}.branding-logo--short{height:var(--branding-logo-height)}.branding-logo--tall{height:35px}.branding-nsf{height:35px}.branding-tacc{height:var(--branding-logo-height)}.branding-utaustin{height:var(--branding-logo-height)}.portal-logo{border:none;float:left;height:40px;margin:0;padding:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */form{margin:1em}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */#exampleModalStatic{bottom:auto;display:block;height:auto;left:auto;position:relative;right:auto;top:auto;z-index:1}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */form{margin:1em}#exampleModalStatic{bottom:auto;display:block;height:auto;left:auto;position:relative;right:auto;top:auto;z-index:1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */@media (min-width:1680px){.container{max-width:var(--global-max-width--x-wide)}}@media (min-width:1920px){.container{max-width:var(--global-max-width--xx-wide)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.figure>a>img,.figure>img{margin-bottom:20px}.figure-caption{border-top:var(--global-border-width--normal) solid var(--global-color-primary--normal);color:var(--global-color-primary--dark);font-size:var(--global-font-size--medium);padding-top:12px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.form-control{border:var(--global-border--normal);border-radius:0}input.form-control,textarea.form-control{padding:6px 12px}.input-group-prepend{z-index:1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.modal-title,.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.modal-body,.modal-content,.modal-footer,.modal-header{border-radius:0}.modal-body,.modal-content,.modal-header{border:none}.modal-footer{border-bottom:none;border-left:none;border-right:none}.modal-header{background-color:var(--global-color-primary--x-light);padding:1.35rem 1.75rem}.modal-title{color:var(--global-color-primary--xx-dark);font-size:1.2rem;font-weight:400}.modal-header .close{color:var(--global-color-primary--x-dark);opacity:1}.modal-header .close:not(:disabled):not(.disabled):focus,.modal-header .close:not(:disabled):not(.disabled):hover{color:var(--global-color-primary--xx-dark);opacity:1}.modal-header .close span{font-family:Cortal-Icons!important;font-size:1.5rem}.modal-header.has-MuiTabs{border-bottom:1px solid #afafaf;flex-direction:row;height:63.5px;padding:5px;position:relative}.modal-header.has-MuiTabs .close{transform:translate(-25%,25%)}.modal-header.has-MuiTabs .MuiTabs-indicator{background-color:#fff}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.c-page-list,.pagination{--item-width:2em;--item-buffer:3px;--item-border:var(--global-border-width--normal)}.c-page-list,.pagination{align-items:baseline;display:flex;flex-direction:row;font-size:14px;list-style:none}ul.c-page-list{list-style:none}.c-page-link--always-click{box-sizing:content-box;position:relative}.c-page-link--always-click:after,.c-page-link--always-click:before{--width:var(--item-buffer);--vert-offset:calc(var(--item-border)*-1);--horz-offset:calc(100% + var(--item-border));bottom:var(--vert-offset);content:"";position:absolute;top:var(--vert-offset);width:var(--width)}.c-page-link--always-click.c-button{overflow:visible}.c-page-link--always-click:before{right:var(--horz-offset)}.c-page-link--always-click:after{left:var(--horz-offset)}.c-page-item{margin-inline:var(--item-buffer)}.c-page-item:first-child{margin-left:0}.c-page-item:last-child{margin-right:0}.c-page-item--etcetera{cursor:default;margin-inline:2px;min-width:var(--item-width);text-align:center}.c-page-end,.pagination a,.pagination span{padding:4px 12px}.c-page-link{line-height:1.2;min-width:var(--item-width);padding:5px 0}.pagination{margin-block:var(--global-space--x-large);margin-inline:auto;width:-moz-fit-content;width:fit-content}.pagination a,.pagination span{padding-block:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.c-button>i{font-style:normal}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.c-button,.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.c-button--as-link,.x-link,.x-link--irregular{color:var(--global-color-link-on-light--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.c-button--as-link:where(:not(:disabled,:where(a[disabled]))):hover,.x-link--hover,.x-link--irregular--hover{color:var(--global-color-link-on-light--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.c-button--as-link:active,.x-link--active,.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted}.x-link--irregular{text-decoration-line:underline}.x-link--irregular--hover{text-decoration-style:dashed}.x-link--irregular--active{text-decoration-style:dotted}.c-button{--min-width:75px;--mid-width:110px;--max-width:130px;border-style:solid;border-width:var(--global-border-width--normal);box-sizing:border-box;display:inline-block}.c-button:not(.c-button--as-link){font-weight:var(--medium)}a.c-button{text-align:center;text-decoration:none}a.c-button--is-busy{cursor:default}.c-button:not(:disabled,:where(a[disabled])){cursor:pointer}.c-button:disabled:not(.c-button--is-busy),.c-button:where(a[disabled]):not(.c-button--is-busy){border-color:var(--global-color-primary--dark);color:var(--global-color-primary--dark);pointer-events:none}.c-button:disabled:not(.c-button--is-busy,.c-button--as-link),.c-button:where(a[disabled]):not(.c-button--is-busy,.c-button--as-link){background-color:var(--global-color-primary--xx-light)}.c-button--is-active,.c-button--primary,.c-button--secondary,.c-button--tertiary{max-width:var(--max-width);min-width:var(--min-width);padding:6px 18px}.c-button--primary:hover{background-color:var(--global-color-accent--dark);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-light)}.c-button--primary:active:not(.c-button--is-busy){background-color:var(--global-color-accent--x-dark);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--primary:focus:not(:active,.c-button--is-busy){background-color:var(--global-color-accent--normal);border-color:var(--global-color-primary--xx-light);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--light)}.c-button--primary.c-button--is-busy,.c-button--primary:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-accent--normal);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-light)}.c-button--secondary:hover{background-color:var(--global-color-accent--weak);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-dark)}.c-button--secondary:active:not(.c-button--is-busy){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--secondary:focus:not(:active,.c-button--is-busy){background-color:var(--global-color-accent--weak);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.c-button--secondary.c-button--is-busy,.c-button--secondary:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-primary--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button.c-button--secondary:disabled,.c-button.c-button--secondary:where(a[disabled]),/* for specificity to override */,/* for specificity to override */{background-color:var(--global-color-primary--x-light)}.c-button--tertiary:hover{background-color:var(--global-color-primary--light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}.c-button--tertiary:active:not(.c-button--is-busy){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--tertiary:focus:not(:active,.c-button--is-busy){background-color:var(--global-color-primary--light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.c-button--tertiary.c-button--is-busy,.c-button--tertiary:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-primary--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button--is-active:hover{background-color:var(--global-color-accent--alt);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}.c-button--is-active:active{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--is-active:focus:not(:active){background-color:var(--global-color-accent--alt);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.c-button--is-active.c-button--is-busy,.c-button--is-active:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button--as-link{background:unset;border:unset;font-family:inherit;font-size:inherit;padding-inline:unset}.c-button--is-busy{opacity:.5}.c-button--is-busy .c-button__text{opacity:.3}.c-button:not(.c-button--width-short,.c-button--width-medium,.c-button--width-long,.c-button--size-small,.c-button--as-link){--max-width:auto;width:auto}.c-button--width-short{width:var(--min-width)}.c-button--width-medium{width:var(--mid-width)}.c-button--width-long{width:var(--max-width)}.c-button--size-small{line-height:1;min-width:0;padding:4px 9px}.c-button>*{vertical-align:middle}.c-button__icon--before{margin-right:.5em}.c-button__icon--after{margin-left:.5em}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.x-article-link-stretch{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.x-article-link-stretch--gapless{left:-15px;width:calc(100% + 30px)}.x-article-link-hover,a.c-callout:hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.x-article-link-hover--gapless{--outline-offset:0}a.c-callout:active{outline:1px dotted var(--global-color-accent--normal)}.c-callout{--figure-width--no-units:310;--figure-height--no-units:130;display:grid}.c-callout>:is(img,figure){grid-area:figure}.c-callout>:is(h1,h2,h3,h4,h5,h6){grid-area:title}.c-callout>p{grid-area:desc}.c-callout>p{margin-top:0}.c-callout>figure>img,.c-callout>img{aspect-ratio:var(--figure-width--no-units) /var(--figure-height--no-units);-o-object-fit:cover;object-fit:cover}.c-callout>figure{width:-moz-min-content;width:min-content}@media only screen and (min-width:768px){.c-callout{grid-template-areas:"figure title" "figure desc";grid-template-columns:min-content auto;grid-template-rows:auto min-content;padding:20px;text-align:left}.c-callout>figure{margin:0}.c-callout>:is(img,figure){margin-right:40px}.c-callout>figure>img,.c-callout>img{max-width:-moz-fit-content;max-width:fit-content;width:calc(var(--figure-width--no-units)*1px)}.c-callout>img{min-height:100%}}@media only screen and (max-width:767px){.c-callout{grid-template-areas:"figure" "title" "desc";padding:20px 40px;text-align:center}.c-callout>figure{margin:0}.c-callout>:is(img,figure){margin-bottom:20px}.c-callout>figure>img,.c-callout>img{height:calc(var(--figure-height--no-units)*1px);max-height:-moz-fit-content;max-height:fit-content}.c-callout>img{min-width:100%}}.c-callout>:is(img,figure){place-self:center}.c-callout>p{padding-right:1%}.c-callout{background-color:var(--global-color-link-on-light--normal)}.c-callout>:is(h1,h2,h3,h4,h5,h6){border-bottom:1px solid var(--global-color-primary--xx-light);font-size:var(--global-font-size--x-large);font-weight:var(--medium);margin-bottom:12px;margin-top:0;padding-bottom:12px}.c-callout>:is(h1,h2,h3,h4,h5,h6),[class*=o-section--style] .c-callout>:is(h1,h2,h3,h4,h5,h6){color:var(--global-color-primary--xx-light)}.c-callout>:not(h1,h2,h3,h4,h5,h6){color:var(--global-color-primary--xx-light)}.c-callout>:not(h1,h2,h3,h4,h5,h6,figure){font-size:var(--global-font-size--large);font-weight:var(--medium)}a.c-callout:hover{text-decoration:none}a.c-callout:focus{text-decoration:none}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.x-article-link-stretch{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.x-article-link-stretch--gapless{left:-15px;width:calc(100% + 30px)}.x-article-link-hover,a.c-card--frontera-about-page:hover{--outline-offset:1em;outline:1px solid var(--global-color-accent--normal);outline-offset:var(--outline-offset)}.x-article-link-hover--gapless{--outline-offset:0}a.c-card--frontera-about-page:active{outline:1px dotted var(--global-color-accent--normal)}.c-card--frontera-about-page{border-bottom:var(--global-border-width--normal) solid var(--global-color-primary--dark);margin-bottom:4.6rem;width:-moz-fit-content;width:fit-content}a.c-card--frontera-about-page{display:inline-block;text-decoration:none}.c-card--frontera-about-page img+h3{margin-top:1.6rem}.c-card--frontera-about-page img~:last-child{margin-bottom:1.25rem}.c-card--frontera-about-page figure{margin:0}.c-card--frontera-about-page figcaption{color:var(--global-color-primary--xx-dark);font-size:var(--global-font-size--x-large);font-weight:var(--bold);margin-bottom:1.25rem;margin-top:1.6rem}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.c-data-list--should-truncate-values .c-data-list__value,.c-data-list__key,.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}table.c-data-list{border-left:0;border-right:0}@supports(text-overflow:":"){.c-data-list__key:not(th){--text-overflow:":"}}td.c-data-list__value,th.c-data-list__key{padding-block:.5em}.c-data-list__key:not(th):after{content:":";display:inline;padding-right:.25em}th.c-data-list__key{padding-right:.25em}.c-data-list--is-horz{display:flex;flex-direction:row}.c-data-list--is-horz dd.c-data-list__value,dl.c-data-list--is-horz{margin-bottom:0}table.c-data-list--is-horz tbody,table.c-data-list--is-horz tr{display:flex;flex-direction:row;min-width:0}.c-data-list--is-horz:not(table).c-data-list--is-narrow>.c-data-list__key~.c-data-list__key:before{padding-left:.5em;padding-right:.5em}.c-data-list--is-horz:not(table).c-data-list--is-wide>.c-data-list__key~.c-data-list__key:before{padding-left:1em;padding-right:1em}table.c-data-list--is-horz.c-data-list--is-narrow tr:not(:first-child) th.c-data-list__key{padding-left:.5em}table.c-data-list--is-horz.c-data-list--is-narrow td.c-data-list__value{margin-right:.5em}table.c-data-list--is-horz.c-data-list--is-wide tr:not(:first-child) th.c-data-list__key{padding-left:1em}table.c-data-list--is-horz.c-data-list--is-wide td.c-data-list__value{margin-right:1em}table.c-data-list--is-vert{table-layout:fixed;width:100%}.c-data-list--is-vert:not(table)>.c-data-list__value{margin-left:0}.c-data-list--is-vert:not(table).c-data-list--is-narrow>.c-data-list__value,table.c-data-list--is-vert.c-data-list--is-narrow td.c-data-list__value{padding-left:0}.c-data-list--is-vert:not(table).c-data-list--is-wide>.c-data-list__value,table.c-data-list--is-vert.c-data-list--is-wide td.c-data-list__value{padding-left:2.5em}table.c-data-list--is-vert th.c-data-list__key,td.c-data-list__value{border-left:0;border-right:0}table.c-data-list--is-horz td.c-data-list__value,table.c-data-list--is-horz th.c-data-list__key{border-bottom:0;border-top:0}table.c-data-list--is-horz tr:first-child th.c-data-list__key{border-left:0}table.c-data-list--is-horz th.c-data-list__key{border-right:0}.c-data-list--is-horz:not(table)>.c-data-list__key~.c-data-list__key:before{content:"|";display:inline-block}.c-data-list--is-horz:not(table){align-items:baseline}table.c-data-list--is-horz tr{align-items:baseline}table.c-data-list--is-vert td.c-data-list__value,table.c-data-list--is-vert th.c-data-list__key{vertical-align:baseline}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.c-footer{--line-height:1.5;--min-line-count:2;background-color:var(--global-color-primary--xx-dark);box-sizing:content-box;color:var(--global-color-primary--xx-light);display:flex;flex-direction:column;font-size:12px;justify-content:center;min-height:calc(var(--line-height)*var(--min-line-count)*1em);padding-bottom:20px;padding-top:20px;text-align:center}@media only screen and (max-width:640px){.c-footer{padding-left:5%;padding-right:5%}}@media only screen and (min-width:641px) and (max-width:767px){.c-footer{padding-left:7.5%;padding-right:7.5%}}@media only screen and (min-width:768px) and (max-width:991px){.c-footer{padding-left:10%;padding-right:10%}}@media only screen and (min-width:992px) and (max-width:1199px){.c-footer{padding-left:12.5%;padding-right:12.5%}}@media only screen and (min-width:1200px){.c-footer{padding-left:15%;padding-right:15%}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.c-button,.c-form__button,.c-form__buttons button[type=submit],.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.c-button--as-link,.c-form>.c-form__errors .c-button--as-link,.c-form>.c-form__errors a,.c-form__field .c-form__errors li .c-button--as-link,.c-form__field .c-form__errors li a,.c-message .c-button--as-link,.c-message a,.x-link,.x-link--irregular{color:var(--global-color-link-on-light--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.c-button--as-link:where(:not(:disabled,:where(a[disabled]))):hover,.c-form>.c-form__errors .c-button--as-link:hover,.c-form>.c-form__errors a:hover,.c-form__field .c-form__errors li .c-button--as-link:hover,.c-form__field .c-form__errors li a:hover,.c-message .c-button--as-link:hover,.c-message a:hover,.x-link--hover,.x-link--irregular--hover{color:var(--global-color-link-on-light--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.c-button--as-link:active,.c-form>.c-form__errors .c-button--as-link:active,.c-form>.c-form__errors a:active,.c-form__field .c-form__errors li .c-button--as-link:active,.c-form__field .c-form__errors li a:active,.c-message .c-button--as-link:active,.c-message a:active,.x-link--active,.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted}.c-form>.c-form__errors .c-button--as-link,.c-form>.c-form__errors a,.c-form__field .c-form__errors li .c-button--as-link,.c-form__field .c-form__errors li a,.c-message .c-button--as-link,.c-message a,.x-link--irregular{text-decoration-line:underline}.c-form>.c-form__errors .c-button--as-link:hover,.c-form>.c-form__errors a:hover,.c-form__field .c-form__errors li .c-button--as-link:hover,.c-form__field .c-form__errors li a:hover,.c-message .c-button--as-link:hover,.c-message a:hover,.x-link--irregular--hover{text-decoration-style:dashed}.c-form>.c-form__errors .c-button--as-link:active,.c-form>.c-form__errors a:active,.c-form__field .c-form__errors li .c-button--as-link:active,.c-form__field .c-form__errors li a:active,.c-message .c-button--as-link:active,.c-message a:active,.x-link--irregular--active{text-decoration-style:dotted}.c-button,.c-form__button,.c-form__buttons button[type=submit]{--min-width:75px;--mid-width:110px;--max-width:130px;border-style:solid;border-width:var(--global-border-width--normal);box-sizing:border-box;display:inline-block}.c-button:not(.c-button--as-link),.c-form__button:not(.c-button--as-link),.c-form__buttons button[type=submit]:not(.c-button--as-link){font-weight:var(--medium)}a.c-button{text-align:center;text-decoration:none}a.c-button--is-busy{cursor:default}.c-button:not(:disabled,:where(a[disabled])),.c-form__button:not(:disabled,:where(a[disabled])),.c-form__buttons button[type=submit]:not(:disabled,:where(a[disabled])){cursor:pointer}.c-button:disabled:not(.c-button--is-busy),.c-button:where(a[disabled]):not(.c-button--is-busy),.c-form__button:disabled:not(.c-button--is-busy),.c-form__button:where(a[disabled]):not(.c-button--is-busy),.c-form__buttons button[type=submit]:disabled:not(.c-button--is-busy),.c-form__buttons button[type=submit]:where(a[disabled]):not(.c-button--is-busy){border-color:var(--global-color-primary--dark);color:var(--global-color-primary--dark);pointer-events:none}.c-button:disabled:not(.c-button--is-busy,.c-button--as-link),.c-button:where(a[disabled]):not(.c-button--is-busy,.c-button--as-link),.c-form__button:disabled:not(.c-button--is-busy,.c-button--as-link),.c-form__button:where(a[disabled]):not(.c-button--is-busy,.c-button--as-link),.c-form__buttons button[type=submit]:disabled:not(.c-button--is-busy,.c-button--as-link),.c-form__buttons button[type=submit]:where(a[disabled]):not(.c-button--is-busy,.c-button--as-link){background-color:var(--global-color-primary--xx-light)}.c-button--is-active,.c-button--primary,.c-button--secondary,.c-button--tertiary,.c-form__button:where(:not([type=submit],[type=reset])),.c-form__button[type=reset],.c-form__button[type=submit],.c-form__buttons button[type=submit]{max-width:var(--max-width);min-width:var(--min-width);padding:6px 18px}.c-button--primary:hover,.c-form__button[type=submit]:hover,.c-form__buttons button[type=submit]:hover{background-color:var(--global-color-accent--dark);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-light)}.c-button--primary:active:not(.c-button--is-busy),.c-form__button[type=submit]:active:not(.c-button--is-busy),.c-form__buttons button[type=submit]:active:not(.c-button--is-busy){background-color:var(--global-color-accent--x-dark);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--primary:focus:not(:active,.c-button--is-busy),.c-form__button[type=submit]:focus:not(:active,.c-button--is-busy),.c-form__buttons button[type=submit]:focus:not(:active,.c-button--is-busy){background-color:var(--global-color-accent--normal);border-color:var(--global-color-primary--xx-light);color:var(--global-color-primary--xx-light);outline:var(--global-border-width--normal) solid var(--global-color-accent--light)}.c-button--primary.c-button--is-busy,.c-button--primary:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])),.c-form__button[type=submit].c-button--is-busy,.c-form__button[type=submit]:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])),.c-form__buttons button[type=submit].c-button--is-busy,.c-form__buttons button[type=submit]:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-accent--normal);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-light)}.c-button--secondary:hover,.c-form__button:where(:not([type=submit],[type=reset])):hover{background-color:var(--global-color-accent--weak);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-dark)}.c-button--secondary:active:not(.c-button--is-busy),.c-form__button:where(:not([type=submit],[type=reset])):active:not(.c-button--is-busy){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--secondary:focus:not(:active,.c-button--is-busy),.c-form__button:where(:not([type=submit],[type=reset])):focus:not(:active,.c-button--is-busy){background-color:var(--global-color-accent--weak);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.c-button--secondary.c-button--is-busy,.c-button--secondary:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])),.c-form__button:where(:not([type=submit],[type=reset])).c-button--is-busy,.c-form__button:where(:not([type=submit],[type=reset])):not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-primary--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button.c-button--secondary:disabled,.c-button.c-button--secondary:where(a[disabled]),/* for specificity to override */,/* for specificity to override */{background-color:var(--global-color-primary--x-light)}.c-button--tertiary:hover,.c-form__button[type=reset]:hover{background-color:var(--global-color-primary--light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}.c-button--tertiary:active:not(.c-button--is-busy),.c-form__button[type=reset]:active:not(.c-button--is-busy){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--tertiary:focus:not(:active,.c-button--is-busy),.c-form__button[type=reset]:focus:not(:active,.c-button--is-busy){background-color:var(--global-color-primary--light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.c-button--tertiary.c-button--is-busy,.c-button--tertiary:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])),.c-form__button[type=reset].c-button--is-busy,.c-form__button[type=reset]:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-primary--xx-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button--is-active:hover{background-color:var(--global-color-accent--alt);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}.c-button--is-active:active{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--dark);border-width:var(--global-border-width--normal);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--normal) solid var(--global-color-accent--dark)}.c-button--is-active:focus:not(:active){background-color:var(--global-color-accent--alt);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark);outline:var(--global-border-width--thick) solid var(--global-color-accent--light)}.c-button--is-active.c-button--is-busy,.c-button--is-active:not(.c-button:hover,.c-button:focus,.c-button:active,.c-button:disabled,.c-button:where(a[disabled])){background-color:var(--global-color-accent--x-light);border-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-dark)}.c-button--as-link{background:unset;border:unset;font-family:inherit;font-size:inherit;padding-inline:unset}.c-button--is-busy{opacity:.5}.c-button--is-busy .c-button__text{opacity:.3}.c-button:not(.c-button--width-short,.c-button--width-medium,.c-button--width-long,.c-button--size-small,.c-button--as-link),.c-form__button:not(.c-button--width-short,.c-button--width-medium,.c-button--width-long,.c-button--size-small,.c-button--as-link),.c-form__buttons button[type=submit]:not(.c-button--width-short,.c-button--width-medium,.c-button--width-long,.c-button--size-small,.c-button--as-link){--max-width:auto;width:auto}.c-button--width-short{width:var(--min-width)}.c-button--width-medium{width:var(--mid-width)}.c-button--width-long{width:var(--max-width)}.c-button--size-small{line-height:1;min-width:0;padding:4px 9px}.c-button>*,.c-form__button>*,.c-form__buttons button[type=submit]>*{vertical-align:middle}.c-button__icon--before{margin-right:.5em}.c-button__icon--after{margin-left:.5em}.c-form>.c-form__errors .c-button--as-link,.c-form>.c-form__errors a,.c-form__field .c-form__errors li .c-button--as-link,.c-form__field .c-form__errors li a,.c-message .c-button--as-link,.c-message a{color:inherit!important}.c-form>.c-form__errors,.c-form__field .c-form__errors li,.c-message--scope-inline,.c-message--scope-section{font-size:var(--global-font-size--small)}.c-form>.c-form__errors,.c-message--scope-section{border:var(--global-border--thick);padding:15px 20px}.c-message--type-info{color:var(--global-color-info--dark)}.c-message--type-success{color:var(--global-color-success--dark)}.c-message--type-warning{color:var(--global-color-warning--dark)}.c-form>.c-form__errors,.c-form__field .c-form__errors li,.c-message--type-error{color:var(--global-color-danger--dark)}.c-form>.c-form__errors.c-message--type-info,.c-message--scope-section.c-message--type-info{background-color:var(--global-color-info--x-light);border-color:var(--global-color-info--normal)}.c-form>.c-form__errors.c-message--type-success,.c-message--scope-section.c-message--type-success{background-color:var(--global-color-success--x-light);border-color:var(--global-color-success--normal)}.c-form>.c-form__errors.c-message--type-warning,.c-message--scope-section.c-message--type-warning{background-color:var(--global-color-warning--x-light);border-color:var(--global-color-warning--normal)}.c-form>.c-form__errors,.c-form>.c-form__errors.c-message--type-error,.c-message--scope-section.c-message--type-error{background-color:var(--global-color-danger--x-light);border-color:var(--global-color-danger--normal)}.c-form__desc{margin-block:25px}.c-form__help{font-size:var(--global-font-size--small);font-style:italic}:not(ul,label)+.c-form__help{margin-top:.3em}.c-form__help>:not(details,a,samp){font-style:normal}.c-form__field{margin-bottom:2rem}.c-form__field:not(.has-type-check){display:flex;flex-direction:column}.c-form__field:not(.has-type-check)>.c-form__errors{order:1}.c-form__field.has-type-check{align-items:center;-moz-column-gap:.5em;column-gap:.5em;display:inline-grid;grid-template-areas:"error _____" "input label" "notes notes";grid-template-columns:min-content auto}.c-form__field.has-type-check .c-form__errors{grid-area:error}.c-form__field.has-type-check input{grid-area:input}.c-form__field.has-type-check label{grid-area:label}.c-form__field.has-type-check .c-form__help{grid-area:notes}.c-form__field.has-type-check label{margin-bottom:0}.c-form__field>ul:where(:not(.c-form__errors)) label{align-items:center;display:flex;font-weight:revert;gap:.5em}.c-form__field>ul:where(:not(.c-form__errors)) li:last-child label{margin-bottom:0}.c-form__field .c-form__star{margin-left:.5em}.c-form__field.has-required .c-form__star{color:var(--global-color-danger--dark)}.c-form__field:not(.has-required) .c-form__star{color:var(--global-color-warning--dark)}.c-form__field .c-form__star{display:inline-block;line-height:0;visibility:hidden;width:0}.c-form__field .c-form__star:after{line-height:normal;visibility:visible}.c-form__field.has-required .c-form__star:after{content:"(required)"}.c-form__field:not(.has-required) .c-form__star:after{content:"(important)"}.c-form__field ul.c-form__errors{margin-bottom:0;margin-top:1rem}ul.c-form__errors{list-style:none;padding-inline:0}.c-form__field>ul:where(:not(.c-form__errors)){list-style:none;padding-left:0}.c-form__buttons{margin-top:35px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.c-image-map{--button-shape-size:50px;--toggle-shape-size:60px;--caption-width:100%}.c-image-map--has-caption-toggle-alignment{--caption-toggle-offset-horz:0px;--caption-toggle-offset-vert:calc(var(--toggle-shape-size)/2 + 1em)}.c-image-map{display:table}@media only screen and (max-width:991px){.c-image-map{margin:0 auto}}.c-image-map__image{display:block;max-width:495px;width:100%}.c-image-map__item{width:100%}.c-image-map__item-caption{width:var(--caption-width)}@media only screen and (min-width:992px){.c-image-map__item-close{display:none!important}}.c-image-map__item-toggle{height:var(--toggle-shape-size);margin-left:calc(var(--toggle-shape-size)*-1/2);margin-top:calc(var(--toggle-shape-size)*-1/2);width:var(--toggle-shape-size)}.c-image-map{position:relative}.c-image-map:not(.c-image-map--should-position-items) .c-image-map__item{position:relative}.c-image-map:not(.c-image-map--should-position-items) .c-image-map__items{left:0;position:absolute;right:0;top:0}.c-image-map__item-caption{position:relative}@media only screen and (max-width:991px){.c-image-map__item-toggle{cursor:pointer}}.c-image-map__item-toggle~.c-image-map__item-caption{visibility:hidden}.c-image-map:not(:focus-within) .c-image-map__item:target .c-image-map__item-caption,.c-image-map__item-toggle:focus~.c-image-map__item-caption,.c-image-map__item:focus-within .c-image-map__item-caption{visibility:visible}@media only screen and (min-width:992px){.c-image-map__item-caption{visibility:visible!important}}button.c-image-map__item-close:hover,button.c-image-map__item-toggle:hover{cursor:pointer}a.c-image-map__item-close:hover,a.c-image-map__item-toggle:hover{text-decoration:none}button.c-image-map__item-close,button.c-image-map__item-toggle{border:none}.c-image-map--has-item-counters .c-image-map__item:before,.c-image-map__item-close,.c-image-map__item-toggle{align-items:center;display:flex;justify-content:center}.c-image-map--should-position-items .c-image-map__item,.c-image-map--should-position-items .c-image-map__item-toggle{position:absolute}.c-image-map--has-toggle-counters{counter-reset:items}.c-image-map--has-toggle-counters .c-image-map__item{counter-increment:items}.c-image-map--has-toggle-counters .c-image-map__item-toggle:before{content:counter(items)}.c-image-map--has-item-counters{counter-reset:items}.c-image-map--has-item-counters .c-image-map__item{counter-increment:items}.c-image-map--has-item-counters .c-image-map__item:before{content:counter(items)}@media only screen and (max-width:991px){.c-image-map--has-item-counters .c-image-map__item:before{display:none}}.c-image-map--has-item-counters .c-image-map__item--unmapped:before{display:none}.c-image-map--has-caption-toggle-alignment .c-image-map__item{scroll-margin:var(--caption-toggle-offset-vert);scroll-snap-align:start}.c-image-map--has-caption-toggle-alignment .c-image-map__item-caption{left:var(--caption-toggle-offset-horz)}@media only screen and (max-width:991px){.c-image-map--has-caption-toggle-alignment .c-image-map__item--unmapped .c-image-map__item-toggle{left:50%!important}}@media only screen and (min-width:992px){.c-image-map--has-caption-toggle-alignment .c-image-map__item--unmapped .c-image-map__item-toggle{left:calc(var(--caption-toggle-offset-horz) + var(--caption-width))!important}}@media only screen and (max-width:991px){.c-image-map--has-caption-toggle-alignment .c-image-map__item-caption{margin-top:var(--caption-toggle-offset-vert);z-index:1}}@media only screen and (min-width:992px){.c-image-map--has-caption-toggle-alignment .c-image-map__item-toggle{z-index:1}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.c-image-map{--button-shape-size:50px;--toggle-shape-size:60px;--caption-width:100%}.c-image-map--has-caption-toggle-alignment{--caption-toggle-offset-horz:0px;--caption-toggle-offset-vert:calc(var(--toggle-shape-size)/2 + 1em)}.c-image-map{display:table}@media only screen and (max-width:991px){.c-image-map{margin:0 auto}}.c-image-map__image{display:block;max-width:495px;width:100%}.c-image-map__item{width:100%}.c-image-map__item-caption{width:var(--caption-width)}@media only screen and (min-width:992px){.c-image-map__item-close{display:none!important}}.c-image-map__item-toggle{height:var(--toggle-shape-size);margin-left:calc(var(--toggle-shape-size)*-1/2);margin-top:calc(var(--toggle-shape-size)*-1/2);width:var(--toggle-shape-size)}.c-image-map{position:relative}.c-image-map:not(.c-image-map--should-position-items) .c-image-map__item{position:relative}.c-image-map:not(.c-image-map--should-position-items) .c-image-map__items{left:0;position:absolute;right:0;top:0}.c-image-map__item-caption{position:relative}@media only screen and (max-width:991px){.c-image-map__item-toggle{cursor:pointer}}.c-image-map__item-toggle~.c-image-map__item-caption{visibility:hidden}.c-image-map:not(:focus-within) .c-image-map__item:target .c-image-map__item-caption,.c-image-map__item-toggle:focus~.c-image-map__item-caption,.c-image-map__item:focus-within .c-image-map__item-caption{visibility:visible}@media only screen and (min-width:992px){.c-image-map__item-caption{visibility:visible!important}}button.c-image-map__item-close:hover,button.c-image-map__item-toggle:hover{cursor:pointer}a.c-image-map__item-close:hover,a.c-image-map__item-toggle:hover{text-decoration:none}button.c-image-map__item-close,button.c-image-map__item-toggle{border:none}.c-image-map--has-item-counters .c-image-map__item:before,.c-image-map__item-close,.c-image-map__item-toggle{align-items:center;display:flex;justify-content:center}.c-image-map--should-position-items .c-image-map__item,.c-image-map--should-position-items .c-image-map__item-toggle{position:absolute}.c-image-map--has-toggle-counters{counter-reset:items}.c-image-map--has-toggle-counters .c-image-map__item{counter-increment:items}.c-image-map--has-toggle-counters .c-image-map__item-toggle:before{content:counter(items)}.c-image-map--has-item-counters{counter-reset:items}.c-image-map--has-item-counters .c-image-map__item{counter-increment:items}.c-image-map--has-item-counters .c-image-map__item:before{content:counter(items)}@media only screen and (max-width:991px){.c-image-map--has-item-counters .c-image-map__item:before{display:none}}.c-image-map--has-item-counters .c-image-map__item--unmapped:before{display:none}.c-image-map--has-caption-toggle-alignment .c-image-map__item{scroll-margin:var(--caption-toggle-offset-vert);scroll-snap-align:start}.c-image-map--has-caption-toggle-alignment .c-image-map__item-caption{left:var(--caption-toggle-offset-horz)}@media only screen and (max-width:991px){.c-image-map--has-caption-toggle-alignment .c-image-map__item--unmapped .c-image-map__item-toggle{left:50%!important}}@media only screen and (min-width:992px){.c-image-map--has-caption-toggle-alignment .c-image-map__item--unmapped .c-image-map__item-toggle{left:calc(var(--caption-toggle-offset-horz) + var(--caption-width))!important}}@media only screen and (max-width:991px){.c-image-map--has-caption-toggle-alignment .c-image-map__item-caption{margin-top:var(--caption-toggle-offset-vert);z-index:1}}@media only screen and (min-width:992px){.c-image-map--has-caption-toggle-alignment .c-image-map__item-toggle{z-index:1}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.c-message .c-button--as-link,.c-message a,.x-link,.x-link--irregular{color:var(--global-color-link-on-light--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.c-message .c-button--as-link:hover,.c-message a:hover,.x-link--hover,.x-link--irregular--hover{color:var(--global-color-link-on-light--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.c-message .c-button--as-link:active,.c-message a:active,.x-link--active,.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted}.c-message .c-button--as-link,.c-message a,.x-link--irregular{text-decoration-line:underline}.c-message .c-button--as-link:hover,.c-message a:hover,.x-link--irregular--hover{text-decoration-style:dashed}.c-message .c-button--as-link:active,.c-message a:active,.x-link--irregular--active{text-decoration-style:dotted}.c-message .c-button--as-link,.c-message a{color:inherit!important}.c-message--scope-inline,.c-message--scope-section{font-size:var(--global-font-size--small)}.c-message--scope-section{border:var(--global-border--thick);padding:15px 20px}.c-message--type-info{color:var(--global-color-info--dark)}.c-message--type-success{color:var(--global-color-success--dark)}.c-message--type-warning{color:var(--global-color-warning--dark)}.c-message--type-error{color:var(--global-color-danger--dark)}.c-message--scope-section.c-message--type-info{background-color:var(--global-color-info--x-light);border-color:var(--global-color-info--normal)}.c-message--scope-section.c-message--type-success{background-color:var(--global-color-success--x-light);border-color:var(--global-color-success--normal)}.c-message--scope-section.c-message--type-warning{background-color:var(--global-color-warning--x-light);border-color:var(--global-color-warning--normal)}.c-message--scope-section.c-message--type-error{background-color:var(--global-color-danger--x-light);border-color:var(--global-color-danger--normal)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */nav.c-nav{--link-padding:0.5em}nav.c-nav--boxed{--indent-small:calc(var(--global-space--list-indent)/4);--indent-medium:calc(var(--global-space--list-indent)/2);--indent-large:var(--global-space--list-indent);border:var(--global-border--normal);width:-moz-fit-content;width:fit-content}nav.c-nav--boxed :is(ul,ol){margin:0}nav.c-nav--boxed ul{list-style-type:none;padding-left:var(--indent-medium);padding-right:var(--indent-large)}@media (min-width:992px){nav.c-nav--boxed{padding-block:var(--indent-medium)}nav.c-nav--boxed ol{padding-left:var(--indent-large);padding-right:calc(var(--indent-large) - var(--link-padding))}}@media (max-width:991px){nav.c-nav--boxed{padding-block:var(--indent-small)}nav.c-nav--boxed ol{padding-left:calc(var(--indent-medium) - var(--link-padding));padding-right:calc(var(--indent-large) - var(--link-padding))}}nav.c-nav--boxed.c-nav--no-list{padding-left:var(--indent-medium);padding-right:var(--indent-large)}nav.c-nav{--space-between-inline-items:0.5em}nav.c-nav a{display:inline-block;padding-inline:var(--link-padding)}nav.c-nav--no-list{display:flex;flex-wrap:wrap}nav.c-nav--no-list>a{margin-right:var(--space-between-inline-items)}@media (max-width:991px){nav.c-nav a{line-height:2.5}nav.c-nav :is(ul,ol){display:flex;flex-wrap:wrap;list-style-position:inside}nav.c-nav :is(ul,ol):not(.c-nav--boxed :is(ul,ol)){padding-left:unset}nav.c-nav :is(ul,ol) li{margin-right:var(--space-between-inline-items)}nav.c-nav ul{list-style-type:none}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.c-page-list{--item-width:2em;--item-buffer:3px;--item-border:var(--global-border-width--normal)}.c-page-list{align-items:baseline;display:flex;flex-direction:row;font-size:14px;list-style:none}ul.c-page-list{list-style:none}.c-page-link--always-click{box-sizing:content-box;position:relative}.c-page-link--always-click:after,.c-page-link--always-click:before{--width:var(--item-buffer);--vert-offset:calc(var(--item-border)*-1);--horz-offset:calc(100% + var(--item-border));bottom:var(--vert-offset);content:"";position:absolute;top:var(--vert-offset);width:var(--width)}.c-page-link--always-click.c-button{overflow:visible}.c-page-link--always-click:before{right:var(--horz-offset)}.c-page-link--always-click:after{left:var(--horz-offset)}.c-page-item{margin-inline:var(--item-buffer)}.c-page-item:first-child{margin-left:0}.c-page-item:last-child{margin-right:0}.c-page-item--etcetera{cursor:default;margin-inline:2px;min-width:var(--item-width);text-align:center}.c-page-end{padding:4px 12px}.c-page-link{line-height:1.2;min-width:var(--item-width);padding:5px 0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.c-recognition{font-size:var(--global-font-size--small)}.c-recognition{overflow:auto;padding:0 2.14em}.c-recognition h3{margin-top:.7em}.c-recognition>p:last-child{margin-bottom:1.4em}.c-recognition--style-dark{background-color:var(--global-color-primary--xx-dark);color:var(--global-color-primary--xx-light)}.c-recognition--style-dark a{color:var(--global-color-link-on-dark--normal)}.c-recognition--style-dark h1,.c-recognition--style-dark h2,.c-recognition--style-dark h3,.c-recognition--style-dark h4,.c-recognition--style-dark h5,.c-recognition--style-dark h6{color:var(--global-color-accent--normal)}.c-recognition--style-light{background-color:var(--global-color-primary--xx-light);border-color:var(--global-color-primary--xx-dark);border-style:solid;border-width:var(--global-border-width--normal) 0;color:var(--global-color-primary--dark)}.c-recognition--style-light a{color:var(--global-color-link-on-light--normal)}.c-recognition--style-light h1,.c-recognition--style-light h2,.c-recognition--style-light h3,.c-recognition--style-light h4,.c-recognition--style-light h5,.c-recognition--style-light h6{color:var(--global-color-primary--xx-dark)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.c-see-all-link,.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.c-see-all-link{display:inline-block;font-size:1.2rem;font-weight:var(--bold);margin-bottom:-1em;max-width:100%;padding-bottom:1em;padding-right:1em;padding-top:1em}.c-see-all-link__icon{display:inline-block;font-size:1.167em;margin-right:.75em;vertical-align:text-bottom}.c-see-all-link__text{font-size:1em}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 0.
|
|
1
|
+
/*! @tacc/core-styles 1.0.0+ | MIT | github.com/TACC/Core-Styles */.c-show-more--many-lines .c-show-more__target,.x-truncate--many-lines{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}.c-show-more--many-lines .c-show-more__state:checked~.c-show-more__target,.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.c-show-more--one-line .c-show-more__target,.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.c-show-more--one-line .c-show-more__state:checked~.c-show-more__target,.x-untruncate--one-line{overflow:visible;white-space:normal}.c-show-more__off-text,.c-show-more__on-text,.c-show-more__state{display:none}.c-show-more__state:checked~.c-show-more__toggle .c-show-more__off-text,.c-show-more__state:not(:checked)~.c-show-more__toggle .c-show-more__on-text{display:block}.c-show-more__toggle{cursor:pointer}
|