diff --git a/texascale-org/static/texascale-org/css/src/_imports/components/deprecated/c-offset-content.css b/texascale-org/static/texascale-org/css/src/_imports/components/deprecated/c-offset-content.css index a5e98911..12a87b5e 100644 --- a/texascale-org/static/texascale-org/css/src/_imports/components/deprecated/c-offset-content.css +++ b/texascale-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 index 3544532e..998c52ad 100644 --- 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--"] {