@tacc/core-styles 2.3.0 → 2.4.0

package/src/lib/_imports/elements/headings--docs.css

@@ -0,0 +1,50 @@
+@import url("../tools/selectors.css");
+
+/* To scope these styles to main content (i.e. not header, not navbar) */
+/* To prevent these styles on portal content (i.e. within a React app) */
+/* TODO: Delete `:not(…)` after tup-ui does not load `core-styles.cms.css` */
+:where(:--main-content, :not(:--portal-content)) {
+
+
+
+/* Structure */
+
+&:is( h1, h2, h3, h4, h5, h6 ) {
+    line-height: unset; /* mimics headings--cms.css */
+}
+& h1 {
+    text-transform: uppercase; /* mimics headings--cms.css */
+}
+
+
+
+/* Skin */
+
+& h1 {
+    font-size: var(--global-font-size--xxx-large);
+    font-weight: var(--black);
+}
+& h2 {
+    color: var(--global-color-accent--secondary);
+    font-size: var(--global-font-size--xx-large);
+    font-weight: var(--bold);
+}
+& h3 {
+    font-size: var(--global-font-size--x-large);
+    font-weight: var(--bold);
+}
+/* WARNING: No design available; these are just developer guesswork */
+& h4 {
+    font-size: var(--global-font-size--large);
+    font-weight: var(--bold);
+}
+/* To  deter use of "smaller" headings by making them match body font */
+& h5,
+& h6 {
+    font-size: inherit;
+    font-weight: var(--normal);
+}
+
+
+
+}

package/src/lib/_imports/elements/html-elements.docs.css

@@ -2,5 +2,5 @@
 
 /* To scope these styles to main content (i.e. not header, not navbar) */
 :--main-content {
-  font-size: var(--global-font-size--large);
+  font-size: var(--global-font-size--medium);
 }

package/src/lib/_imports/settings/font--docs.css

@@ -8,11 +8,11 @@
   /* https://confluence.tacc.utexas.edu/x/nh4FDg */
   /* CAVEAT: These font sizes assume root font is 10px or an equivalent value */
   /* WARNING: Used in new TACC-Docs; the values are subject to change */
-  --global-font-size--x-small: 1.0rem;
-  --global-font-size--small: 1.2rem;
-  --global-font-size--medium: 1.4rem;
-  --global-font-size--large: 1.6rem;
+  --global-font-size--x-small: 1.2rem;
+  --global-font-size--small: 1.4rem;
+  --global-font-size--medium: 1.6rem;
+  --global-font-size--large: 1.8rem;
   --global-font-size--x-large: 2.1rem;
   --global-font-size--xx-large: 2.8rem;
-  --global-font-size--xxx-large: var(--global-font-size--xx-large);
+  --global-font-size--xxx-large: 3.2rem;
 }

package/src/lib/_imports/tools/x-tabs.structure.css

@@ -7,7 +7,6 @@
 .x-tabs__toggle {
   /* FAQ: If `display: none` were used, keyboard accessibility would break */
   position: absolute;
-  top: -100vh;
   opacity: 0;
 }