diff --git a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-cms/components/django.cms.blog.app.item.css b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-cms/components/django.cms.blog.app.item.css deleted file mode 100644 index a395214e8..000000000 --- a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-cms/components/django.cms.blog.app.item.css +++ /dev/null @@ -1,6 +0,0 @@ -/* TODO: Share styles between c-news and c-feed-list (`time:not(…)`) */ -.blog-list article time:not(:is(h1, h2, h3, h4, h5, h6) *) { - color: var(--global-color-accent--secondary); - font-weight: var(--medium); - text-transform: uppercase; -} diff --git a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-cms/components/django.cms.blog.app.page.css b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-cms/components/django.cms.blog.app.page.css index 972b7a854..50cf43e32 100644 --- a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-cms/components/django.cms.blog.app.page.css +++ b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-cms/components/django.cms.blog.app.page.css @@ -1,4 +1,5 @@ /* Media & Content - Alignment */ +/* TODO: Share relevant styles with c-news and c-feed-list */ diff --git a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-cms/components/django.cms.picture.css b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-cms/components/django.cms.picture.css deleted file mode 100644 index 4fb6ee0c5..000000000 --- a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-cms/components/django.cms.picture.css +++ /dev/null @@ -1,8 +0,0 @@ -/* HELP: Why/How do I need to add these styles? */ -/* NOTE: There are Core Styles and Core CMS styles for image alignment. */ -/* SEE: https://www.tacc.utexas.edu/news/latest-news/2025/11/11/basic-news-template/?edit (styles below are not needed for figures) */ -/* SEE: https://www.tacc.utexas.edu/education/k-12-students/high-school-camps/gencyber-level-up/ (styles below are needed for images) */ -/* SEE: https://matcssi.tacc.utexas.edu/ (v3.11.1) (styles below not needed for image) */ -img.align-center { - display: block; -} diff --git a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-button.css b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-button.css index 5b7a119b5..916af26ce 100644 --- a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-button.css +++ b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-button.css @@ -8,12 +8,4 @@ main > .container .c-button--is-active { /* FAQ: Design shows 10px font */ font-size: var(--global-font-size--x-small); -} - -/* TODO: Remove from c-button (once it becomes redundant there) */ -/* FAQ: This is now added in generics/attributes.css */ -/* -[disabled] { - pointer-events: none; -} -*/ +} \ No newline at end of file diff --git a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-card.css b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-card.css index 5c8242160..8c84ec886 100644 --- a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-card.css +++ b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-card.css @@ -1,21 +1,3 @@ -/* FIX CARD */ - -/* !!!: When migrated: - 1. Remove `:where(:not(…` (e.g. "not in portal"). - 2. Prevent these styles in apps/tup-ui TicketHistory CSS */ -:is(.card, .c-card, [class*="card--"]) p:last-child:where(:not(#page-portal *)) { - margin-bottom: 2rem; /* restore
`margin-bottom `*/ -} - -/* FAQ: Used on image cards for staff like on /education/k-12-students/ */ -:is(.card, .c-card, [class*="card--"]) h4 { - margin-bottom: 0.375em; -} - - - - - /* SUPPORT LIST IN CARD */ /* FAQ: The Portal uses Bootstrap ".card" for ticket modal */ diff --git a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-content-block.css b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-content-block.css deleted file mode 100644 index d8d720c6c..000000000 --- a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-content-block.css +++ /dev/null @@ -1,12 +0,0 @@ -/* FAQ: Used on TACC as `content-block` */ -/* SEE: https://dev.tup.tacc.utexas.edu/use-tacc/stem-evaluation-services/ */ - -:is(.c-content-block, .content-block) { - margin-bottom: var(--global-space--bootstrap-gap); - padding: var(--global-space--pattern-pad); -} - -:is(.c-content-block, .content-block) :is(h1, h2, h3, h4, h5, h6) { - border-left: var(--global-border-width--xx-thick) solid var(--global-color-accent--tertiary); - padding-left: 10px; -} diff --git a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-update.css b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-update.css deleted file mode 100644 index ed8c17e63..000000000 --- a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/components/c-update.css +++ /dev/null @@ -1,10 +0,0 @@ -.c-update__header { - display: flex; - align-items: baseline; -} - -.c-update__title { - margin-right: 0.5em; - - text-transform: uppercase; -} diff --git a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/generics/attributes.css b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/generics/attributes.css deleted file mode 100644 index 5fc9012e1..000000000 --- a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/generics/attributes.css +++ /dev/null @@ -1,13 +0,0 @@ -/* To render data-prefix value as prefixed text */ -[data-prefix]::before { - display: inline-block; - content: attr(data-prefix); - margin-right: 0.25ch; - - text-transform: none; -} - -/* TODO: Remove from c-button in Core-Styles */ -[disabled] { - pointer-events: none; -} diff --git a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/objects/o-heading-steps.css b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/objects/o-heading-steps.css deleted file mode 100644 index 7eaa35853..000000000 --- a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/objects/o-heading-steps.css +++ /dev/null @@ -1,15 +0,0 @@ -/* To add numbers to steps */ -.heading-steps, -[class*="heading-steps--"] { - counter-reset: step; -} -.heading-steps :is(h1, h2, h3, h4, h5, h6), -[class*="heading-steps--"] :is(h1, h2, h3, h4, h5, h6) { - counter-increment: step; -} -.heading-steps--root :is(h1, h2, h3, h4, h5, h6)::before, -.heading-steps__item :is(h1, h2, h3, h4, h5, h6)::before { - content: counter(step) '. '; - color: var(--global-color-accent--secondary); - font-weight: var(--medium); -} diff --git a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/trumps/s-header.css b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/trumps/s-header.css deleted file mode 100644 index 821245264..000000000 --- a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/trumps/s-header.css +++ /dev/null @@ -1,49 +0,0 @@ -/* NOTE: Minimal tweaks from Designer (in lieu of TACC/Core-CMS#222) */ -/* WARNING: Might conflict with TACC/Core-CMS#222 */ -.s-header { - font-size: var(--global-font-size--medium); - font-weight: var(--bold); - letter-spacing: 0.025px; /* 14px * 0.025em equals design-requested 0.35px */ -} - -/* To enlarge height for all screen widths */ -/* TODO: Change in Core-Styles */ -@media only screen and (min-width: 992px) { - .s-header { - height: 60px; - } -} - -/* To stretch nav items to header height (while retaining vertical centering) */ -/* TODO: Change in Core-Styles */ -.s-header, -.s-header .navbar-collapse { - align-items: stretch; -} -@media only screen and (min-width: 992px) { - .s-header .nav-item { - display: flex; - } -} -.s-header .nav-link { - display: flex; - align-items: center; -} -@media only screen and (min-width: 992px) { - .s-header[class*="navbar-expand-"] .navbar-nav .nav-link { - padding-block: 0; /* overwrite core-styles.header.css */ - } -} -.s-header .navbar-brand { - display: grid; - align-content: center; -} - -.s-header .dropdown-item:focus, -.s-header .dropdown-item:hover { - background-color: rgba(var(--global-color-primary--light-rgb), 0.3); -} -.s-header .dropdown-item.active, -.s-header .dropdown-item:active { - background-color: var(--global-color-accent--normal); -} diff --git a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/trumps/u-highlight.css b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/trumps/u-highlight.css index b45c67bb7..ae6822c31 100644 --- a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/trumps/u-highlight.css +++ b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/for-core-styles/trumps/u-highlight.css @@ -1,6 +1,9 @@ /* Highlight */ /* TODO: Create an .x-highlight used to extend a and a .u-highlight */ +/* TODO: Consider whether should be in Core-Styles… + Perhaps the client should decide what tag to use. */ +/* SEE: https://tacc-team.slack.com/archives/CQUA4D5KJ/p1696285622741979 */ mark, .x-highlight, :is(.u-highlight, .highlight) { diff --git a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/tup-cms.for-core-cms.css b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/tup-cms.for-core-cms.css index abb78176a..486381b59 100644 --- a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/tup-cms.for-core-cms.css +++ b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/tup-cms.for-core-cms.css @@ -15,9 +15,7 @@ /* COMPONENTS */ @import url("./for-core-cms/components/c-footer.css") layer(project); -@import url("./for-core-cms/components/django.cms.blog.app.item.css") layer(project); @import url("./for-core-cms/components/django.cms.blog.app.page.css") layer(project); -@import url("./for-core-cms/components/django.cms.picture.css") layer(project); @import url("./for-core-cms/components/lightgallery.css") layer(project); /* TRUMPS */ diff --git a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/tup-cms.for-core-styles.css b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/tup-cms.for-core-styles.css index c0e63518f..39375e306 100644 --- a/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/tup-cms.for-core-styles.css +++ b/apps/tup-cms/src/taccsite_custom/tup_cms/static/tup_cms/css/tup-cms.for-core-styles.css @@ -5,14 +5,13 @@ /* … */ /* GENERICS */ -@import url("./for-core-styles/generics/attributes.css") layer(base); +/* … */ /* ELEMENTS */ /* … */ /* OBJECTS */ @import url("./for-core-styles/objects/o-section.css") layer(base); -@import url("./for-core-styles/objects/o-heading-steps.css") layer(base); /* COMPONENTS */ @import url("./for-core-styles/components/c-button.css") layer(base); @@ -21,8 +20,6 @@ @import url("./for-core-styles/components/c-feed-list.css") layer(base); @import url("./for-core-styles/components/c-news.css") layer(base); @import url("./for-core-styles/components/c-pill.css") layer(base); -@import url("./for-core-styles/components/c-update.css") layer(base); /* TRUMPS */ @import url("./for-core-styles/trumps/u-highlight.css") layer(base); -@import url("./for-core-styles/trumps/s-header.css") layer(base); diff --git a/apps/tup-ui/src/main.global.for-core-styles.css b/apps/tup-ui/src/main.global.for-core-styles.css index f54d0de31..f173dc2e2 100644 --- a/apps/tup-ui/src/main.global.for-core-styles.css +++ b/apps/tup-ui/src/main.global.for-core-styles.css @@ -44,16 +44,6 @@ hr { height: 16px; } -/* TODO: Remove this after: - 0. attributes.css is migrated to Core-Styles - 1. attributes.css is loaded by Portal */ -[data-prefix]::before { - display: inline-block; - content: attr(data-prefix); - margin-right: 0.25ch; - text-transform: none; -} - /* TODO: Remove this after: 0. CEP v2 colors are removed from Core-Styles settings/color--portal */ #page-portal main /* i.e. global-safe :root */ {