GH-73: Texascale: Use 2400px / --max-wide-…

TACC · Jun 22, 2021 · cd45ab7 · cd45ab7
1 parent a047df5
commit cd45ab7
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 4 deletions.
diff --git a/taccsite_cms/static/site_cms/css/src/_imports/objects/o-offset-content.css b/taccsite_cms/static/site_cms/css/src/_imports/objects/o-offset-content.css
@@ -26,8 +26,7 @@ Styleguide Objects.OffsetContent
 	}
 	.o-offset-content--left + .o-offset-content--left { clear: left; }
 }
-/* WARNING: Value `2400px` is from Texascale.org 2020 */
-@media only screen and (--medium-and-above) and (max-width: 2400px) {
+@media only screen and (--medium-and-above) and (--max-wide-and-below) {
   [class*="c-offset-content--"] {
     --max-width: 50%;
   }

diff --git a/taccsite_cms/static/site_cms/css/src/_imports/tools/media-queries.css b/taccsite_cms/static/site_cms/css/src/_imports/tools/media-queries.css
@@ -11,6 +11,7 @@ Notice: These must be Tools (imported as needed) until native browser support, a
 
 Reference:
 - https://drafts.csswg.org/mediaqueries-5/#at-ruledef-custom-media
+- https://confluence.tacc.utexas.edu/x/b4AZCg
 
 Styleguide Tools.CustomMediaQueries.Breakpoints
 */
@@ -40,4 +41,8 @@ Styleguide Tools.CustomMediaQueries.Breakpoints
 
 @custom-media --xxx-wide-and-below (width < 1920px);
 @custom-media --xxx-wide-and-above (width >= 1920px);
-/* @custom-media --xxx-wide-to-omg-wide (... <= width < ...); */
+@custom-media --xxx-wide-to-max-wide (1920px <= width < 2400px);
+
+@custom-media --max-wide-and-below (width < 2400px);
+@custom-media --max-wide-and-above (width >= 2400px);
+/* @custom-media --max-wide-to-god-wide (... <= width < ...); */
diff --git a/taccsite_custom b/taccsite_custom
+1 −2		texascale-org/static/texascale-org/css/src/_imports/components/deprecated/c-offset-content.css
+2 −1		texascale-org/static/texascale-org/css/src/_imports/trumps/s-article-page.css