- Migrate `branding_logos` CSS to `c-branding` & `c-logo`.
- In `s-header` style `.c-logo` not `.navbar-brand`.
- Update and format markup for `header_branding` and `header_logo`.
- Comment on now-unused secrets values.

…riables

…design--branding-bar

…ng-bar

GH-101: Branding Bar

- Remove now-moot taccsite_custom:frontera-cms search bar font sizes.
- Support CSS custom selectors (known external bug).
- Test CSS custom selectors (known external bug).
- Remove outdated comment from `c-branding`.
- Set `c-logo` image height in component stylesheet.
- Add TODO for `html { font-size: 62.5%; }`
- Add arrow "mixin" (note: using `%-arrow` syntax).
- Redesign header (but not dropdowns and not portal nav).
- Remove now-moot `s-portal-nav` styles.
- Add & Update header env variables for themes.
- Perform "GH-129: Do Not Support CMS Menu Nav Link & Dropdown".

Prevent dropdown link from being flagged as active.

- (Real Fix) Ensure colors are available to Docs.
- (Possible Fix) Ensure correct colors are available to Portal.\*

\* The Portal has its own settings/color.css that is almost identical.

- Load new styles solely for docs header.
- Force branding styles on old markup.
- Migrate subsite selectors from `trumps/s-header` to `tools/selectors`.
- Rename `:--in-__subsite__` selectors to `:--from-__subsite__`.
- Create new styles solely for docs header.
- Document "For (Other Sites)" i.e. `trumps/for-docs.*.css` stylesheets.

Unset Docs' `img { max-width; }`. Docs does this too but for old markup.

- Install `merge-lite` for deep merge constants and theme data.
- Use env() vars for header height.
- Remove unnecessary code and improve comments.
- Create constants for theme JSON.
- Merge constants on top of theme data.
- Update theme data comment syntax.

- Add frontera-cms logo width overwrite (temp. ineffectual, see GH-223).
- Prevent Core (but not a project) from stretching logo too wide.
- Align CMS nav for narrow logos. Allow project-specific adaptation.

- Remove redundant color assignment for nav-link.

…riables

Task/gh 101 header redesign  env variables (update)

- Add font weight constants.
- Add border constants.
- Style dropdowns and use new constants.

Use correct global var not wrong env var for branding bar bkgd.

Scope dropdown styles to header so as to not effect any other dropdowns.

1. Scope header-specific `.c-branding` styles with `.s-header`.
2. Clarify which `s-header` is being styled and why.
3. Remove `s-header` ID from sample header markup.
4. Add `s-header` class to `header-branding`.
5. Replace `s-header` ID with `header-navbar` ID.

Portal needs to overwrite Bootstrap's color for active `dropdown-item`.

Instead of defining a value to be overwritten, set a fallback.

This reduces one level of overwrite when tracking/debugging values.

Ensure Portal & Docs line-height (in header) matches CMS.

- The responsive space between nav items now considers portal elements.
- Whether header is loaded on portal is noted by presence of a class.

…design--navigation-bar

…tion-bar

TACC/Core-CMS-Resources#47

Without quotes, values were not recognized, and thus not applied.

- Use new portal env() vars for nav padding.
- No custom logo width (related to portal nav via navbar padding).
- Remove border between search and portal nav.
- Add Portal nav styles.
- Add new portal env() vars for nav padding.
- Comment on header link bkgd color env() var value.
- Add new header env() var for portal nav bkgd color.

…-nav

- Remove branding images style that is made redundant.
- Allow logo height less than 100% (for navbar).
- Ensure navbar logo styles do not affect brand bar.
- Give limited flexibility to navbar logo.
- Use c-logo for branding images.

- Add compressed and expanded styles in two files.
- Increase body min-width (to prevent wrap of navbar toggle).
- Remove condition for navbar breakpoint; now it's always 992px.
- Migrate some `s-header` CSS to `[…].expanded` and `[…].compressed`.
- Use `top` to position arrows isntead of `margin`.
- Truncate nav links.
- Style dropdowns.
- Add nav link text span wrappers (to prevent truncation of menu arrows).

…-nav

- Import all icon styles (not just some).
- Support mobile brandbar.
- Support mobile vs. desktop navbar & brandbar heights.
- Support mobile logo.
- Support mobile navbar collabsible menu.
- Add new theme constants for navbar & branbar heights.
- Add navbar menu button text.

…-nav

GH-101: Navigation Bar (Mobile Menus & Toggle)

- Tweak a comment (related cuz it's also icon hack).
- Migrate Portal nav styles to `s-portal-nav.css`.
- Add hack to swap FA icons with Cortal icons.
- Update CSS sample `s-portal-nav.html`.

…-icons-hack

Hack: GH-101: Use Cortal icons sans markup change

- Use CSS instead of markup to control margin left on header elements.
- Make header code DRY now that classNames match.

- Support `:not` with multiple elements.
- Layout Search and Portal elements in mobile nav.
- Edit existing relevant CSS to be consitent and accurately organized.

The "chevron" was a bit too big. Fixed.

It is not thick enough on mobile, but the code should stay simple.

This code is all pending a real icon, anyway.

…-nav-layout

Isolate shrinking and truncation of certain elements of the navbar.

This reverts commit ba31e2e.

Load the portal nav into place, then transition it into normal width.

Give sidebar gentle push—not abruptly shove—when portal nav loads.

Migrate the new code of the previous commits to a stylesheet, so Docs can load it.

…-nav-load-transition

Ensure CMS & Docs and Portal load the correct styles for their need.

…-nav-load-transition

GH-101: Portal Nav (Load with Transition / Animation) - Bug Fixes / Missing Commit

- Limit large nav link padding to CMS links.
- Limit nav icon spacing depending on nav and screen width.
- Split icon styles between compressed and expanded.
- Add missing markup for `s-portal-nav` sample HTML.

- New CSS plugin test for nested @extend's.
- New mixin "mobile button".
- Use mixin for mobile button styles in header.

…-nav-mobile

- Confert "mobile button" layout from flex to grid.
- Update "mobile button" instances accordingly.

Do not set `display: grid` in `x-mobile-button`.

- Add more nav media queries.
- Use new constants.
- Shove Portal Nav up into Search Bar row (do not properly share 1 row).
- Ensure icon spacing is accurate given different nav states.
- Add background for Portal Nav & Search Bar "row".
- Make all mobile dropdown menu items have same font size.
- Retain wide portal nav for one breakpoint within collapsed navbar.
- Limit Portal Nav load transition to when navbar is expanded.
- Add new constants.

…-nav-mobile

- __New__: Migrate `s-header-….css` into to `s-header.css`.
- _Minor_: Clearer comment in `c-branding`.
- _Minor_: Migrate style specific to `tacc-search-bar` to its CSS file.
- __Fix__: Resolve Docs bugs (caused by outdated Docs styles).
- _Minor_: Clearer comments in `s-cms-nav`.
- __New__: Refactor `s-header.css`.
- _Minor_: Clearer comments in `s-portal-nav`.

GH-101: Cleanup

WARNING: Not tested on light theme, yet.

- __Fix__: Remove "freeze variables".
- __New__: Remove old, bad search styles.
- __New__: Add new, good search styles.
- _Minor_: Remove beginner comments about `position: relative`.
- __New__: Add new utility for hiding elements.
- __New__: Add new theme/env vars for search border and background.
- __Fix__: Simplify search field markup.

Remove Frontera styles that are no longer necessary.

…-bar

A custom selector is constant.

One can not change a custom selector at runtime.

Use `navbar-expand-lg` (for now) to match Portal & Docs.

Notes:
- Ideally CSS can change media queries to match diff markup per subsite.
- But there is NOT feasible CSS way to do this.
- And the effort for a way it can be done (nesting rules) is too great.
- So great an effort I might as well update Portal+Docs markup.

…a-queries

The Docs nav was covering the Header nav because of its z-index.

Older use of z-index required excess application and values.

Since browsers agreed on stacking context, z-index usage is simplified.

Explanation:
- The selector `.s-header:not(.is-on-portal)` failed.
- Because It affected Portal & Docs, which lack `.is-on-portal`.
- It must be limited to CMS (until Portal & Docs have `.is-on-portal`).

Other Changes:
- Improved related comments.
- Added and used `--nav-x-wide-and-...` custom media queries.

- _Minor_: Define variable (even if its absense breaks nothing).
- __Fix__: Remove effort to half-match design.
- _Minor_: Accept and note the deviation above.

- __Fix__: Spacing values were wrong.
- _Minor_: Reorganized Dropdown styles to mirror Nav style organization.

- __Fix__: No background color for shown nav item dropdown.
- _Minor_: Add missing comments for "Nav Link: State: Mobile/Desktop".

- __Fix__: Make this spacing more match design.
- __New__: Propogate constant renames and use new constants.
- __New__: Distinguish `--header-navbar-...-pad` for mobile & normal.

- __New__: Add CSS nesting support.
- __New__: Add CSS nesting test case.
- __Fix__: Darken background for browsers that cannot blur yet.
- _MInor_: Fix other `backdrop-filter` instances.