Skip to content

Core Styles Client Usage Evaluation

Jump to bottom
Wesley B edited this page Jul 29, 2022 · 7 revisions

What Uses Core-Styles?

Reports what clients do / will use which modules. Help determine where core-styles should live and whether to break it up.

Last Updated: 2022-07-21 (no future updates expected) (temporary page)

Abstract

Of Core-Styles modules:

  • 63% are solely for Core-CMS
  • 90% are used by Core-CMS

Summary

62 total CSS modules in Core-Styles\

  • 17 modules for all current clients: Core-CMS, TUP-UI, Core-Portal (not all using, but should be)
  • 56 modules used by Core-CMS.
  • 40 modules used only by Core-CMS.
  • 10 modules used by TUP-UI (7 of which used by Core-Portal)
  • 7 modules available to Core-Portal (not used yet) (were sourced to Core-Styles)

Only 4 modules truly 100% benefit from being shared between any portal and the CMS:
bootstrap.form, c-button, c-page, o-flex-item-table-wrap

CMS & Components & Portal

Are / Should be / Will be Used by All Current Clients

Count: 17

@tacc/core-styles/                /objects/   o-flex-item-table-wrap.css
@tacc/core-styles/                /components/c-button.css
@tacc/core-styles/                /components/c-data-list.css
@tacc/core-styles/                /components/bootstrap.button.css
@tacc/core-styles/                /components/bootstrap.form.css
@tacc/core-styles/                /components/bootstrap.modal.css
@tacc/core-styles/                /components/c-button.css
@tacc/core-styles/                /components/c-page.css
@tacc/core-styles/                /components/c-show-more.css
@tacc/core-styles/                /trumps/     icon.css
@tacc/core-styles/                /trumps/    icon.fonts.css
@tacc/core-styles/                /tools/     x-truncate.css
@tacc/core-styles/                /tools/     media-queries.css
@tacc/core-styles/                /settings/  border.css
@tacc/core-styles/                /settings/  color.css
@tacc/core-styles/                /settings/  font.css
@tacc/core-styles/                /settings/  space.css

CMS

Are Used by Core-CMS

Count: 56

@tacc/core-styles/src/lib/_imports/components/bootstrap.container.css
@tacc/core-styles/src/lib/_imports/components/bootstrap.figure.css
@tacc/core-styles/src/lib/_imports/components/bootstrap.pagination.css
@tacc/core-styles/src/lib/_imports/components/c-button.css
@tacc/core-styles/src/lib/_imports/components/c-callout.css
@tacc/core-styles/src/lib/_imports/components/c-card.css
@tacc/core-styles/src/lib/_imports/components/c-data-list.css
@tacc/core-styles/src/lib/_imports/components/c-footer.css
@tacc/core-styles/src/lib/_imports/components/c-image-map.css
@tacc/core-styles/src/lib/_imports/components/c-image-map.skin.css
@tacc/core-styles/src/lib/_imports/components/c-image-map.structure.css
@tacc/core-styles/src/lib/_imports/components/c-nav.css
@tacc/core-styles/src/lib/_imports/components/c-page.css
@tacc/core-styles/src/lib/_imports/components/c-recognition.css
@tacc/core-styles/src/lib/_imports/components/c-see-all-link.css
@tacc/core-styles/src/lib/_imports/components/c-show-more.css
@tacc/core-styles/src/lib/_imports/elements/  html-elements.css
@tacc/core-styles/src/lib/_imports/elements/  tacc-search-bar.css
@tacc/core-styles/src/lib/_imports/elements/  tacc-search-bar.md
@tacc/core-styles/src/lib/_imports/objects/   o-flex-item-table-wrap.css
@tacc/core-styles/src/lib/_imports/objects/   o-grid.css
@tacc/core-styles/src/lib/_imports/objects/   o-offset-content.css
@tacc/core-styles/src/lib/_imports/objects/   o-section.css
@tacc/core-styles/src/lib/_imports/objects/   o-site.css
@tacc/core-styles/src/lib/_imports/settings/  border.css
@tacc/core-styles/src/lib/_imports/settings/  color.css
@tacc/core-styles/src/lib/_imports/settings/  font.css
@tacc/core-styles/src/lib/_imports/settings/  max-width.css
@tacc/core-styles/src/lib/_imports/settings/  space.css
@tacc/core-styles/src/lib/_imports/tools/     media-queries.css
@tacc/core-styles/src/lib/_imports/tools/     x-article-link.css
@tacc/core-styles/src/lib/_imports/tools/     x-center.css
@tacc/core-styles/src/lib/_imports/tools/     x-fake-border.css
@tacc/core-styles/src/lib/_imports/tools/     x-grid.css
@tacc/core-styles/src/lib/_imports/tools/     x-layout.css
@tacc/core-styles/src/lib/_imports/tools/     x-overlay.css
@tacc/core-styles/src/lib/_imports/tools/     x-truncate.css
@tacc/core-styles/src/lib/_imports/trumps/    icon.css
@tacc/core-styles/src/lib/_imports/trumps/    icon.fonts.css
@tacc/core-styles/src/lib/_imports/trumps/    s-article-list.css
@tacc/core-styles/src/lib/_imports/trumps/    s-article-preview.css
@tacc/core-styles/src/lib/_imports/trumps/    s-blockquote.css
@tacc/core-styles/src/lib/_imports/trumps/    s-breadcrumbs.css
@tacc/core-styles/src/lib/_imports/trumps/    s-cms-nav.css
@tacc/core-styles/src/lib/_imports/trumps/    s-document.css
@tacc/core-styles/src/lib/_imports/trumps/    s-footer.css
@tacc/core-styles/src/lib/_imports/trumps/    s-guide-doc.css
@tacc/core-styles/src/lib/_imports/trumps/    s-header.css
@tacc/core-styles/src/lib/_imports/trumps/    s-inline-dl.css
@tacc/core-styles/src/lib/_imports/trumps/    s-portal-nav.css
@tacc/core-styles/src/lib/_imports/trumps/    s-style-guide.css
@tacc/core-styles/src/lib/_imports/trumps/    s-system-specs.css
@tacc/core-styles/src/lib/_imports/trumps/    tacc-search-bar.css
@tacc/core-styles/src/lib/_imports/trumps/    u-empty.css
@tacc/core-styles/src/lib/_imports/trumps/    u-hide.css
@tacc/core-styles/src/lib/_imports/trumps/    u-nested-text-content.css

Are Used Only by Core-CMS

Count: 39

@tacc/core-styles/src/lib/_imports/components/bootstrap.container.css
@tacc/core-styles/src/lib/_imports/components/bootstrap.figure.css
@tacc/core-styles/src/lib/_imports/components/bootstrap.pagination.css
@tacc/core-styles/src/lib/_imports/components/c-callout.css
@tacc/core-styles/src/lib/_imports/components/c-card.css
@tacc/core-styles/src/lib/_imports/components/c-footer.css
@tacc/core-styles/src/lib/_imports/components/c-image-map.css
@tacc/core-styles/src/lib/_imports/components/c-image-map.skin.css
@tacc/core-styles/src/lib/_imports/components/c-image-map.structure.css
@tacc/core-styles/src/lib/_imports/components/c-nav.css
@tacc/core-styles/src/lib/_imports/components/c-recognition.css
@tacc/core-styles/src/lib/_imports/components/c-see-all-link.css
@tacc/core-styles/src/lib/_imports/elements/  html-elements.css
@tacc/core-styles/src/lib/_imports/elements/  tacc-search-bar.css
@tacc/core-styles/src/lib/_imports/elements/  tacc-search-bar.md
@tacc/core-styles/src/lib/_imports/objects/   o-grid.css
@tacc/core-styles/src/lib/_imports/objects/   o-offset-content.css
@tacc/core-styles/src/lib/_imports/objects/   o-section.css
@tacc/core-styles/src/lib/_imports/tools/     x-article-link.css
@tacc/core-styles/src/lib/_imports/tools/     x-fake-border.css
@tacc/core-styles/src/lib/_imports/tools/     x-grid.css
@tacc/core-styles/src/lib/_imports/tools/     x-layout.css
@tacc/core-styles/src/lib/_imports/tools/     x-overlay.css
@tacc/core-styles/src/lib/_imports/trumps/    s-article-list.css
@tacc/core-styles/src/lib/_imports/trumps/    s-article-preview.css
@tacc/core-styles/src/lib/_imports/trumps/    s-blockquote.css
@tacc/core-styles/src/lib/_imports/trumps/    s-breadcrumbs.css
@tacc/core-styles/src/lib/_imports/trumps/    s-cms-nav.css
@tacc/core-styles/src/lib/_imports/trumps/    s-document.css
@tacc/core-styles/src/lib/_imports/trumps/    s-footer.css
@tacc/core-styles/src/lib/_imports/trumps/    s-guide-doc.css
@tacc/core-styles/src/lib/_imports/trumps/    s-header.css
@tacc/core-styles/src/lib/_imports/trumps/    s-inline-dl.css
@tacc/core-styles/src/lib/_imports/trumps/    s-portal-nav.css
@tacc/core-styles/src/lib/_imports/trumps/    s-style-guide.css
@tacc/core-styles/src/lib/_imports/trumps/    s-system-specs.css
@tacc/core-styles/src/lib/_imports/trumps/    tacc-search-bar.css
@tacc/core-styles/src/lib/_imports/trumps/    u-empty.css
@tacc/core-styles/src/lib/_imports/trumps/    u-nested-text-content.css

Portal

* denotes where a Portal-only copy (not in core-styles) is sensible

Are Used by Core-Components

Count: 10

@tacc/core-styles/dist            /components/bootstrap.form.css
@tacc/core-styles/dist            /components/c-button.css
@tacc/core-styles/src/lib/_imports/components/c-page.css
@tacc/core-styles/src/lib/_imports/objects/   o-flex-item-table-wrap.css
@tacc/core-styles/dist            /tools/     x-truncate.css             # *
@tacc/core-styles/src/lib/_imports/tools/     media-queries.css          # *
@tacc/core-styles/src/lib/_imports/settings/  border.css                 # *
@tacc/core-styles/src/lib/_imports/settings/  color.css                  # *
@tacc/core-styles/src/lib/_imports/settings/  font.css                   # *
@tacc/core-styles/src/lib/_imports/settings/  space.css                  # *

Are Used by Core-Portal

Count: 07

@tacc/core-styles/src/lib/_imports/objects/   o-flex-item-table-wrap.css
@tacc/core-styles/dist            /tools/     x-truncate.css             # *
@tacc/core-styles/src/lib/_imports/tools/     media-queries.css          # *
@tacc/core-styles/src/lib/_imports/settings/  border.css                 # *
@tacc/core-styles/src/lib/_imports/settings/  color.css                  # *
@tacc/core-styles/src/lib/_imports/settings/  font.css                   # *
@tacc/core-styles/src/lib/_imports/settings/  space.css                  # *

Should be Used by Core-Portal Who Uses its Own Copy

Count: 07

@tacc/core-styles/dist            /components/bootstrap.button.css
@tacc/core-styles/dist            /components/bootstrap.form.css
@tacc/core-styles/dist            /components/bootstrap.modal.css
@tacc/core-styles/dist            /components/c-button.css
@tacc/core-styles/dist            /components/c-page.css
@tacc/core-styles/dist            /components/c-show-more.css
@tacc/core-styles/dist            /trumps/    icon.css
@tacc/core-styles/src/lib/_imports/trumps/    icon.fonts.css

Appendix

Complete list

Count: 62

@tacc/core-styles/                /components/bootstrap.container.css
@tacc/core-styles/                /components/bootstrap.figure.css
@tacc/core-styles/                /components/bootstrap.form.css
@tacc/core-styles/                /components/bootstrap.modal.css
@tacc/core-styles/                /components/bootstrap.pagination.css
@tacc/core-styles/                /components/c-button.css
@tacc/core-styles/                /components/c-callout.css
@tacc/core-styles/                /components/c-card.css
@tacc/core-styles/                /components/c-data-list.css
@tacc/core-styles/                /components/c-footer.css
@tacc/core-styles/                /components/c-image-map.css
@tacc/core-styles/                /components/c-image-map.skin.css
@tacc/core-styles/                /components/c-image-map.structure.css
@tacc/core-styles/                /components/c-nav.css
@tacc/core-styles/                /components/c-page.css
@tacc/core-styles/                /components/c-recognition.css
@tacc/core-styles/                /components/c-see-all-link.css
@tacc/core-styles/                /components/c-show-more.css
@tacc/core-styles/                /components/cortal.icon.css
@tacc/core-styles/                /components/cortal.icon.font.css
@tacc/core-styles/                /components/cortal.icon.font.md-elements.css
@tacc/core-styles/                /elements/tacc-search-bar.css
@tacc/core-styles/                /elements/tacc-search-bar.md
@tacc/core-styles/                /generics/README.md
@tacc/core-styles/                /objects/o-fixed-header-table.css
@tacc/core-styles/                /objects/o-flex-item-table-wrap.css
@tacc/core-styles/                /objects/o-grid.css
@tacc/core-styles/                /objects/o-offset-content.css
@tacc/core-styles/                /objects/o-section.css
@tacc/core-styles/                /objects/o-site.css
@tacc/core-styles/                /settings/border.css
@tacc/core-styles/                /settings/color.css
@tacc/core-styles/                /settings/font.css
@tacc/core-styles/                /settings/max-width.css
@tacc/core-styles/                /settings/space.css
@tacc/core-styles/                /tools/media-queries.css
@tacc/core-styles/                /tools/x-article-link.css
@tacc/core-styles/                /tools/x-center.css
@tacc/core-styles/                /tools/x-fake-border.css
@tacc/core-styles/                /tools/x-grid.css
@tacc/core-styles/                /tools/x-layout.css
@tacc/core-styles/                /tools/x-overlay.css
@tacc/core-styles/                /tools/x-truncate.css
@tacc/core-styles/                /trumps/icon.css
@tacc/core-styles/                /trumps/icon.fonts.css
@tacc/core-styles/                /trumps/s-article-list.css
@tacc/core-styles/                /trumps/s-article-preview.css
@tacc/core-styles/                /trumps/s-blockquote.css
@tacc/core-styles/                /trumps/s-breadcrumbs.css
@tacc/core-styles/                /trumps/s-cms-nav.css
@tacc/core-styles/                /trumps/s-document.css
@tacc/core-styles/                /trumps/s-footer.css
@tacc/core-styles/                /trumps/s-guide-doc.css
@tacc/core-styles/                /trumps/s-header.css
@tacc/core-styles/                /trumps/s-inline-dl.css
@tacc/core-styles/                /trumps/s-portal-nav.css
@tacc/core-styles/                /trumps/s-style-guide.css
@tacc/core-styles/                /trumps/s-system-specs.css
@tacc/core-styles/                /trumps/tacc-search-bar.css
@tacc/core-styles/                /trumps/u-empty.css
@tacc/core-styles/                /trumps/u-hide.css
@tacc/core-styles/                /trumps/u-nested-text-content.css
Clone this wiki locally