@tacc/core-styles 2.3.1 → 2.4.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.container.css +1 -1
- package/dist/components/bootstrap.css +1 -1
- package/dist/components/bootstrap.figure.css +1 -1
- package/dist/components/bootstrap.form.css +1 -1
- package/dist/components/bootstrap.modal.css +1 -1
- package/dist/components/bootstrap.nav-tabs.css +1 -1
- package/dist/components/bootstrap.pagination.css +1 -1
- package/dist/components/c-button/demo.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--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-data-list.css +1 -1
- package/dist/components/c-footer.css +1 -1
- package/dist/components/c-form--cms.css +1 -1
- package/dist/components/c-form--portal.css +1 -1
- package/dist/components/c-form.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-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.css +1 -1
- package/dist/components/c-page.css +1 -1
- package/dist/components/c-recognition.css +1 -1
- package/dist/components/c-see-all-link.css +1 -1
- package/dist/components/c-show-more.css +1 -1
- package/dist/components/cortal.icon.css +1 -1
- package/dist/components/cortal.icon.font.css +1 -1
- package/dist/components/demo.css +1 -1
- package/dist/components/django-cms-forms--errors-via-c-message.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/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 +1 -1
- package/dist/core-styles.cms.css +1 -1
- package/dist/core-styles.demo.css +1 -1
- package/dist/core-styles.docs.css +2 -2
- package/dist/core-styles.header.css +1 -1
- package/dist/core-styles.header.theme-has-dark-logo.css +1 -1
- package/dist/core-styles.portal.css +1 -1
- package/dist/core-styles.settings.css +1 -1
- 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.cms.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 -0
- 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/links.css +1 -1
- package/dist/elements/monospace.css +1 -1
- package/dist/elements/root.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.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/color.css +1 -1
- package/dist/generics/fonts.css +1 -1
- package/dist/objects/README.css +1 -1
- package/dist/objects/o-fixed-header-table/demo.css +1 -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-offset-content.css +1 -1
- package/dist/objects/o-section/demo.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--portal.css +1 -1
- package/dist/settings/color.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.monospace.css +1 -1
- package/dist/tools/x-article-link.css +1 -1
- package/dist/tools/x-center.css +1 -1
- package/dist/tools/x-fake-border.css +1 -1
- package/dist/tools/x-grid.css +1 -1
- package/dist/tools/x-layout.css +1 -1
- package/dist/tools/x-link.css +1 -1
- package/dist/tools/x-mailto-text-replace.css +1 -1
- package/dist/tools/x-overlay.css +1 -1
- package/dist/tools/x-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.css +1 -1
- package/dist/trumps/s-article-list.css +1 -1
- package/dist/trumps/s-article-preview.css +1 -1
- package/dist/trumps/s-blockquote.css +1 -1
- package/dist/trumps/s-breadcrumbs.css +1 -1
- package/dist/trumps/s-cms-nav.css +1 -1
- package/dist/trumps/s-document.css +1 -1
- package/dist/trumps/s-footer.css +1 -1
- package/dist/trumps/s-guide-doc.css +1 -1
- package/dist/trumps/s-header.bootstrap.css +1 -1
- package/dist/trumps/s-header.css +1 -1
- package/dist/trumps/s-header.theme-has-dark-logo.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/tacc-search-bar.css +1 -1
- package/dist/trumps/tacc-search-bar.theme-has-dark-logo.css +1 -1
- package/dist/trumps/u-empty.css +1 -1
- package/dist/trumps/u-hide.css +1 -1
- package/dist/trumps/u-mailto-text-replace.css +1 -1
- package/dist/trumps/u-nested-text-content.css +1 -1
- package/package.json +1 -1
- package/src/lib/_imports/core-styles.docs.css +1 -1
- package/src/lib/_imports/elements/headings/config.yml +5 -0
- package/src/lib/_imports/elements/headings/demo.css +0 -10
- package/src/lib/_imports/elements/headings/headings--cms.hbs +18 -14
- package/src/lib/_imports/elements/headings--docs.css +50 -0
- package/src/lib/_imports/elements/html-elements.docs.css +1 -1
- package/src/lib/_imports/settings/font--docs.css +5 -5
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
@import url("../tools/selectors.css");
|
|
2
|
+
|
|
3
|
+
/* To scope these styles to main content (i.e. not header, not navbar) */
|
|
4
|
+
/* To prevent these styles on portal content (i.e. within a React app) */
|
|
5
|
+
/* TODO: Delete `:not(…)` after tup-ui does not load `core-styles.cms.css` */
|
|
6
|
+
:where(:--main-content, :not(:--portal-content)) {
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
|
|
10
|
+
/* Structure */
|
|
11
|
+
|
|
12
|
+
&:is( h1, h2, h3, h4, h5, h6 ) {
|
|
13
|
+
line-height: unset; /* mimics headings--cms.css */
|
|
14
|
+
}
|
|
15
|
+
& h1 {
|
|
16
|
+
text-transform: uppercase; /* mimics headings--cms.css */
|
|
17
|
+
}
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
21
|
+
/* Skin */
|
|
22
|
+
|
|
23
|
+
& h1 {
|
|
24
|
+
font-size: var(--global-font-size--xxx-large);
|
|
25
|
+
font-weight: var(--black);
|
|
26
|
+
}
|
|
27
|
+
& h2 {
|
|
28
|
+
color: var(--global-color-accent--secondary);
|
|
29
|
+
font-size: var(--global-font-size--xx-large);
|
|
30
|
+
font-weight: var(--bold);
|
|
31
|
+
}
|
|
32
|
+
& h3 {
|
|
33
|
+
font-size: var(--global-font-size--x-large);
|
|
34
|
+
font-weight: var(--bold);
|
|
35
|
+
}
|
|
36
|
+
/* WARNING: No design available; these are just developer guesswork */
|
|
37
|
+
& h4 {
|
|
38
|
+
font-size: var(--global-font-size--large);
|
|
39
|
+
font-weight: var(--bold);
|
|
40
|
+
}
|
|
41
|
+
/* To deter use of "smaller" headings by making them match body font */
|
|
42
|
+
& h5,
|
|
43
|
+
& h6 {
|
|
44
|
+
font-size: inherit;
|
|
45
|
+
font-weight: var(--normal);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
|
|
49
|
+
|
|
50
|
+
}
|
|
@@ -8,11 +8,11 @@
|
|
|
8
8
|
/* https://confluence.tacc.utexas.edu/x/nh4FDg */
|
|
9
9
|
/* CAVEAT: These font sizes assume root font is 10px or an equivalent value */
|
|
10
10
|
/* WARNING: Used in new TACC-Docs; the values are subject to change */
|
|
11
|
-
--global-font-size--x-small: 1.
|
|
12
|
-
--global-font-size--small: 1.
|
|
13
|
-
--global-font-size--medium: 1.
|
|
14
|
-
--global-font-size--large: 1.
|
|
11
|
+
--global-font-size--x-small: 1.2rem;
|
|
12
|
+
--global-font-size--small: 1.4rem;
|
|
13
|
+
--global-font-size--medium: 1.6rem;
|
|
14
|
+
--global-font-size--large: 1.8rem;
|
|
15
15
|
--global-font-size--x-large: 2.1rem;
|
|
16
16
|
--global-font-size--xx-large: 2.8rem;
|
|
17
|
-
--global-font-size--xxx-large:
|
|
17
|
+
--global-font-size--xxx-large: 3.2rem;
|
|
18
18
|
}
|