# CSS

CSS files used by the parent theme on the front-end and back-end. Note - there is also a styles.css at the top-level of the theme. It's required by WordPress and used for CSS overrides and customizations for the front-end.

Except where noted, paths start in the aux-wordpress theme folder)

## CSS files for the front-end of the site
(Files listed in the order they are loaded)
* https://aux.tamu.edu/$auxVersion/styles/aux-styles.css
  * aux-styles.css provides styling for everything in the AUX framework. It's loaded from the AUX CDN.
  * Info about the latest version is available at https://aggieux.tamu.edu/?path=/docs/changelog-aux-changelog--docs
  * Enqueue function: wp_enqueue_style
  * Enqueue file: /inc/WP_AUX/Services/HeadService.php
* /style.css
  * WordPress specific CSS overrides and customizations for the AUX PHP theme.
  * Enqueue function: wp_enqueue_style
  * Enqueue file: /inc/WP_AUX/Services/HeadService.php
* (child theme folder)/style.css
  * The style.css at the top-level of a child theme will be loaded after the AUX WordPress parent theme's style.css.
  * Enqueue function: HeadService::enqueueLocalStyle
  * Enqueue file: /inc/WP_AUX/Entities/ThemeEntity.php
* (css files added by WordPress and plugins)
* /css/aux-print-style.css
  * Print stylesheet for the front-end.
  * Enqueue function: wp_enqueue_style
  * Enqueue file: /inc/WP_AUX/Services/HeadService.php

## CSS for the wp-admin side of the site
* /css/aux-wp-admin-style.css
  * CSS for customizing the WordPress admin interface but NOT Gutenberg..
  * Only loaded in wp-admin when there is editor interface (enqueue_block_editor_assets).
  * Enqueue function: enqueue_block_editor_assets
  * Enqueue file: functions.php

## CSS for Gutenberg and the TinyMCE editors
* /css/aux-gutenberg-ui-style.css
  * CSS for customizing the Gutenberg UI (i.e. the block sidebar or toolbar).
  * Only loaded in wp-admin when there is editor interface (enqueue_block_editor_assets).
  * Enqueue function: enqueue_block_editor_assets
  * Enqueue file: functions.php

aux-styles.css and editor-style.css are only loaded in wp-admin when there is editor interface (add_editor_style function). In Gutenberg, add_editor_style() copies the styles from the specified stylesheets into .editor-styles-wrapper. They are inlined before values defined in theme.json.

* https://aux.tamu.edu/$auxVersion/styles/aux-styles.css
  * AUX styling for content in Gutenberg and TinyMCE.
  * Enqueue function: add_editor_style
  * Enqueue file: functions.php
* /css/editor-style.css
  * CSS for customizing Gutenberg and the TinyMCE editor.
  * Enqueue function: add_editor_style
  * Enqueue file: functions.php

## CSS for the AUX Components tools
* /css/aux-components-audit.css
  * CSS for the AUX Components tools in the WordPress admin.
  * Only loaded in wp-admin on AUX tools pages.
  * Enqueue function: HeadService::enqueueLocalStyle
  * Enqueue file: /inc/WP_AUX/Entities/Admin/AuxComponents/AuxComponentsPageEntity.php
