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

TACC · Jun 22, 2021 · 25f3575 · 25f3575
1 parent 4fe6ad7
commit 25f3575
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/...cale-org/static/texascale-org/css/src/_imports/components/deprecated/c-offset-content.css b/...cale-org/static/texascale-org/css/src/_imports/components/deprecated/c-offset-content.css
@@ -31,8 +31,7 @@ Styleguide Components.Texascale.Deprecated.OffsetContent
 	}
 	.c-offset-content--left + .c-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) {
     /* Apply negative margin only when using offset value */
 	.c-offset-content--right {
 		margin-right: calc( var(--offset-distance) * -1);

diff --git a/texascale-org/static/texascale-org/css/src/_imports/trumps/s-article-page.css b/texascale-org/static/texascale-org/css/src/_imports/trumps/s-article-page.css
@@ -12,6 +12,7 @@ Markup:
 
 Styleguide Trumps.Scopes.Article
 */
+@import url("_imports/tools/media-queries.css");
 
 /* Prevent content after article from wrapping around floated content in article */
 .s-article-page .container,
@@ -23,7 +24,7 @@ Styleguide Trumps.Scopes.Article
 }
 
 /* Do this only for those viewports when content is actually offset */
-@media only screen and (min-width: 992px) and (max-width: 2400px) {
+@media only screen and (--medium-and-above) and (--max-wide-and-below) {
   /* If element is too wide, then the offset is negligible */
   .s-article-page [class*="c-offset-content--"], /* FAQ: Deprecated */
   .s-article-page [class*="o-offset-content--"] {