@tacc/core-styles 2.32.0 → 2.33.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/dist/branding_logos.css +1 -1
- package/dist/components/README.css +1 -1
- package/dist/components/admonition/demo.css +1 -1
- package/dist/components/admonition.css +1 -1
- package/dist/components/align/demo.css +1 -1
- package/dist/components/align.css +1 -1
- package/dist/components/bootstrap/bootstrap--form.demo.css +1 -1
- package/dist/components/bootstrap/bootstrap--modal.demo.css +1 -1
- package/dist/components/bootstrap/demo.css +1 -1
- package/dist/components/bootstrap.col.css +1 -1
- 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--cms.css +1 -1
- package/dist/components/bootstrap.modal--portal.css +1 -1
- package/dist/components/bootstrap.modal.css +1 -1
- package/dist/components/bootstrap.nav-tabs.css +1 -1
- package/dist/components/bootstrap.pagination.css +1 -1
- package/dist/components/bootstrap.row.css +1 -1
- package/dist/components/bootstrap3.breadcrumb.css +1 -1
- package/dist/components/bootstrap3.css +1 -1
- package/dist/components/bootstrap5.border-spinner.css +1 -1
- package/dist/components/c-app-card/demo.css +1 -1
- package/dist/components/c-app-card.css +1 -1
- package/dist/components/c-button/demo.css +1 -1
- package/dist/components/c-button--cms.css +1 -1
- package/dist/components/c-button.css +1 -1
- package/dist/components/c-button.selectors.css +1 -1
- package/dist/components/c-callout.css +1 -1
- package/dist/components/c-card/c-card--frontera.demo.css +1 -1
- package/dist/components/c-card/c-card.demo.css +1 -1
- package/dist/components/c-card/c-card.demo.images.css +1 -1
- package/dist/components/c-card--docs.css +1 -1
- package/dist/components/c-card--from-tup-cms.css +1 -1
- package/dist/components/c-card--frontera-about-page.css +1 -1
- package/dist/components/c-card.css +1 -1
- package/dist/components/c-card.selectors.css +1 -1
- package/dist/components/c-content-block.css +1 -1
- package/dist/components/c-data-list.css +1 -1
- package/dist/components/c-form--cms.css +1 -1
- package/dist/components/c-form--login.css +1 -1
- package/dist/components/c-form--portal.css +1 -1
- package/dist/components/c-form.css +1 -1
- package/dist/components/c-form.selectors.css +1 -1
- 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-island/demo.css +1 -1
- package/dist/components/c-island.css +1 -1
- package/dist/components/c-message/demo.css +1 -1
- package/dist/components/c-message--compact.css +1 -1
- package/dist/components/c-message--expanded.css +1 -1
- package/dist/components/c-message.css +1 -1
- package/dist/components/c-message.selectors.css +1 -1
- package/dist/components/c-nav/demo.css +1 -1
- package/dist/components/c-nav.css +1 -1
- package/dist/components/c-page.css +1 -1
- package/dist/components/c-pill/demo.css +1 -1
- package/dist/components/c-pill.css +1 -1
- package/dist/components/c-pill.selectors.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/c-tag/demo.css +1 -1
- package/dist/components/c-tag.css +1 -1
- package/dist/components/c-tag.selectors.css +1 -1
- package/dist/components/c-update.css +1 -1
- package/dist/components/cortal.icon.css +1 -1
- package/dist/components/cortal.icon.font.css +1 -1
- package/dist/components/demo.css +1 -1
- package/dist/components/django-cms-forms.css +1 -1
- package/dist/components/django-cms-forms.hacks.css +1 -1
- package/dist/components/django-cms-forms.selectors.css +1 -1
- package/dist/components/mui.tabs.css +1 -1
- package/dist/components/pymdownx--tabbed.css +1 -1
- package/dist/components/pymdownx.css +1 -1
- package/dist/components/tacc-docs.css +1 -1
- package/dist/core-styles.base.css +2 -2
- package/dist/core-styles.cms.css +2 -2
- package/dist/core-styles.demo.css +2 -2
- package/dist/core-styles.docs.css +2 -2
- package/dist/core-styles.header.css +1 -1
- package/dist/core-styles.portal.css +2 -2
- package/dist/core-styles.settings.css +2 -2
- package/dist/core-styles.theme.default.css +1 -1
- package/dist/core-styles.theme.has-dark-logo.css +1 -1
- package/dist/core-styles.wysiwyg.css +2 -2
- package/dist/elements/README.css +1 -1
- package/dist/elements/bootstrap.css +1 -1
- package/dist/elements/demo.css +1 -1
- package/dist/elements/form.css +1 -1
- package/dist/elements/headings/demo.css +1 -1
- package/dist/elements/headings--cms.css +1 -1
- package/dist/elements/headings--docs.css +1 -1
- package/dist/elements/html-elements/demo.css +1 -1
- package/dist/elements/html-elements.cms.css +1 -1
- package/dist/elements/html-elements.css +1 -1
- package/dist/elements/html-elements.docs.css +1 -1
- package/dist/elements/irregular-link.css +1 -1
- package/dist/elements/links.css +1 -1
- package/dist/elements/mailto-link.css +1 -1
- package/dist/elements/monospace.css +1 -1
- package/dist/elements/root--cms.css +1 -1
- package/dist/elements/root--demo.css +1 -1
- package/dist/elements/root--docs.css +1 -1
- package/dist/elements/root--portal.css +1 -1
- package/dist/elements/root.css +1 -1
- package/dist/elements/sticky-footer/demo.css +1 -1
- package/dist/elements/sticky-footer.css +1 -1
- package/dist/elements/table--basic.css +1 -1
- package/dist/elements/table--nested.css +1 -1
- package/dist/elements/table.cms.css +1 -1
- package/dist/elements/table.css +1 -1
- package/dist/elements/table.docs.css +1 -1
- package/dist/elements/table.portal.css +1 -1
- package/dist/elements/table.selectors.css +1 -1
- package/dist/elements/tacc-search-bar.css +1 -1
- package/dist/fractal.server.refresh.css +1 -1
- package/dist/generics/README.css +1 -1
- package/dist/generics/attributes/demo.css +1 -1
- package/dist/generics/attributes.css +1 -1
- package/dist/generics/fonts.css +1 -1
- package/dist/generics/pseudo-elements.css +1 -1
- package/dist/objects/README.css +1 -1
- package/dist/objects/o-fixed-header-table/demo.css +1 -1
- package/dist/objects/o-fixed-header-table.css +1 -1
- package/dist/objects/o-flex-item-table-wrap/demo.css +1 -1
- 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-heading-steps.css +1 -1
- package/dist/objects/o-offset-content.css +1 -1
- package/dist/objects/o-section/demo.css +1 -1
- package/dist/objects/o-section--docs.css +1 -1
- package/dist/objects/o-section.css +1 -1
- package/dist/objects/o-section.selectors.css +1 -1
- package/dist/objects/o-site.css +1 -1
- package/dist/objects/o-table-wrap/demo.basic.css +1 -1
- package/dist/objects/o-table-wrap/demo.extra.css +1 -1
- package/dist/objects/o-table-wrap/example.flexible-horz.css +1 -1
- package/dist/objects/o-table-wrap/example.overflow-hidden.css +1 -1
- package/dist/objects/o-table-wrap/example.overflow-scroll.css +1 -1
- package/dist/objects/o-table-wrap/o-table-wrap--flexible-horz.css +1 -1
- package/dist/objects/o-table-wrap/o-table-wrap--flexible-vert.css +1 -1
- package/dist/objects/o-table-wrap/o-table-wrap--overflow-hidden.css +1 -1
- package/dist/objects/o-table-wrap/o-table-wrap--overflow-scroll-extra.css +1 -1
- package/dist/objects/o-table-wrap/o-table-wrap--overflow-scroll.css +1 -1
- package/dist/objects/o-table-wrap.css +1 -1
- package/dist/settings/README.css +1 -1
- package/dist/settings/border.css +1 -1
- package/dist/settings/color/demo.css +1 -1
- package/dist/settings/color--cms.css +1 -1
- package/dist/settings/color--demo.css +1 -1
- package/dist/settings/color--docs.css +1 -1
- package/dist/settings/color--portal.css +1 -1
- package/dist/settings/color.accent.css +1 -1
- package/dist/settings/color.accent.v3.css +1 -1
- package/dist/settings/color.css +1 -1
- package/dist/settings/color.v3.css +1 -1
- package/dist/settings/demo.css +1 -1
- package/dist/settings/font/demo-family.css +1 -1
- package/dist/settings/font/demo-size.css +1 -1
- package/dist/settings/font/demo-style.css +1 -1
- package/dist/settings/font/demo-weight.css +1 -1
- package/dist/settings/font--cms.css +1 -1
- package/dist/settings/font--docs.css +1 -1
- package/dist/settings/font--portal.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/selectors.common.css +1 -1
- package/dist/tools/selectors.css +1 -1
- package/dist/tools/selectors.form.css +1 -1
- package/dist/tools/selectors.monospace.css +1 -1
- package/dist/tools/x-article-link.css +1 -1
- package/dist/tools/x-blockquote.css +1 -1
- package/dist/tools/x-breadcrumbs.css +1 -1
- package/dist/tools/x-center.css +1 -1
- package/dist/tools/x-drop-cap.css +1 -1
- package/dist/tools/x-drop-cap.demo.css +1 -1
- package/dist/tools/x-fake-border.css +1 -1
- package/dist/tools/x-figure.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 -1
- package/dist/tools/x-link.css +1 -1
- package/dist/tools/x-mailto-text-replace.css +1 -1
- package/dist/tools/x-message/demo.css +1 -1
- package/dist/tools/x-message.css +1 -1
- package/dist/tools/x-message.demo.css +1 -1
- package/dist/tools/x-overlay.css +1 -1
- package/dist/tools/x-tabs/demo.css +1 -1
- package/dist/tools/x-tabs.css +1 -1
- package/dist/tools/x-tabs.skin.css +1 -1
- package/dist/tools/x-tabs.structure.css +1 -1
- package/dist/tools/x-truncate.css +1 -1
- package/dist/trumps/README.css +1 -1
- package/dist/trumps/demo.css +1 -1
- package/dist/trumps/s-affixed-input-wrapper/demo.css +1 -1
- 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-drop-cap.css +1 -1
- package/dist/trumps/s-footer--thick.css +1 -1
- package/dist/trumps/s-footer--thin.css +1 -1
- package/dist/trumps/s-footer.css +1 -1
- package/dist/trumps/s-footer.properties.css +1 -1
- package/dist/trumps/s-form--cms.css +1 -1
- package/dist/trumps/s-form--login.css +1 -1
- package/dist/trumps/s-form--portal.css +1 -1
- package/dist/trumps/s-form-page/demo.css +1 -1
- package/dist/trumps/s-form-page/example.css +1 -1
- package/dist/trumps/s-form-page.css +1 -1
- package/dist/trumps/s-form.css +1 -1
- package/dist/trumps/s-form.selectors.css +1 -1
- package/dist/trumps/s-guide-doc.css +1 -1
- package/dist/trumps/s-header/s-header.demo.css +1 -1
- package/dist/trumps/s-header.bootstrap.css +1 -1
- package/dist/trumps/s-header.css +1 -1
- package/dist/trumps/s-hero-banner/s-hero-banner.demo.css +1 -1
- package/dist/trumps/s-hero-banner.css +1 -1
- package/dist/trumps/s-image-grid.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-paragraph-table.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/s-truncated-table.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-highlight/u-highlight.demo.css +1 -1
- package/dist/trumps/u-highlight.css +1 -1
- package/dist/trumps/u-mailto-text-replace.css +1 -1
- package/dist/trumps/u-nested-text-content.css +1 -1
- package/dist/vendors/bootstrap5/demo.css +1 -1
- package/dist/vendors/bootstrap5--border-spinner.css +1 -1
- package/package.json +8 -3
- package/src/lib/_imports/settings/color--cms.css +2 -1
- package/src/lib/_imports/settings/color--docs.css +2 -0
- package/src/lib/_imports/settings/color--portal.css +5 -2
- package/src/lib/_imports/settings/color.css +2 -2
- package/src/lib/_imports/settings/color.v3.css +1 -2
- package/src/lib/_imports/tools/selectors.common.css +1 -1
- package/src/lib/_imports/trumps/s-footer/config.yml +8 -0
- package/src/lib/_imports/trumps/s-footer/s-footer.hbs +35 -11
- package/src/lib/_imports/trumps/s-footer.css +18 -3
- package/src/lib/tokens/v2.json +1 -1
- package/src/lib/tokens.json +8 -0
package/dist/trumps/s-form.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.32.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}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.x-link{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--disabled{opacity:.5;pointer-events:none}.x-link--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.x-link--active{text-decoration-line:underline;text-decoration-style:dotted}.x-link--irregular{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-line:underline;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--irregular--disabled{opacity:.5;pointer-events:none}.x-link--irregular--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-style:dashed;text-decoration-thickness:var(--global-border-width--normal)}.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-style:dotted}:is(.c-button,[class*=button--]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))){--min-width:75px;--mid-width:110px;--max-width:130px;align-items:baseline;border-style:solid;border-width:var(--global-border-width--normal);box-sizing:border-box;display:inline-flex;justify-content:center}:is(.c-button,[class*=button--]):where(:not(:is(:disabled,:where(a[disabled])))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):where(:not(:is(:disabled,:where(a[disabled])))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):where(:not(:is(:disabled,:where(a[disabled])))){cursor:pointer}a:is(.c-button,[class*=button--]){text-align:center;text-decoration:none}a:is([class*=button--is-busy],[data-state=busy]){cursor:default}:is(.c-button,[class*=button--]):is(:disabled,:where(a[disabled])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):is(:disabled,:where(a[disabled])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):is(:disabled,:where(a[disabled])){-webkit-user-select:none;-moz-user-select:none;user-select:none}:is(.c-button,[class*=button--]):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy])){border-color:var(--global-color-primary--dark);color:var(--global-color-primary--dark)}:is(.c-button,[class*=button--]):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy]),:is([class*=button--as-link])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy]),:is([class*=button--as-link])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy]),:is([class*=button--as-link])){background-color:var(--global-color-primary--xx-light)}:is(.c-button--primary,.button--1),:is(.c-button--secondary,.button--2),:is(.c-button--tertiary,.button--3),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button],:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset],:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button],:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset],:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit],:is([class*=button--is-active]){max-width:var(--max-width);min-width:var(--min-width);padding:6px 18px}:is(.c-button--primary,.button--1):hover,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):hover,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-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)}:is(.c-button--primary,.button--1):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:active:not(:is([class*=button--is-busy],[data-state=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)}:is(.c-button--primary,.button--1):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:focus:not(:active,:is([class*=button--is-busy],[data-state=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)}:is(.c-button--primary,.button--1):is([class*=button--is-busy],[data-state=busy]),:is(.c-button--primary,.button--1):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))){background-color:var(--global-color-accent--normal);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-light)}:is(.c-button--secondary,.button--2):hover,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:hover,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):hover,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:hover{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-dark)}:is(.c-button--secondary,.button--2):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:active:not(:is([class*=button--is-busy],[data-state=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)}:is(.c-button--secondary,.button--2):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:focus:not(:active,:is([class*=button--is-busy],[data-state=busy])){background-color:var(--global-color-accent--x-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)}:is(.c-button--secondary,.button--2):is([class*=button--is-busy],[data-state=busy]),:is(.c-button--secondary,.button--2):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:not(:hover,:focus,:active,:is(:disabled,: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)}:is(.c-button,[class*=button--]):is(.c-button--secondary,.button--2):is(:disabled,:where(a[disabled])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):is(.c-button--secondary,.button--2):is(:disabled,:where(a[disabled])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):is(.c-button--secondary,.button--2):is(:disabled,:where(a[disabled])){background-color:var(--global-color-primary--x-light)}:is(.c-button--tertiary,.button--3):hover,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:hover,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.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)}:is(.c-button--tertiary,.button--3):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:active:not(:is([class*=button--is-busy],[data-state=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)}:is(.c-button--tertiary,.button--3):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:focus:not(:active,:is([class*=button--is-busy],[data-state=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)}:is(.c-button--tertiary,.button--3):is([class*=button--is-busy],[data-state=busy]),:is(.c-button--tertiary,.button--3):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:not(:hover,:focus,:active,:is(:disabled,: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)}:is(.c-button--can-truncate,.button--truncate){overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}:is([class*=button--is-active]):hover{background-color:var(--global-color-accent--xx-light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}:is([class*=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)}:is([class*=button--is-active]):focus:not(:active){background-color:var(--global-color-accent--xx-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)}:is([class*=button--is-active]):is([class*=button--is-busy],[data-state=busy]),:is([class*=button--is-active]):not(:hover,:focus,:active,:is(:disabled,: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)}:is([class*=button--as-link]){background:unset;border:unset;color:var(--global-color-accent--normal);font-family:inherit;font-size:inherit;font-weight:inherit;padding-inline:unset;text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}:is([class*=button--as-link]):where(:not(:is(:disabled,:where(a[disabled])))):hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}:is([class*=button--as-link]):where(:not(:is(:disabled,:where(a[disabled])))):active{text-decoration-line:underline;text-decoration-style:dotted}:is([class*=button--is-busy],[data-state=busy]){opacity:.5;pointer-events:none}:is([class*=button--is-busy],[data-state=busy]) :is([class*=button__text]){opacity:.5}:is(.c-button,[class*=button--]):where(:not(:is([class*=button--width-short]),:is([class*=button--width-medium]),:is([class*=button--width-long]),:is([class*=button--size-small]),:is([class*=button--as-link]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):where(:not(:is([class*=button--width-short]),:is([class*=button--width-medium]),:is([class*=button--width-long]),:is([class*=button--size-small]),:is([class*=button--as-link]))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):where(:not(:is([class*=button--width-short]),:is([class*=button--width-medium]),:is([class*=button--width-long]),:is([class*=button--size-small]),:is([class*=button--as-link]))){--max-width:auto;width:auto}:is([class*=button--width-short]){width:var(--min-width)}:is([class*=button--width-medium]){width:var(--mid-width)}:is([class*=button--width-long]){width:var(--max-width)}:is([class*=button--size-small]){line-height:1;min-width:0;padding:4px 9px}:is(.c-button,[class*=button--])>*,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))>*,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))>*{vertical-align:middle}:is([class*=button__icon--before]){margin-right:.5em}:is([class*=button__icon--after]){margin-left:.5em}:is(.c-button,[class*=button--]) .spinner-border,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)) .spinner-border,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))) .spinner-border{align-self:center;margin-left:.5ch}:is(:is(.c-form__desc),:is(:is(.s-form>:is(h1,h2,h3,h4,h5,h6)+p)),:is(.description)){margin-block:25px}:is(:is(.c-form__help),:is(:where(.s-form>div>small),:where(.s-form>fieldset>div>small)),:is(.help-text)){display:block;font-size:var(--global-font-size--small);font-style:italic;margin-top:.3em}:is(:is(.c-form__help),:is(:where(.s-form>div>small),:where(.s-form>fieldset>div>small)),:is(.help-text))>:where(:not(details,a,samp)){font-style:initial}:is(:is(.c-form__field),:is(:where(.s-form>div),:where(.s-form>fieldset>div)),:is(.field-wrapper)){display:flex;flex-direction:column}:is(:is(.c-form__field),:is(:where(.s-form>div),:where(.s-form>fieldset>div)),:is(.field-wrapper)):not(:last-child){margin-bottom:2rem}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)){align-items:center;-moz-column-gap:.5em;column-gap:.5em;display:inline-grid;grid-template-areas:"input label" "error error" "notes notes";grid-template-columns:min-content auto}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) :is(:is(:where(.c-form__errors)),:is(:where(:is(:is(.s-form>ul)),:is(:is(.s-form>div>ul),:is(.s-form>fieldset>div>ul)))),:is(:where(.form-errors,.field-errors))){grid-area:error}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) input{grid-area:input}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) label{grid-area:label}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) :is(:is(.c-form__help),:is(:where(.s-form>div>small),:where(.s-form>fieldset>div>small)),:is(.help-text)){grid-area:notes}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) label{margin-bottom:0}:is(:is(.c-form__field>menu),:is(:where(.s-form>div>menu),:where(.s-form>fieldset>div>menu)),:is(:is(.radioselect,.checkboxselectmultiple))) label{align-items:center;display:flex;font-weight:revert;gap:.5em}:is(:is(.c-form__field>menu),:is(:where(.s-form>div>menu),:where(.s-form>fieldset>div>menu)),:is(:is(.radioselect,.checkboxselectmultiple))) li:last-child label{margin-bottom:0}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)){margin-left:.5em}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):where(:is(:is(:is(.c-form__field).has-required),:is(:where(.s-form>div).has-required,:where(.s-form>fieldset>div).has-required),:is(:is(.field-wrapper).required)) *){color:var(--global-color-danger--dark)}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):where(:not(:is(:is(:is(.c-form__field).has-required),:is(:where(.s-form>div).has-required,:where(.s-form>fieldset>div).has-required),:is(:is(.field-wrapper).required)) *)){color:var(--global-color-warning--dark)}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)){display:inline-block;font-size:.25em;line-height:0;visibility:hidden}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):after{font-size:var(--global-font-size--small);line-height:initial;visibility:visible}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):where(:is(:is(:is(.c-form__field).has-required),:is(:where(.s-form>div).has-required,:where(.s-form>fieldset>div).has-required),:is(:is(.field-wrapper).required)) *):after{content:"(required)"}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):where(:not(:is(:is(:is(.c-form__field).has-required),:is(:where(.s-form>div).has-required,:where(.s-form>fieldset>div).has-required),:is(:is(.field-wrapper).required)) *)):after{content:"(important)"}ul:is(:is(:is(:where(.c-form__errors))),:is(:is(:where(:is(:is(.s-form>ul)),:is(:is(.s-form>div>ul),:is(.s-form>fieldset>div>ul))))),:is(.errorlist)){list-style:none;padding-left:0}ul:is(:is(:is(.c-form__field .c-form__errors)),:is(:is(.s-form>div>ul),:is(.s-form>fieldset>div>ul)),:is(:is(.field-errors .errorlist))){margin-bottom:0;margin-top:1rem}:is(:is(.c-form__field>menu),:is(:where(.s-form>div>menu),:where(.s-form>fieldset>div>menu)),:is(:is(.radioselect,.checkboxselectmultiple))){list-style:none;padding-left:0}:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)){margin-top:35px}
|
|
1
|
+
/*! @tacc/core-styles 2.33.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}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.x-link{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--disabled{opacity:.5;pointer-events:none}.x-link--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.x-link--active{text-decoration-line:underline;text-decoration-style:dotted}.x-link--irregular{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-line:underline;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--irregular--disabled{opacity:.5;pointer-events:none}.x-link--irregular--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-style:dashed;text-decoration-thickness:var(--global-border-width--normal)}.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-style:dotted}:is(.c-button,[class*=button--]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))){--min-width:75px;--mid-width:110px;--max-width:130px;align-items:baseline;border-style:solid;border-width:var(--global-border-width--normal);box-sizing:border-box;display:inline-flex;justify-content:center}:is(.c-button,[class*=button--]):where(:not(:is(:disabled,:where(a[disabled])))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):where(:not(:is(:disabled,:where(a[disabled])))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):where(:not(:is(:disabled,:where(a[disabled])))){cursor:pointer}a:is(.c-button,[class*=button--]){text-align:center;text-decoration:none}a:is([class*=button--is-busy],[data-state=busy]){cursor:default}:is(.c-button,[class*=button--]):is(:disabled,:where(a[disabled])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):is(:disabled,:where(a[disabled])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):is(:disabled,:where(a[disabled])){-webkit-user-select:none;-moz-user-select:none;user-select:none}:is(.c-button,[class*=button--]):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy])){border-color:var(--global-color-primary--dark);color:var(--global-color-primary--dark)}:is(.c-button,[class*=button--]):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy]),:is([class*=button--as-link])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy]),:is([class*=button--as-link])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):is(:disabled,:where(a[disabled])):not(:is([class*=button--is-busy],[data-state=busy]),:is([class*=button--as-link])){background-color:var(--global-color-primary--xx-light)}:is(.c-button--primary,.button--1),:is(.c-button--secondary,.button--2),:is(.c-button--tertiary,.button--3),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button],:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset],:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button],:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset],:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit],:is([class*=button--is-active]){max-width:var(--max-width);min-width:var(--min-width);padding:6px 18px}:is(.c-button--primary,.button--1):hover,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):hover,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-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)}:is(.c-button--primary,.button--1):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:active:not(:is([class*=button--is-busy],[data-state=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)}:is(.c-button--primary,.button--1):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:focus:not(:active,:is([class*=button--is-busy],[data-state=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)}:is(.c-button--primary,.button--1):is([class*=button--is-busy],[data-state=busy]),:is(.c-button--primary,.button--1):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:where(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=submit]:not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))){background-color:var(--global-color-accent--normal);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-light)}:is(.c-button--secondary,.button--2):hover,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:hover,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):hover,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:hover{background-color:var(--global-color-accent--x-light);border-color:var(--global-color-accent--normal);color:var(--global-color-primary--xx-dark)}:is(.c-button--secondary,.button--2):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:active:not(:is([class*=button--is-busy],[data-state=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)}:is(.c-button--secondary,.button--2):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:focus:not(:active,:is([class*=button--is-busy],[data-state=busy])){background-color:var(--global-color-accent--x-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)}:is(.c-button--secondary,.button--2):is([class*=button--is-busy],[data-state=busy]),:is(.c-button--secondary,.button--2):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=button]:not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=submit]:not(:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper))>*):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=button]:not(:hover,:focus,:active,:is(:disabled,: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)}:is(.c-button,[class*=button--]):is(.c-button--secondary,.button--2):is(:disabled,:where(a[disabled])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):is(.c-button--secondary,.button--2):is(:disabled,:where(a[disabled])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):is(.c-button--secondary,.button--2):is(:disabled,:where(a[disabled])){background-color:var(--global-color-primary--x-light)}:is(.c-button--tertiary,.button--3):hover,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:hover,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.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)}:is(.c-button--tertiary,.button--3):active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:active:not(:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:active:not(:is([class*=button--is-busy],[data-state=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)}:is(.c-button--tertiary,.button--3):focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:focus:not(:active,:is([class*=button--is-busy],[data-state=busy])),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:focus:not(:active,:is([class*=button--is-busy],[data-state=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)}:is(.c-button--tertiary,.button--3):is([class*=button--is-busy],[data-state=busy]),:is(.c-button--tertiary,.button--3):not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))[type=reset]:not(:hover,:focus,:active,:is(:disabled,:where(a[disabled]))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:is([class*=button--is-busy],[data-state=busy]),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))[type=reset]:not(:hover,:focus,:active,:is(:disabled,: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)}:is(.c-button--can-truncate,.button--truncate){overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}:is([class*=button--is-active]):hover{background-color:var(--global-color-accent--xx-light);border-color:var(--global-color-accent--dark);color:var(--global-color-primary--xx-dark)}:is([class*=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)}:is([class*=button--is-active]):focus:not(:active){background-color:var(--global-color-accent--xx-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)}:is([class*=button--is-active]):is([class*=button--is-busy],[data-state=busy]),:is([class*=button--is-active]):not(:hover,:focus,:active,:is(:disabled,: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)}:is([class*=button--as-link]){background:unset;border:unset;color:var(--global-color-accent--normal);font-family:inherit;font-size:inherit;font-weight:inherit;padding-inline:unset;text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}:is([class*=button--as-link]):where(:not(:is(:disabled,:where(a[disabled])))):hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}:is([class*=button--as-link]):where(:not(:is(:disabled,:where(a[disabled])))):active{text-decoration-line:underline;text-decoration-style:dotted}:is([class*=button--is-busy],[data-state=busy]){opacity:.5;pointer-events:none}:is([class*=button--is-busy],[data-state=busy]) :is([class*=button__text]){opacity:.5}:is(.c-button,[class*=button--]):where(:not(:is([class*=button--width-short]),:is([class*=button--width-medium]),:is([class*=button--width-long]),:is([class*=button--size-small]),:is([class*=button--as-link]))),:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)):where(:not(:is([class*=button--width-short]),:is([class*=button--width-medium]),:is([class*=button--width-long]),:is([class*=button--size-small]),:is([class*=button--as-link]))),:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))):where(:not(:is([class*=button--width-short]),:is([class*=button--width-medium]),:is([class*=button--width-long]),:is([class*=button--size-small]),:is([class*=button--as-link]))){--max-width:auto;width:auto}:is([class*=button--width-short]){width:var(--min-width)}:is([class*=button--width-medium]){width:var(--mid-width)}:is([class*=button--width-long]){width:var(--max-width)}:is([class*=button--size-small]){line-height:1;min-width:0;padding:4px 9px}:is(.c-button,[class*=button--])>*,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))>*,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)))>*{vertical-align:middle}:is([class*=button__icon--before]){margin-right:.5em}:is([class*=button__icon--after]){margin-left:.5em}:is(.c-button,[class*=button--]) .spinner-border,:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button)) .spinner-border,:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)) button:not(:is(:is(.c-form__button),:is(:where(.s-form button)),:is(.form-button))) .spinner-border{align-self:center;margin-left:.5ch}:is(:is(.c-form__desc),:is(:is(.s-form>:is(h1,h2,h3,h4,h5,h6)+p)),:is(.description)){margin-block:25px}:is(:is(.c-form__help),:is(:where(.s-form>div>small),:where(.s-form>fieldset>div>small)),:is(.help-text)){display:block;font-size:var(--global-font-size--small);font-style:italic;margin-top:.3em}:is(:is(.c-form__help),:is(:where(.s-form>div>small),:where(.s-form>fieldset>div>small)),:is(.help-text))>:where(:not(details,a,samp)){font-style:initial}:is(:is(.c-form__field),:is(:where(.s-form>div),:where(.s-form>fieldset>div)),:is(.field-wrapper)){display:flex;flex-direction:column}:is(:is(.c-form__field),:is(:where(.s-form>div),:where(.s-form>fieldset>div)),:is(.field-wrapper)):not(:last-child){margin-bottom:2rem}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)){align-items:center;-moz-column-gap:.5em;column-gap:.5em;display:inline-grid;grid-template-areas:"input label" "error error" "notes notes";grid-template-columns:min-content auto}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) :is(:is(:where(.c-form__errors)),:is(:where(:is(:is(.s-form>ul)),:is(:is(.s-form>div>ul),:is(.s-form>fieldset>div>ul)))),:is(:where(.form-errors,.field-errors))){grid-area:error}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) input{grid-area:input}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) label{grid-area:label}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) :is(:is(.c-form__help),:is(:where(.s-form>div>small),:where(.s-form>fieldset>div>small)),:is(.help-text)){grid-area:notes}:is(:is(:is(.c-form__field).has-type-check),:is(:is(:where(.s-form>div),:where(.s-form>fieldset>div)).has-type-check),:is(:is(.field-wrapper).checkboxinput)) label{margin-bottom:0}:is(:is(.c-form__field>menu),:is(:where(.s-form>div>menu),:where(.s-form>fieldset>div>menu)),:is(:is(.radioselect,.checkboxselectmultiple))) label{align-items:center;display:flex;font-weight:revert;gap:.5em}:is(:is(.c-form__field>menu),:is(:where(.s-form>div>menu),:where(.s-form>fieldset>div>menu)),:is(:is(.radioselect,.checkboxselectmultiple))) li:last-child label{margin-bottom:0}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)){margin-left:.5em}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):where(:is(:is(:is(.c-form__field).has-required),:is(:where(.s-form>div).has-required,:where(.s-form>fieldset>div).has-required),:is(:is(.field-wrapper).required)) *){color:var(--global-color-danger--dark)}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):where(:not(:is(:is(:is(.c-form__field).has-required),:is(:where(.s-form>div).has-required,:where(.s-form>fieldset>div).has-required),:is(:is(.field-wrapper).required)) *)){color:var(--global-color-warning--dark)}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)){display:inline-block;font-size:.25em;line-height:0;visibility:hidden}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):after{font-size:var(--global-font-size--small);line-height:initial;visibility:visible}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):where(:is(:is(:is(.c-form__field).has-required),:is(:where(.s-form>div).has-required,:where(.s-form>fieldset>div).has-required),:is(:is(.field-wrapper).required)) *):after{content:"(required)"}:is(:is(.c-form__star),:is(:where(.s-form label>span)),:is(.asterisk)):where(:not(:is(:is(:is(.c-form__field).has-required),:is(:where(.s-form>div).has-required,:where(.s-form>fieldset>div).has-required),:is(:is(.field-wrapper).required)) *)):after{content:"(important)"}ul:is(:is(:is(:where(.c-form__errors))),:is(:is(:where(:is(:is(.s-form>ul)),:is(:is(.s-form>div>ul),:is(.s-form>fieldset>div>ul))))),:is(.errorlist)){list-style:none;padding-left:0}ul:is(:is(:is(.c-form__field .c-form__errors)),:is(:is(.s-form>div>ul),:is(.s-form>fieldset>div>ul)),:is(:is(.field-errors .errorlist))){margin-bottom:0;margin-top:1rem}:is(:is(.c-form__field>menu),:is(:where(.s-form>div>menu),:where(.s-form>fieldset>div>menu)),:is(:is(.radioselect,.checkboxselectmultiple))){list-style:none;padding-left:0}:is(:is(.c-form__buttons),:is(:where(.s-form>footer)),:is(.button-wrapper)){margin-top:35px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */.s-guide-doc table{max-width:500px;text-align:center;width:100%}.s-guide-doc dt{display:block;float:left;font-weight:var(--bold);margin-bottom:0}.s-guide-doc dt:after{content:":";margin-inline-end:.25em}.s-guide-doc dd{clear:right;margin-bottom:0}.s-guide-doc .row>.col>:last-child{margin-bottom:0}.s-guide-doc .row .row{padding:var(--global-space--normal) 0}.s-guide-doc .row .row:nth-child(2n){background-color:var(--global-color-primary--x-light)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */:root{--global-font-family:var(--global-font-family--sans);--font-family-sans-serif:var(--global-font-family--sans);--font-family-monospace:var(--global-font-family--mono)}main{padding-block:unset;width:unset}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:hsla(0,0%,84%,.3);color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:var(--global-color-accent--normal);color:#fff;text-decoration:none}.s-header input{font-family:inherit}
|
package/dist/trumps/s-header.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */.s-header .dropdown-item{color:#212529}.s-header .dropdown-item:focus,.s-header .dropdown-item:hover{background-color:hsla(0,0%,84%,.3);color:#16181b;text-decoration:none}.s-header .dropdown-item.active,.s-header .dropdown-item:active{background-color:var(--global-color-accent--normal);color:#fff;text-decoration:none}.s-header input{font-family:inherit}.s-header{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;border-bottom:1px solid var(--header-major-border-color);font-family:var(--global-font-family);font-size:var(--global-font-size--medium);font-weight:var(--bold);letter-spacing:.025px;line-height:1.4}.s-header .navbar-brand{align-content:center;color:var(--header-text-color);display:grid;margin-right:16px;min-width:176px;padding:0}.s-header,.s-header .navbar-collapse{align-items:stretch}.s-header.navbar{--nav-padding-vert:5px;--nav-padding-horz:36px;background-color:var(--header-bkgd-color);padding:var(--nav-padding-vert) var(--nav-padding-horz)}@media (min-width:992px){.s-header.navbar{--logo-height:60px;min-height:var(--logo-height)}.s-header>.navbar-brand{min-height:calc(var(--logo-height) - var(--nav-padding-vert)*2)}}.s-header .nav-link{--line-height:24px;--border-width:4px;--border-offset:calc(var(--nav-padding-vert) - var(--border-width));--border-color:var(--global-color-secondary--light);line-height:var(--line-height);position:relative;top:var(--border-offset);white-space:nowrap}@media (min-width:992px){.s-header .nav-item{display:flex}}.s-header .nav-link{align-items:center;display:flex}.s-header .nav-item.active .nav-link,.s-header .nav-link:active,.s-header .nav-link:focus,.s-header .nav-link:hover{border-color:var(--border-color);border-style:solid;border-width:0 0 var(--border-width);margin-bottom:calc(var(--border-width)*-1)}#s-header .nav-link,#s-header .nav-link>a{color:var(--header-text-color)}.s-header[class*=navbar-expand-] .navbar-nav .nav-link{padding-left:14px;padding-right:14px}@media (max-width:991.98px){.s-header[class*=navbar-expand-] .navbar-nav .nav-link{padding-block:8px}}.s-header .s-search-bar~.s-portal-nav{border-left:1px solid var(--header-minor-border-color);margin-left:12px}.dropdown-menu{font-size:16px}.s-header [class*=fa-]{text-align:center;width:27px}.navbar-toggler-icon{filter:var(--menu-toggle-icon)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */main{padding-block:unset;width:unset}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */@media (min-width:992px){.s-home-banner{display:block;height:55.5rem;max-width:100%;width:100vw}}@media (max-width:991.98px){.s-home-banner{display:grid;height:auto}}.s-home-banner{position:relative}@media (min-width:992px){.s-home-banner article{bottom:50px;height:auto;left:116px;position:absolute;width:475px}}.s-home-banner article{background-color:hsla(0,0%,100%,.9);color:var(--global-color-primary--xx-dark);font-weight:700;padding:24px 84px 36px 48px;z-index:2}:is(.s-home-banner article) h1{border-bottom:var(--global-border-width--normal) solid var(--global-color-primary--xx-dark);font-size:2.4rem;margin-bottom:18px;margin-top:0;padding-bottom:14px}.s-home-banner__media{height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;width:100%;z-index:1}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */.x-grid--layout-cols-equal-set-count{grid-template-columns:repeat(var(--count),auto)}.x-grid--layout-cols-equal-min-width{grid-template-columns:repeat(auto-fit,minmax(var(--width),1fr))}.s-image-grid,.x-grid--layout-cols-equal-min-width-max-count{--gap:var(--global-space--grid-gap);--max-cols:7;--min-width:250px;--row-height:auto;--gap-count:calc(var(--max-cols) - 1);--total-gap-width:calc(var(--gap-count)*var(--gap));--max-width:calc((100% - var(--total-gap-width))/var(--max-cols));display:grid;gap:var(--gap);grid-auto-rows:var(--row-height);grid-template-columns:repeat(auto-fill,minmax(max(var(--min-width),var(--max-width)),1fr))}.x-grid--layout-rows-equal-max-height{grid-auto-rows:1fr}.x-grid--layout-rows-equal-set-height{grid-auto-rows:var(--height)}.x-grid--content-align-center{align-items:center;justify-items:center}.s-image-grid *{max-height:100%;max-width:100%}ul.s-image-grid{margin-bottom:unset;padding-inline-start:unset}ul.s-image-grid>li{list-style:none}.s-image-grid>a,.s-image-grid>li,.s-image-grid>li>a{align-items:center;display:flex;justify-content:center}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */dl.s-inline-dl dt{display:block;float:left;font-weight:var(--bold);margin-bottom:0}dl.s-inline-dl dd{clear:right;margin-bottom:0}dl.s-inline-dl dt:after{content:":";margin-inline-end:.25em}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */.x-link{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--disabled{opacity:.5;pointer-events:none}.x-link--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-thickness:var(--global-border-width--normal)}.x-link--active{text-decoration-line:underline;text-decoration-style:dotted}.x-link--irregular{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-line:underline;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.x-link--irregular--disabled{opacity:.5;pointer-events:none}.x-link--irregular--hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-style:dashed;text-decoration-thickness:var(--global-border-width--normal)}.x-link--irregular--active{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-style:dotted}.s-irregular-links :is([class*=button--as-link]),.s-irregular-links a{color:var(--global-color-accent--normal);text-decoration:none;text-decoration-line:underline;text-decoration-thickness:var(--global-border-width--normal);text-underline-offset:.2em}.s-irregular-links :is([class*=button--as-link]):hover,.s-irregular-links a:hover{color:var(--global-color-accent--normal);text-decoration-line:underline;text-decoration-style:solid;text-decoration-style:dashed;text-decoration-thickness:var(--global-border-width--normal)}.s-irregular-links :is([class*=button--as-link]):active,.s-irregular-links a:active{text-decoration-line:underline;text-decoration-style:dotted;text-decoration-style:dotted}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */.s-portal-nav{text-transform:none}ul.s-portal-nav{margin-bottom:0;padding-left:0}.s-portal-nav a:hover{text-decoration:none}.s-portal-nav .icon{font-size:1.5em;margin-right:.25em;vertical-align:middle}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */.s-style-guide section:not(.o-section)>h1:first-child,.s-style-guide section:not(.o-section)>h2:first-child,.s-style-guide section:not(.o-section)>h3:first-child,.s-style-guide section:not(.o-section)>h4:first-child,.s-style-guide section:not(.o-section)>h5:first-child,.s-style-guide section:not(.o-section)>h6:first-child,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h1,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h2,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h3,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h4,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h5,.s-style-guide section>:not(h1,h2,h3,h4,h5,h6)+h6{margin-top:var(--global-space--x-large)}.s-style-guide section>h1,.s-style-guide section>h2,.s-style-guide section>h3,.s-style-guide section>h4,.s-style-guide section>h5,.s-style-guide section>h6{margin-bottom:var(--global-space--normal)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */.s-system-specs{font-size:var(--global-font-size--small);font-weight:var(--medium)}@media only screen and (min-width:768px){.s-system-specs{display:flow-root}.s-system-specs>*{display:inline-block}.s-system-specs>figure{float:left}}.s-system-specs{--row-height:32px}.s-system-specs>aside{margin-top:var(--row-height)}@media only screen and (max-width:991.98px){.s-system-specs>figure{margin-bottom:var(--row-height)}}@media only screen and (min-width:992px){.s-system-specs{--col-width--thin:42%;--col-width--wide:48%;--col-gutter:10%;--col-padding:40px;padding-inline:var(--col-padding)}.s-system-specs>aside,.s-system-specs>div{padding-inline:var(--col-padding)}.s-system-specs>div{width:var(--col-width--thin)}.s-system-specs>figure{margin-right:var(--col-gutter);width:var(--col-width--wide)}}@media only screen and (min-width:1200px){.s-system-specs>aside{width:var(--col-width--thin)}}.s-system-specs>figure>img{display:block;width:100%}.s-system-specs>figure>figcaption{margin-top:-40px;position:relative}@media only screen and (max-width:991.98px){.s-system-specs>figure>img{margin-left:auto;margin-right:auto;width:60%}}@media only screen and (min-width:992px){.s-system-specs>figure>figcaption{margin-left:auto;margin-right:auto;width:80%}}.s-system-specs .c-data-list__key a{font-weight:var(--medium)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.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}.x-untruncate--many-lines{-webkit-line-clamp:inherit;overflow:visible}.x-truncate--one-line{overflow:hidden;text-overflow:var(--text-overflow,ellipsis);white-space:nowrap}.x-untruncate--one-line{overflow:visible;white-space:normal}.s-truncated-table p{--lines:2;-webkit-box-orient:vertical;-webkit-line-clamp:var(--lines);display:-webkit-box;overflow:hidden}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */:host{--button-horz-pad:10px;--input-horz-pad:0.125em;--input-height:26px;--button-font-size:18px;--input-font-size:14px}:host [part=form]{align-items:center;display:flex;font-family:Roboto;position:relative}:host [part=button]{align-items:center;background-color:transparent;border:none;box-sizing:content-box;color:var(--header-text-color);font-size:16px;font-size:var(--button-font-size);height:var(--input-height,38px);left:0;margin:0;padding:0 var(--button-horz-pad);position:absolute;top:50%;transform:translateY(-50%)}:host [part=input]{background-color:var(--header-search-bkgd-color);border:var(--global-border-width--normal) solid var(--header-search-brdr-color);border-radius:5px;color:var(--header-text-color);display:block;font-size:var(--input-font-size);height:var(--input-height);margin:0;padding-bottom:0;padding-left:calc(var(--button-horz-pad) + var(--button-font-size) + var(--button-horz-pad) + var(--input-horz-pad));padding-right:var(--input-horz-pad);padding-top:0;width:100%}:host [part=input]::-moz-placeholder{color:var(--header-text-color);opacity:.5}:host [part=input]::placeholder{color:var(--header-text-color);opacity:.5}
|
package/dist/trumps/u-empty.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */
|
package/dist/trumps/u-hide.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */.u-hide--visually:not(:focus,:active){clip:rect(0 0 0 0);border:none;clip-path:inset(50%);height:1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */.u-highlight-container{max-width:800px}.u-highlight{background-color:var(--global-color-primary--xxx-dark);color:var(--global-color-primary--xx-light);line-height:1;padding-inline:10px;text-transform:uppercase}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */.u-highlight{-webkit-box-decoration-break:clone;box-decoration-break:clone}:is(h1,h2,h3,h4).u-highlight{display:inline}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */.u-mailto-text-replace[data-user][data-domain]{font-size:0;text-underline-offset:.3rem;visibility:hidden}.u-mailto-text-replace[data-user][data-domain]:before{content:attr(data-user) "@" attr(data-domain);display:inline;font-size:initial;visibility:visible}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */.u-nested-text-content{padding-left:var(--global-space--list-indent)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */.button-wrapper,.c-form__buttons,:where(.s-form>footer){margin-top:unset}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
/*! @tacc/core-styles 2.
|
|
1
|
+
/*! @tacc/core-styles 2.33.0+ | MIT | github.com/TACC/Core-Styles */.spinner-border{animation:var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);border-radius:50%;display:inline-block;height:var(--bs-spinner-height);vertical-align:var(--bs-spinner-vertical-align);width:var(--bs-spinner-width)}@keyframes spinner-border{to{transform:rotate(1turn)}}.spinner-border{--bs-spinner-width:2rem;--bs-spinner-height:2rem;--bs-spinner-vertical-align:-0.125em;--bs-spinner-border-width:0.25em;--bs-spinner-animation-speed:0.75s;--bs-spinner-animation-name:spinner-border;border-right-color:currentcolor;border:var(--bs-spinner-border-width) solid;border-right:var(--bs-spinner-border-width) solid transparent}@media (prefers-reduced-motion:reduce){.spinner-border{--bs-spinner-animation-speed:1.5s}}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tacc/core-styles",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.33.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "TACC ACI WMA <wma-portals@gmail.com>",
|
|
6
6
|
"description": "CSS source and processor for TACC Core-CMS and Core-Portal.",
|
|
@@ -73,11 +73,16 @@
|
|
|
73
73
|
"@frctl/handlebars": "^1.2.15",
|
|
74
74
|
"@frctl/mandelbrot": "^1.10.1",
|
|
75
75
|
"minimist": "^1.2.7",
|
|
76
|
-
"npm-watch": "^0.
|
|
76
|
+
"npm-watch": "^0.13.0"
|
|
77
77
|
},
|
|
78
78
|
"watch": {
|
|
79
79
|
"build:watch": {
|
|
80
|
-
"patterns": "src
|
|
80
|
+
"patterns": "src/**/*",
|
|
81
|
+
"extensions": "css,json",
|
|
82
|
+
"ignore": [
|
|
83
|
+
"fractal.server.refresh.css",
|
|
84
|
+
"tokens/*.json"
|
|
85
|
+
]
|
|
81
86
|
}
|
|
82
87
|
}
|
|
83
88
|
}
|
|
@@ -5,13 +5,16 @@
|
|
|
5
5
|
/* Set scope for accent colors */
|
|
6
6
|
@custom-selector :--light-context-safe
|
|
7
7
|
:root;
|
|
8
|
+
@custom-selector :--dark-context-safe
|
|
9
|
+
.u-dark-context;
|
|
10
|
+
|
|
8
11
|
|
|
9
12
|
/* Override other colors from base */
|
|
10
13
|
/* FAQ: Updating portal colors was delayed (to reduce complexity of TUP redesign) */
|
|
11
14
|
:root {
|
|
12
15
|
/* DEPRECATED */
|
|
13
|
-
--global-color-accent--alt: var(--global-color-accent--
|
|
14
|
-
--global-color-accent--weak: var(--global-color-accent--
|
|
16
|
+
--global-color-accent--alt: var(--global-color-accent--x-light);
|
|
17
|
+
--global-color-accent--weak: var(--global-color-accent--xx-light);
|
|
15
18
|
--global-color-success--weak: rgb( from design-token('color.success.medium') r g b / 0.5);
|
|
16
19
|
--global-color-warning--weak: rgb( from design-token('color.warning.medium') r g b / 0.5);
|
|
17
20
|
--global-color-danger--weak: rgb( from design-token('color.danger.medium') r g b / 0.5);
|
|
@@ -7,8 +7,7 @@
|
|
|
7
7
|
|
|
8
8
|
/* Modifers
|
|
9
9
|
--normal: standard color
|
|
10
|
-
--
|
|
11
|
-
--weak: transparent instance
|
|
10
|
+
--weak: transparent instance (DEPRECATED)
|
|
12
11
|
--(…)light: lighter value
|
|
13
12
|
--(…)dark: darker value
|
|
14
13
|
*/
|
|
@@ -35,6 +34,7 @@
|
|
|
35
34
|
--global-color-accent--xxx-light: #dfeafe; /* DEPRECATED */
|
|
36
35
|
--global-color-accent--xx-light: design-token('color.v2.blue.light-2x');
|
|
37
36
|
--global-color-accent--x-light: design-token('color.v2.blue.light-x');
|
|
37
|
+
--global-color-accent--light-old: design-token('color.v2.blue.light-old'); /* DEPRECATED */
|
|
38
38
|
--global-color-accent--light: design-token('color.v2.blue.light');
|
|
39
39
|
--global-color-accent--normal: design-token('color.v2.blue.medium');
|
|
40
40
|
--global-color-accent--dark: design-token('color.v2.blue.dark');
|
|
@@ -11,4 +11,4 @@ Styleguide Tools.CustomSelectors.MultipleElements
|
|
|
11
11
|
@custom-selector :--main-content [role="main"], main;
|
|
12
12
|
@custom-selector :--portal-content #root;
|
|
13
13
|
@custom-selector :--modal .modal;
|
|
14
|
-
@custom-selector :--heading
|
|
14
|
+
@custom-selector :--heading h1, h2, h3, h4, h5, h6;
|
|
@@ -25,3 +25,11 @@ variants:
|
|
|
25
25
|
context:
|
|
26
26
|
shouldLoadPortal: true
|
|
27
27
|
shouldSkipPattern: true
|
|
28
|
+
- name: complex
|
|
29
|
+
status: prototype
|
|
30
|
+
context:
|
|
31
|
+
modifier: thick
|
|
32
|
+
isComplex: true
|
|
33
|
+
bodyContent: More complex footers may inlcude heading(s) and list(s) of links.
|
|
34
|
+
shouldLoadCMS: true
|
|
35
|
+
shouldLoadBootstrap: true
|
|
@@ -6,19 +6,43 @@
|
|
|
6
6
|
Sample body content. Footer is at bottom of page.
|
|
7
7
|
{{/if}}
|
|
8
8
|
</p>
|
|
9
|
-
<p>
|
|
10
9
|
{{#if shouldLoadCMS}}
|
|
11
|
-
|
|
12
|
-
{{
|
|
13
|
-
Portal always uses <a href="{{path '../detail/s-footer--thin'}}" target="_parent">thin</a> footer.
|
|
14
|
-
{{/if}}
|
|
10
|
+
<p>
|
|
11
|
+
CMS always uses <a href="{{path '../detail/s-footer--thick'}}" target="_parent">thick</a> footer.
|
|
15
12
|
</p>
|
|
16
|
-
|
|
17
|
-
<footer class="s-footer{{#if modifier }} s-footer--{{ modifier }}{{/if}}">
|
|
13
|
+
{{/if}}{{#if shouldLoadPortal}}
|
|
18
14
|
<p>
|
|
19
|
-
|
|
20
|
-
<a href="https://www.tacc.utexas.edu/" target="_blank">Texas Advanced Computing Center</a>,
|
|
21
|
-
<a href="https://www.utexas.edu/" target="_blank">The University of Texas at Austin</a>,
|
|
22
|
-
<a href="https://research.utexas.edu/" target="_blank">Office of the Vice President for Research</a>.
|
|
15
|
+
Portal always uses <a href="{{path '../detail/s-footer--thin'}}" target="_parent">thin</a> footer.
|
|
23
16
|
</p>
|
|
17
|
+
{{/if}}{{#if shouldLoadBootstrap}}
|
|
18
|
+
<p>
|
|
19
|
+
This pattern is not protected from Bootstrap side-effects (e.g. heading margin).
|
|
20
|
+
</p>
|
|
21
|
+
{{/if}}
|
|
22
|
+
</main>
|
|
23
|
+
<footer class="s-footer{{#if modifier }} s-footer--{{ modifier }}{{/if}}">
|
|
24
|
+
{{#if isComplex}}
|
|
25
|
+
<div style="text-align:left;">
|
|
26
|
+
<h4>About</h4>
|
|
27
|
+
<p>
|
|
28
|
+
<a href="#">About TACC</a><br>
|
|
29
|
+
<a href="#">Jobs at TACC</a><br>
|
|
30
|
+
<a href="#">Contact</a><br>
|
|
31
|
+
<a href="#">Staff Directory</a><br>
|
|
32
|
+
<a href="#">Tours</a><br>
|
|
33
|
+
<a href="#">Citing TACC</a><br>
|
|
34
|
+
<a href="#">Security and Compliance</a><br>
|
|
35
|
+
<a href="#">Help</a>
|
|
36
|
+
</p>
|
|
37
|
+
<hr>
|
|
38
|
+
<a href="#" class="c-button c-button--primary">Button</a>
|
|
39
|
+
</div>
|
|
40
|
+
{{else}}
|
|
41
|
+
<p>
|
|
42
|
+
©2023
|
|
43
|
+
<a href="https://www.tacc.utexas.edu/" target="_blank">Texas Advanced Computing Center</a>,
|
|
44
|
+
<a href="https://www.utexas.edu/" target="_blank">The University of Texas at Austin</a>,
|
|
45
|
+
<a href="https://research.utexas.edu/" target="_blank">Office of the Vice President for Research</a>.
|
|
46
|
+
</p>
|
|
47
|
+
{{/if}}
|
|
24
48
|
</footer>
|
|
@@ -1,3 +1,6 @@
|
|
|
1
|
+
@import url("../tools/selectors.css");
|
|
2
|
+
@import url("../components/c-button.selectors.css");
|
|
3
|
+
|
|
1
4
|
@import url("./s-footer.properties.css");
|
|
2
5
|
|
|
3
6
|
.s-footer {
|
|
@@ -16,9 +19,16 @@
|
|
|
16
19
|
padding-inline: var(--pad-horz--thin);
|
|
17
20
|
}
|
|
18
21
|
|
|
19
|
-
.s-footer a {
|
|
20
|
-
|
|
21
|
-
|
|
22
|
+
.s-footer a:not(:--c-button, :hover) {
|
|
23
|
+
color: var(--global-color-primary--light)
|
|
24
|
+
}
|
|
25
|
+
|
|
26
|
+
.s-footer a:not(:--c-button):hover {
|
|
27
|
+
color: var(--global-color-accent--light-old)
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
.s-footer :--heading {
|
|
31
|
+
color: var(--global-color-primary--xx-light);
|
|
22
32
|
}
|
|
23
33
|
|
|
24
34
|
/* Let paragraphs behave normally */
|
|
@@ -27,3 +37,8 @@
|
|
|
27
37
|
}
|
|
28
38
|
.s-footer > p:first-of-type { margin-top: 0; }
|
|
29
39
|
.s-footer > p:last-of-type { margin-bottom: 0; }
|
|
40
|
+
|
|
41
|
+
/* To suggest semantic solution for horiontal lines */
|
|
42
|
+
.s-footer hr {
|
|
43
|
+
margin-block: 1rem;
|
|
44
|
+
}
|
package/src/lib/tokens/v2.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"colors":{"neutral":{"light-2x":{"value":"#ffffff","type":"color"},"light-x":{"value":"#f4f4f4","type":"color"},"light":{"value":"#d7d7d7","type":"color"},"medium":{"value":"#afafaf","type":"color"},"dark":{"value":"#707070","type":"color"},"dark-x":{"value":"#484848","type":"color"},"dark-2x":{"value":"#222222","type":"color"}},"accent":{"1":{"light-2x":{"value":"#caddfe","type":"color"},"light-x":{"value":"#aac7ff","type":"color"},"light":{"value":"#3d6acc","type":"color"},"medium":{"value":"#003399","type":"color"},"dark":{"value":"#002266","type":"color"},"dark-x":{"value":"#001133","type":"color"},"dark-2x":{"value":"#021230","type":"color"}},"2":{"light-2x":{"value":"#fcf6ec","type":"color"},"light-x":{"value":"#e5d7c0","type":"color"},"light":{"value":"#d5b57c","type":"color"},"medium":{"value":"#877453","type":"color"},"dark":{"value":"#514328","type":"color"},"dark-x":{"value":"#332c1f","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}},"3":{"light-2x":{"value":"#e7f1f0","type":"color"},"light-x":{"value":"#b1d1ce","type":"color"},"light":{"value":"#92ccc5","type":"color"},"medium":{"value":"#61a39c","type":"color"},"dark":{"value":"#406d68","type":"color"},"dark-x":{"value":"#1e3331","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}},"4":{"light-2x":{"value":"#ffffff","type":"color"},"light-x":{"value":"#ffffff","type":"color"},"light":{"value":"#ffffff","type":"color"},"medium":{"value":"#ffffff","type":"color"},"dark":{"value":"#ffffff","type":"color"},"dark-x":{"value":"#ffffff","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}}},"traffic":{"bad":{"light-x":{"value":"#fce4db","type":"color"},"light":{"value":"#fcaf91","type":"color"},"medium":{"value":"#ed4c11","type":"color"},"dark":{"value":"#c23a03","type":"color"},"dark-x":{"value":"#932b06","type":"color"}},"warn":{"light-x":{"value":"#fdf0d3","type":"color"},"light":{"value":"#fed880","type":"color"},"medium":{"value":"#f2b327","type":"color"},"dark":{"value":"#cd971c","type":"color"},"dark-x":{"value":"#996f0a","type":"color"}},"good":{"light-x":{"value":"#baf8dc","type":"color"},"light":{"value":"#93f6cd","type":"color"},"medium":{"value":"#10f7a9","type":"color"},"dark":{"value":"#3dce92","type":"color"},"dark-x":{"value":"#26885f","type":"color"}},"other":{"light-x":{"value":"#f0f6ff","type":"color"},"light":{"value":"#b4d0f9","type":"color"},"medium":{"value":"#3f85f4","type":"color"},"dark":{"value":"#255bb1","type":"color"},"dark-x":{"value":"#174a99","type":"color"}}}},"spacing":{"1":{"value":8,"type":"number"},"2":{"value":16,"type":"number"},"3":{"value":24,"type":"number"},"4":{"value":32,"type":"number"},"5":{"value":40,"type":"number"},"6":{"value":48,"type":"number"},"7":{"value":56,"type":"number"},"8":{"value":64,"type":"number"},"9":{"value":72,"type":"number"},"10":{"value":80,"type":"number"},"11":{"value":88,"type":"number"},"12":{"value":96,"type":"number"},"13":{"value":104,"type":"number"},"fourth":{"value":2,"type":"number"},"half":{"value":4,"type":"number"}},"font-weight":{"100":{"value":100,"type":"number"},"200":{"value":200,"type":"number"},"300":{"value":300,"type":"number"},"400":{"value":400,"type":"number"},"500":{"value":500,"type":"number"},"600":{"value":600,"type":"number"},"700":{"value":700,"type":"number"},"800":{"value":800,"type":"number"},"900":{"value":900,"type":"number"}},"color":{"gray":{"light-2x":{"value":"{colors.neutral.light-2x}","type":"color"},"light-x":{"value":"{colors.neutral.light-x}","type":"color"},"light":{"value":"{colors.neutral.light}","type":"color"},"medium":{"value":"{colors.neutral.medium}","type":"color"},"dark":{"value":"{colors.neutral.dark}","type":"color"},"dark-x":{"value":"{colors.neutral.dark-x}","type":"color"},"dark-2x":{"value":"{colors.neutral.dark-2x}","type":"color"}},"v2":{"blue":{"light-x":{"value":"{colors.accent.1.light-x}","type":"color"},"light":{"value":"{colors.accent.1.light}","type":"color"},"medium":{"value":"{colors.accent.1.medium}","type":"color"},"dark":{"value":"{colors.accent.1.dark}","type":"color"},"dark-x":{"value":"{colors.accent.1.dark-x}","type":"color"},"light-2x":{"value":"{colors.accent.1.light-2x}","type":"color"},"dark-2x":{"value":"{colors.accent.1.dark-2x}","type":"color"}},"gold":{"light-2x":{"value":"{colors.accent.2.light-2x}","type":"color"},"light-x":{"value":"{colors.accent.2.light-x}","type":"color"},"light":{"value":"{colors.accent.2.light}","type":"color"},"medium":{"value":"{colors.accent.2.medium}","type":"color"},"dark":{"value":"{colors.accent.2.dark}","type":"color"},"dark-x":{"value":"{colors.accent.2.dark-x}","type":"color"},"dark-2x":{"value":"{colors.accent.2.dark-2x}","type":"color"}},"teal":{"light-2x":{"value":"{colors.accent.3.light-2x}","type":"color"},"light-x":{"value":"{colors.accent.3.light-x}","type":"color"},"light":{"value":"{colors.accent.3.light}","type":"color"},"medium":{"value":"{colors.accent.3.medium}","type":"color"},"dark":{"value":"{colors.accent.3.dark}","type":"color"},"dark-x":{"value":"{colors.accent.3.dark-x}","type":"color"},"dark-2x":{"value":"{colors.accent.3.dark-2x}","type":"color"}}},"info":{"light-x":{"value":"{colors.neutral.light-x}","type":"color"},"light":{"value":"{colors.neutral.light}","type":"color"},"medium":{"value":"{colors.neutral.dark}","type":"color"},"dark":{"value":"{colors.neutral.dark-x}","type":"color"},"dark-x":{"value":"{colors.neutral.dark-2x}","type":"color"}},"danger":{"light-x":{"value":"{colors.traffic.bad.light-x}","type":"color"},"light":{"value":"{colors.traffic.bad.light}","type":"color"},"medium":{"value":"{colors.traffic.bad.medium}","type":"color"},"dark":{"value":"{colors.traffic.bad.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.bad.dark-x}","type":"color"}},"warning":{"light-x":{"value":"{colors.traffic.warn.light-x}","type":"color"},"light":{"value":"{colors.traffic.warn.light}","type":"color"},"medium":{"value":"{colors.traffic.warn.medium}","type":"color"},"dark":{"value":"{colors.traffic.warn.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.warn.dark-x}","type":"color"}},"success":{"light-x":{"value":"{colors.traffic.good.light-x}","type":"color"},"light":{"value":"{colors.traffic.good.light}","type":"color"},"medium":{"value":"{colors.traffic.good.medium}","type":"color"},"dark":{"value":"{colors.traffic.good.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.good.dark-x}","type":"color"}},"extra":{"light-x":{"value":"{colors.traffic.other.light-x}","type":"color"},"light":{"value":"{colors.traffic.other.light}","type":"color"},"medium":{"value":"{colors.traffic.other.medium}","type":"color"},"dark":{"value":"{colors.traffic.other.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.other.dark-x}","type":"color"}}},"space":{"small-2x":{"value":"{spacing.fourth}","type":"number"},"small-x":{"value":"{spacing.half}","type":"number"},"small":{"value":"{spacing.1}","type":"number"},"medium":{"value":"{spacing.2}","type":"number"},"large":{"value":"{spacing.3}","type":"number"},"large-x":{"value":"{spacing.4}","type":"number"},"large-2x":{"value":"{spacing.5}","type":"number"}},"weight":{"light":{"value":"{font-weight.300}","type":"number"},"bold":{"value":"{font-weight.700}","type":"number"},"medium":{"value":"{font-weight.500}","type":"number"},"regular":{"value":"{font-weight.400}","type":"number"},"semibold":{"value":"{font-weight.600}","type":"number"},"thin":{"value":"{font-weight.100}","type":"number"},"extralight":{"value":"{font-weight.200}","type":"number"},"extrabold":{"value":"{font-weight.800}","type":"number"},"black":{"value":"{font-weight.900}","type":"number"},"light-x":{"value":"{weight.extralight}","type":"number"},"bold-x":{"value":"{weight.extrabold}","type":"number"}}}
|
|
1
|
+
{"colors":{"neutral":{"light-2x":{"value":"#ffffff","type":"color"},"light-x":{"value":"#f4f4f4","type":"color"},"light":{"value":"#d7d7d7","type":"color"},"medium":{"value":"#afafaf","type":"color"},"dark":{"value":"#707070","type":"color"},"dark-x":{"value":"#484848","type":"color"},"dark-2x":{"value":"#222222","type":"color"}},"accent":{"1":{"light-2x":{"value":"#caddfe","type":"color"},"light-x":{"value":"#aac7ff","type":"color"},"light":{"value":"#3d6acc","type":"color"},"medium":{"value":"#003399","type":"color"},"dark":{"value":"#002266","type":"color"},"dark-x":{"value":"#001133","type":"color"},"dark-2x":{"value":"#021230","type":"color"}},"2":{"light-2x":{"value":"#fcf6ec","type":"color"},"light-x":{"value":"#e5d7c0","type":"color"},"light":{"value":"#d5b57c","type":"color"},"medium":{"value":"#877453","type":"color"},"dark":{"value":"#514328","type":"color"},"dark-x":{"value":"#332c1f","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}},"3":{"light-2x":{"value":"#e7f1f0","type":"color"},"light-x":{"value":"#b1d1ce","type":"color"},"light":{"value":"#92ccc5","type":"color"},"medium":{"value":"#61a39c","type":"color"},"dark":{"value":"#406d68","type":"color"},"dark-x":{"value":"#1e3331","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}},"4":{"light-2x":{"value":"#ffffff","type":"color"},"light-x":{"value":"#ffffff","type":"color"},"light":{"value":"#ffffff","type":"color"},"medium":{"value":"#ffffff","type":"color"},"dark":{"value":"#ffffff","type":"color"},"dark-x":{"value":"#ffffff","type":"color"},"dark-2x":{"value":"#ffffff","type":"color"}}},"traffic":{"bad":{"light-x":{"value":"#fce4db","type":"color"},"light":{"value":"#fcaf91","type":"color"},"medium":{"value":"#ed4c11","type":"color"},"dark":{"value":"#c23a03","type":"color"},"dark-x":{"value":"#932b06","type":"color"}},"warn":{"light-x":{"value":"#fdf0d3","type":"color"},"light":{"value":"#fed880","type":"color"},"medium":{"value":"#f2b327","type":"color"},"dark":{"value":"#cd971c","type":"color"},"dark-x":{"value":"#996f0a","type":"color"}},"good":{"light-x":{"value":"#baf8dc","type":"color"},"light":{"value":"#93f6cd","type":"color"},"medium":{"value":"#10f7a9","type":"color"},"dark":{"value":"#3dce92","type":"color"},"dark-x":{"value":"#26885f","type":"color"}},"other":{"light-x":{"value":"#f0f6ff","type":"color"},"light":{"value":"#b4d0f9","type":"color"},"medium":{"value":"#3f85f4","type":"color"},"dark":{"value":"#255bb1","type":"color"},"dark-x":{"value":"#174a99","type":"color"}}}},"spacing":{"1":{"value":8,"type":"number"},"2":{"value":16,"type":"number"},"3":{"value":24,"type":"number"},"4":{"value":32,"type":"number"},"5":{"value":40,"type":"number"},"6":{"value":48,"type":"number"},"7":{"value":56,"type":"number"},"8":{"value":64,"type":"number"},"9":{"value":72,"type":"number"},"10":{"value":80,"type":"number"},"11":{"value":88,"type":"number"},"12":{"value":96,"type":"number"},"13":{"value":104,"type":"number"},"fourth":{"value":2,"type":"number"},"half":{"value":4,"type":"number"}},"font-weight":{"100":{"value":100,"type":"number"},"200":{"value":200,"type":"number"},"300":{"value":300,"type":"number"},"400":{"value":400,"type":"number"},"500":{"value":500,"type":"number"},"600":{"value":600,"type":"number"},"700":{"value":700,"type":"number"},"800":{"value":800,"type":"number"},"900":{"value":900,"type":"number"}},"color":{"gray":{"light-2x":{"value":"{colors.neutral.light-2x}","type":"color"},"light-x":{"value":"{colors.neutral.light-x}","type":"color"},"light":{"value":"{colors.neutral.light}","type":"color"},"medium":{"value":"{colors.neutral.medium}","type":"color"},"dark":{"value":"{colors.neutral.dark}","type":"color"},"dark-x":{"value":"{colors.neutral.dark-x}","type":"color"},"dark-2x":{"value":"{colors.neutral.dark-2x}","type":"color"}},"v2":{"blue":{"light-x":{"value":"{colors.accent.1.light-x}","type":"color"},"light-old":{"value":"#86aeff","type":"color"},"light":{"value":"{colors.accent.1.light}","type":"color"},"medium":{"value":"{colors.accent.1.medium}","type":"color"},"dark":{"value":"{colors.accent.1.dark}","type":"color"},"dark-x":{"value":"{colors.accent.1.dark-x}","type":"color"},"light-2x":{"value":"{colors.accent.1.light-2x}","type":"color"},"dark-2x":{"value":"{colors.accent.1.dark-2x}","type":"color"}},"gold":{"light-2x":{"value":"{colors.accent.2.light-2x}","type":"color"},"light-x":{"value":"{colors.accent.2.light-x}","type":"color"},"light":{"value":"{colors.accent.2.light}","type":"color"},"medium":{"value":"{colors.accent.2.medium}","type":"color"},"dark":{"value":"{colors.accent.2.dark}","type":"color"},"dark-x":{"value":"{colors.accent.2.dark-x}","type":"color"},"dark-2x":{"value":"{colors.accent.2.dark-2x}","type":"color"}},"teal":{"light-2x":{"value":"{colors.accent.3.light-2x}","type":"color"},"light-x":{"value":"{colors.accent.3.light-x}","type":"color"},"light":{"value":"{colors.accent.3.light}","type":"color"},"medium":{"value":"{colors.accent.3.medium}","type":"color"},"dark":{"value":"{colors.accent.3.dark}","type":"color"},"dark-x":{"value":"{colors.accent.3.dark-x}","type":"color"},"dark-2x":{"value":"{colors.accent.3.dark-2x}","type":"color"}}},"info":{"light-x":{"value":"{colors.neutral.light-x}","type":"color"},"light":{"value":"{colors.neutral.light}","type":"color"},"medium":{"value":"{colors.neutral.dark}","type":"color"},"dark":{"value":"{colors.neutral.dark-x}","type":"color"},"dark-x":{"value":"{colors.neutral.dark-2x}","type":"color"}},"danger":{"light-x":{"value":"{colors.traffic.bad.light-x}","type":"color"},"light":{"value":"{colors.traffic.bad.light}","type":"color"},"medium":{"value":"{colors.traffic.bad.medium}","type":"color"},"dark":{"value":"{colors.traffic.bad.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.bad.dark-x}","type":"color"}},"warning":{"light-x":{"value":"{colors.traffic.warn.light-x}","type":"color"},"light":{"value":"{colors.traffic.warn.light}","type":"color"},"medium":{"value":"{colors.traffic.warn.medium}","type":"color"},"dark":{"value":"{colors.traffic.warn.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.warn.dark-x}","type":"color"}},"success":{"light-x":{"value":"{colors.traffic.good.light-x}","type":"color"},"light":{"value":"{colors.traffic.good.light}","type":"color"},"medium":{"value":"{colors.traffic.good.medium}","type":"color"},"dark":{"value":"{colors.traffic.good.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.good.dark-x}","type":"color"}},"extra":{"light-x":{"value":"{colors.traffic.other.light-x}","type":"color"},"light":{"value":"{colors.traffic.other.light}","type":"color"},"medium":{"value":"{colors.traffic.other.medium}","type":"color"},"dark":{"value":"{colors.traffic.other.dark}","type":"color"},"dark-x":{"value":"{colors.traffic.other.dark-x}","type":"color"}}},"space":{"small-2x":{"value":"{spacing.fourth}","type":"number"},"small-x":{"value":"{spacing.half}","type":"number"},"small":{"value":"{spacing.1}","type":"number"},"medium":{"value":"{spacing.2}","type":"number"},"large":{"value":"{spacing.3}","type":"number"},"large-x":{"value":"{spacing.4}","type":"number"},"large-2x":{"value":"{spacing.5}","type":"number"}},"weight":{"light":{"value":"{font-weight.300}","type":"number"},"bold":{"value":"{font-weight.700}","type":"number"},"medium":{"value":"{font-weight.500}","type":"number"},"regular":{"value":"{font-weight.400}","type":"number"},"semibold":{"value":"{font-weight.600}","type":"number"},"thin":{"value":"{font-weight.100}","type":"number"},"extralight":{"value":"{font-weight.200}","type":"number"},"extrabold":{"value":"{font-weight.800}","type":"number"},"black":{"value":"{font-weight.900}","type":"number"},"light-x":{"value":"{weight.extralight}","type":"number"},"bold-x":{"value":"{weight.extrabold}","type":"number"}}}
|
package/src/lib/tokens.json
CHANGED
|
@@ -1421,6 +1421,10 @@
|
|
|
1421
1421
|
"value": "{colors.accent.1.light-2x}",
|
|
1422
1422
|
"type": "color"
|
|
1423
1423
|
},
|
|
1424
|
+
"light-old": {
|
|
1425
|
+
"value": "#86aeff",
|
|
1426
|
+
"type": "color"
|
|
1427
|
+
},
|
|
1424
1428
|
"light": {
|
|
1425
1429
|
"value": "{colors.accent.1.light-x}",
|
|
1426
1430
|
"type": "color"
|
|
@@ -1915,6 +1919,10 @@
|
|
|
1915
1919
|
"value": "{colors.accent.1.light-x}",
|
|
1916
1920
|
"type": "color"
|
|
1917
1921
|
},
|
|
1922
|
+
"light-old": {
|
|
1923
|
+
"value": "#86aeff",
|
|
1924
|
+
"type": "color"
|
|
1925
|
+
},
|
|
1918
1926
|
"light": {
|
|
1919
1927
|
"value": "{colors.accent.1.light}",
|
|
1920
1928
|
"type": "color"
|