Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Support Forward-Compatible CSS #171

Closed
wesleyboar opened this issue Mar 30, 2021 · 1 comment · Fixed by #173
Closed

Support Forward-Compatible CSS #171

wesleyboar opened this issue Mar 30, 2021 · 1 comment · Fixed by #173
Assignees
@wesleyboar
Labels
effort XS Extra small effort task (~¼ a week) — does not include review time feature A new feature or replacement of present feature priority ━ Medium priority
Milestone
Frontera Redesign...

Comments

@wesleyboar
Copy link
Member

Goal

Add CSS processing plugin that supports forward-compatible CSS. Initially, just add support for these features:

Background

  1. CSS has features that are not yet supported by browsers.
  2. Some of those features can be reliably polyfilled.
  3. The PostCSS plugin postcss-preset-env compiles such polyfills to support many features.
  4. @tacc-wbomar needs this features to reduce maintenance by having DRY code.

Requirements

  1. PostCSS plugin postcss-preset-env must be added.
  2. Feature custom-media-queries should be added.
  3. Test for successful polyfill-ing must be available and documented.
@wesleyboar wesleyboar added effort XS Extra small effort task (~¼ a week) — does not include review time feature A new feature or replacement of present feature priority ━ Medium priority labels Mar 30, 2021
@wesleyboar wesleyboar self-assigned this Mar 30, 2021
@wesleyboar wesleyboar added this to the Frontera Redesign Phase 0 milestone Mar 30, 2021
wesleyboar added a commit that referenced this issue Mar 30, 2021
@wesleyboar
GH-171: Support Plugin for Forward-Compatible CSS
d33ce33
wesleyboar added a commit that referenced this issue Mar 30, 2021
@wesleyboar
GH-171: Improve test legibility / Retain bad css
ec0e194
This was referenced Mar 30, 2021
Closed
Merged
wesleyboar added a commit that referenced this issue Mar 30, 2021
@wesleyboar
Merge branch 'task/GH-171-support-css-that-is-forwards-compatible' in…
f5e4835 
…to milestone/10-frontera-redesign-phase-0
@wesleyboar wesleyboar mentioned this issue Mar 30, 2021
Closed
wesleyboar added a commit that referenced this issue Mar 30, 2021
@wesleyboar
GH-171: Add media-query-ranges
689cced
This was linked to pull requests Mar 30, 2021
Duplicate of #173 #172
Closed
Task/gh 171 support css that is forwards compatible #173
Merged
wesleyboar added a commit that referenced this issue Mar 30, 2021
@wesleyboar
Merge branch 'task/GH-171-support-css-that-is-forwards-compatible' in…
9a97dfd 
…to milestone/10-frontera-redesign-phase-0
@wesleyboar wesleyboar mentioned this issue Mar 30, 2021
Closed
wesleyboar added a commit that referenced this issue Mar 30, 2021
@wesleyboar
GH-171: Add breakpoints variables; use on sections
52d7f50 
- Add `_imports` pattern stylesheet to get parsed styles for production.
- Limit `<body>` width and overflow.
wesleyboar added a commit that referenced this issue Mar 30, 2021
@wesleyboar
GH-171: Frontera: Temp _imports.s-home.css
a0552b0
wesleyboar added a commit that referenced this issue Mar 30, 2021
@wesleyboar
GH-171: Frontera: Fix border bug in s-section
e4565ff
wesleyboar added a commit that referenced this issue Mar 30, 2021
@wesleyboar
GH-171: Frontera: Initial Home News CSS
172093d
wesleyboar added a commit that referenced this issue Mar 30, 2021
@wesleyboar
GH-171: Support Wider Bootstrap Containers
bb92837
wesleyboar added a commit that referenced this issue Mar 30, 2021
@wesleyboar
GH-171: Support responsive Img widths, all breaks
5c24d84
wesleyboar added a commit that referenced this issue Mar 30, 2021
@wesleyboar
GH-171: Refactor section banner
2dce8e7
wesleyboar added a commit that referenced this issue Mar 30, 2021
@wesleyboar
GH-171: Use long rel. paths to include site_shared
4812de9 
Doing this until I find a maintainable intuivive solution.
wesleyboar added a commit that referenced this issue Mar 31, 2021
@wesleyboar
GH-171: Fix media query typos
1d9e4f7
wesleyboar added a commit that referenced this issue Mar 31, 2021
@wesleyboar
GH-171: Support xx-narrow-and-below viewports
b80f30d
wesleyboar added a commit that referenced this issue Mar 31, 2021
@wesleyboar
GH-171: Simple section style bkgd & Fix responsive
20bd27a
wesleyboar added a commit that referenced this issue Mar 31, 2021
@wesleyboar
GH-171: Allow body overflow (cuz of last commit)
676e8e3
wesleyboar added a commit that referenced this issue Mar 31, 2021
@wesleyboar
GH-171: Get latest submodule's GH-35 changes
223d9a7
wesleyboar added a commit that referenced this issue Mar 31, 2021
@wesleyboar
GH-171: Major: Change standard font family for CMS
f0042bb 
- Use "Benton Sans" as standard CMS font.
- Use "Roboto" as backup CMS font.
- Preserve "Roboto" as standard web font.
- Add two sets of font weight variables (consistent naming & shorthand).
wesleyboar added a commit that referenced this issue Mar 31, 2021
@wesleyboar
GH-171: Major: Change standard font family for CMS
1cfbb59 
- Use "Benton Sans" as standard CMS font.
- Use "Roboto" as backup CMS font.
- Preserve "Roboto" as search form font (to match Portal).
- Add two sets of font weight variables (consistent naming & shorthand).

SEE: [Shared UI - Constants - Font](https://confluence.tacc.utexas.edu/x/cYAZCg)
wesleyboar added a commit that referenced this issue Mar 31, 2021
@wesleyboar
GH-171: Frontera uses new standard font family
f243fa8
wesleyboar added a commit that referenced this issue Apr 1, 2021
@wesleyboar
GH-171: Move bootstrap container CSS into site_cms
2b825e9
wesleyboar added a commit that referenced this issue Apr 1, 2021
@wesleyboar
GH-171: Quick: Remove typo in CSS docblock
46124dc
wesleyboar added a commit that referenced this issue Apr 1, 2021
@wesleyboar
GH-171: Move breakpoints to site_cms as max-width
74d31ca
wesleyboar added a commit that referenced this issue Apr 1, 2021
@wesleyboar
GH-171: Support Read More & Truncation
b121e36 
- Used on s-article-preview (for Frontera Redesign, first)
- Used on c-read-more (for future, like https://tacc.utexas.edu/sc19)
wesleyboar added a commit that referenced this issue Apr 1, 2021
@wesleyboar
GH-171: Fix Article Preview spacing
aeec7b3
wesleyboar added a commit that referenced this issue Apr 1, 2021
@wesleyboar
GH-171: Make large images not cause grid blowout
5146b0d 
SEE: https://css-tricks.com/preventing-a-grid-blowout/
wesleyboar added a commit that referenced this issue Apr 1, 2021
@wesleyboar
GH-171: Add useful comment to recently added code
d47a368
wesleyboar added a commit that referenced this issue Apr 1, 2021
@wesleyboar
GH-171: minor cleanup
62cbfa5
wesleyboar added a commit that referenced this issue Apr 1, 2021
@wesleyboar
GH-171: Add line-height to body
5c93373
wesleyboar added a commit that referenced this issue Apr 1, 2021
@wesleyboar
GH-171: Do not let section image overflow body
c05bf8c
@wesleyboar
Copy link
Member Author

Most of these comments are actually for GH-157. I tagged the commits wrong.

wesleyboar added a commit that referenced this issue Apr 2, 2021
@wesleyboar
GH-171: Support Plugin for Forward-Compatible CSS
540adf3
wesleyboar added a commit that referenced this issue Apr 2, 2021
@wesleyboar
GH-171: Improve test legibility / Retain bad css
ff2a45d
wesleyboar added a commit that referenced this issue Apr 2, 2021
@wesleyboar
GH-171: Add media-query-ranges
a21b0a7
wesleyboar added a commit that referenced this issue Apr 2, 2021
@wesleyboar
GH-171: Support Wider Bootstrap Containers
a994a5d
wesleyboar added a commit that referenced this issue Apr 2, 2021
@wesleyboar
GH-171: Support responsive Img widths, all breaks
3504a12
wesleyboar added a commit that referenced this issue Apr 2, 2021
@wesleyboar
GH-171: Use long rel. paths to include site_shared
aa93453 
Doing this until I find a maintainable intuivive solution.
wesleyboar added a commit that referenced this issue Apr 2, 2021
@wesleyboar
GH-171: Fix media query typos
220f316
wesleyboar added a commit that referenced this issue Apr 2, 2021
@wesleyboar
GH-171: Support xx-narrow-and-below viewports
bbd921d
@wesleyboar wesleyboar linked a pull request Apr 6, 2021 that will close this issue
Milestone/10 frontera redesign phase 0 #174
Closed
wesleyboar added a commit that referenced this issue Apr 9, 2021
@wesleyboar
GH-171: Explain how to use the test file
d221c83
wesleyboar added a commit that referenced this issue Apr 9, 2021
@wesleyboar
Merge branch 'task/GH-171-support-css-that-is-forwards-compatible' in…
93262bd 
…to milestone/10-frontera-redesign-phase-0
wesleyboar added a commit that referenced this issue Apr 9, 2021
@wesleyboar
Merge branch 'main' into task/GH-171-support-css-that-is-forwards-com…
78c4380 
…patible
wesleyboar added a commit that referenced this issue Apr 9, 2021
@wesleyboar
Merge pull request #173 from TACC/task/GH-171-support-css-that-is-for…
7d4ee06 
…wards-compatible

Task/gh 171 support css that is forwards compatible
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@wesleyboar wesleyboar

Labels
effort XS Extra small effort task (~¼ a week) — does not include review time feature A new feature or replacement of present feature priority ━ Medium priority
Projects
None yet
Milestone
Frontera Redesign Phase 0
1 participant
@wesleyboar