diff --git a/texascale-org/static/texascale-org/css/src/_imports/components/c-offset-content.css b/texascale-org/static/texascale-org/css/src/_imports/components/c-offset-content.css new file mode 100644 index 00000000..50f9d8b1 --- /dev/null +++ b/texascale-org/static/texascale-org/css/src/_imports/components/c-offset-content.css @@ -0,0 +1,5 @@ +/* SEE: taccsite_cms/static/site_cms/css/src/_imports/components/c-offset-content.css */ + +[class*="c-offset-content--"] { + --offset-distance: 8.5vw; +} diff --git a/texascale-org/static/texascale-org/css/src/_imports/components/tacc.c-offset-content.css b/texascale-org/static/texascale-org/css/src/_imports/components/tacc.c-offset-content.css deleted file mode 100644 index a5a11d7e..00000000 --- a/texascale-org/static/texascale-org/css/src/_imports/components/tacc.c-offset-content.css +++ /dev/null @@ -1,28 +0,0 @@ -/* TACC COMPONENTS: Offset Content */ - -[class*="c-offset-content--"] { - --offset-distance: 8.5vw; - --buffer: 30px; /* double Bootstrap `.col` padding */ -} -@media only screen and (min-width: 992px) { - .c-offset-content--right { - float: right; - margin-left: var(--buffer); - } - .c-offset-content--right + .c-offset-content--right { clear: right; } - - .c-offset-content--left { - float: left; - margin-right: var(--buffer); - } - .c-offset-content--left + .c-offset-content--left { clear: left; } -} -@media only screen and (min-width: 992px) and (max-width: 2400px) { - /* Apply negative margin only when using offset value */ - .c-offset-content--right { - margin-right: calc( var(--offset-distance) * -1); - } - .c-offset-content--left { - margin-left: calc( var(--offset-distance) * -1); - } -} diff --git a/texascale-org/static/texascale-org/css/src/site.css b/texascale-org/static/texascale-org/css/src/site.css index 8272d286..03d17285 100644 --- a/texascale-org/static/texascale-org/css/src/site.css +++ b/texascale-org/static/texascale-org/css/src/site.css @@ -20,7 +20,7 @@ /* COMPONENTS */ @import url("_imports/components/wip.byline.css"); /* RFC: If only used on articles, then these components could be imported into `template.article.css` instead */ -@import url("_imports/components/tacc.c-offset-content.css"); +@import url("_imports/components/c-offset-content.css"); @import url("_imports/components/bootstrap.figure.css"); @import url("_imports/components/bootstrap.blockquote.css");