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

Base Styles #1

Open
3 of 6 tasks
elycruz opened this issue Sep 18, 2022 · 0 comments
Open
3 of 6 tasks

Base Styles #1

elycruz opened this issue Sep 18, 2022 · 0 comments
Assignees
@elycruz
Labels
enhancement New feature or request

Comments

@elycruz
Copy link
Owner

elycruz commented Sep 18, 2022 •
edited
Loading

Acceptance Criteria

  • Script generated "base" CSS.

Note: Spacing classes should take html lang dir into account.

Prior art

  • Bootstrap
  • Clarity.design
  • Material design grid
  • 960.gs grid
  • etc.
@elycruz elycruz self-assigned this Sep 18, 2022
elycruz added a commit that referenced this issue Sep 18, 2022
@elycruz
issue-#1 - Progress on x-field implementation - Progress on x-fieldse…
60368ce 
…t, and x-field, variant styles.
elycruz added a commit that referenced this issue Sep 18, 2022
@elycruz
issue-#1 - Back up before preparation to add sass to the project.
99cc605
elycruz added a commit that referenced this issue Sep 20, 2022
@elycruz
issue-#1 - Created script for generating color scheme (mvp version).
7ec946f 
.
elycruz added a commit that referenced this issue Sep 20, 2022
@elycruz
issue-#1 - Created script for generating color scheme (mvp version).
691da77 
.
elycruz added a commit that referenced this issue Sep 20, 2022
@elycruz
issue-#1 - Added 'spacing' script, and css.
3113a12 
- Moved some files around.
elycruz added a commit that referenced this issue Sep 22, 2022
@elycruz
issue-#1 - Updated spacing script, and examples.
942f2dc 
- Added 'display' prop. script, and generated 'display' css.
elycruz added a commit that referenced this issue Sep 22, 2022
@elycruz
issue-#1 - Updated spacing script, and examples.
6d8c249 
- Added 'display' prop. script, and generated 'display' css.
elycruz added a commit that referenced this issue Sep 22, 2022
@elycruz
issue-#1 - Performed small cleanup, added 'gen-css-flex' script, gene…
790d731 
…rated it's css file.
elycruz added a commit that referenced this issue Sep 22, 2022
@elycruz
issue-#1 - Performed small cleanup, added 'gen-css-flex' script, gene…
a086f65 
…rated it's css file.
elycruz added a commit that referenced this issue Sep 22, 2022
@elycruz
issue-#1 - Added 'justify-content', and 'align-items' css generators.
e7a53ae 
- modified some file names.
elycruz added a commit that referenced this issue Sep 22, 2022
@elycruz
issue-#1 - Added 'justify-content', and 'align-items' css generators.
fea8f52 
- modified some file names.
elycruz added a commit that referenced this issue Sep 22, 2022
@elycruz
issue-#1 - Added util method.
36f3451 
- Added 'position' css generator.
elycruz added a commit that referenced this issue Sep 22, 2022
@elycruz
issue-#1 - Added util method.
642a170 
- Added 'position' css generator.
elycruz added a commit that referenced this issue Sep 25, 2022
@elycruz
issue-#1 - Moved 'forms' css to it's own dir.
b17ba9d 
- section template.
- font-size-props styles progress.
elycruz added a commit that referenced this issue Sep 25, 2022
@elycruz
issue-#1 - A
b072824 
Added 'vertical-align' to 'x-field' control.
elycruz added a commit that referenced this issue Sep 25, 2022
@elycruz
issue-#1 - Added 'vertical-align' to 'x-field' control.
52cae5d
elycruz added a commit that referenced this issue Sep 25, 2022
@elycruz
issue-#1 - Progress on field/text-input-field controls.
644d77e
@elycruz elycruz changed the title x-field control Base Styles and Storybook Sep 27, 2022
@elycruz elycruz added the enhancement New feature or request label Sep 27, 2022
elycruz added a commit that referenced this issue Oct 6, 2022
@elycruz
issue-#1 - Ran 'cargo new'.
f697867 
- Set node engine version (in package.json).
- Removed unrequired file.
elycruz added a commit that referenced this issue Apr 28, 2023
@elycruz
issue-#1,#2 - Moved './ripple' to './x-ripple'.
b96df3a
elycruz added a commit that referenced this issue Apr 28, 2023
@elycruz
issue-#1, #2 - stories - Updated main 'iframe' styles.
555a31d 
- Moved mds-icon styles to their own file.
- Added missing 'html' var, in stories/index.js.
- Added more menu sections to stories/index.html.
elycruz added a commit that referenced this issue Apr 28, 2023
@elycruz
issue-#1, #2 - Patched stories' 'main' section border styles.
5d8ed70
elycruz added a commit that referenced this issue Apr 28, 2023
@elycruz
issue-#1, #2 - Added some styles to stories '.x-app-header'.
816760f
elycruz added a commit that referenced this issue Apr 28, 2023
@elycruz
issue-#1, #2 - Updated colors generation script to use simpler output…
a62806c 
… css prop. names, library sources also updated to use these new names; E.g., '--x-theme-...' is now '--x-color...', '--x-{name}-hsl-...' is now '-x-{name}-color-...', and '--x-...-hsla-...' is now '--x-...-color-with-alpha-...'.
elycruz added a commit that referenced this issue Apr 29, 2023
@elycruz
issue-#1, #2 - Adjusted '.x-outlined' button variant's padding (top, …
ee7163d 
…and bottom) to take into account border-width (ensures elements matches un-outlined button variant heights).

- Added window 'resize', and 'orientationchange', event handling for resizing the main content's iframe height, in component stories.
- Updated stories 'materia-design' link, to have a default that can be navigated to.
elycruz added a commit that referenced this issue Apr 30, 2023
@elycruz
issue-#1, #2 - Updated x-ripple component implementation to ensure it…
cf63089 
…'s css props. update lifecycle callback only happens once per update lifecycle.

- Added text color styles for ':active', and ':hover' css states, for button styles.
elycruz added a commit that referenced this issue May 1, 2023
@elycruz
issue-#1, #2 - Progress on form controls base styles update:
7586d38 
- Added scaffolding for 'select', and 'textarea' controls.
- Update 'input' controls' story file to include example use-cases of all possible input controls.
- Updated checkbox/radio control base styles so that styles apply to their matching 'input's by default (e.g., not just when applying associated css class).
elycruz added a commit that referenced this issue May 1, 2023
@elycruz
issue-#1, #2 - Progress on input controls' styles.
3c36d07
elycruz added a commit that referenced this issue May 1, 2023
@elycruz
issue-#1, #2 - Renamed './stories' to './docs'.
23d2c82
elycruz added a commit that referenced this issue May 1, 2023
@elycruz
issue-#1, #2 - Changed relative href, and 'src', paths to be explicit…
11c2dfe 
…ly relative.
elycruz added a commit that referenced this issue May 1, 2023
@elycruz
issue-#1, #2 - Updated css imports to be explicitly relative, for loc…
82296a8 
…al file imports.
elycruz added a commit that referenced this issue May 1, 2023
@elycruz
issue-#1, #2 - Moved all stories to repo root.
b1df9ef
elycruz added a commit that referenced this issue May 1, 2023
@elycruz
issue-#1, #2 - Added 'base href' to root index.html.
10f6773
elycruz added a commit that referenced this issue May 1, 2023
@elycruz
issue-#1, #2 - Added 'base href' to html files..
4d2f854
elycruz added a commit that referenced this issue May 1, 2023
@elycruz
issue-#1 - Updated 'x-field', and 'x-ripple', links.
2d870a5
elycruz added a commit that referenced this issue May 2, 2023
@elycruz
issue-#1, #2, #3, #4 - Fixed some stylelint callouts.
4c4c4fe
elycruz added a commit that referenced this issue May 2, 2023
@elycruz
issue-#1, #2, #3, #4 - Fixed some stylelint errors.
6553fe9
elycruz added a commit that referenced this issue May 2, 2023
@elycruz
issue-#1, #2, #3, #4 - Fixed remaining stylelint issues.
3b56bea
@elycruz elycruz changed the title Base Styles and Storybook Base Styles Jun 3, 2023
elycruz added a commit that referenced this issue Jun 3, 2023
@elycruz
issue-#1 - Removed use of 'x-button-group' in exchange for just 'x-bt…
5f3dc59 
…n-group'.

- Simplified 'x-btn-group' styles to use flexbox + 'gap' (prop.) for button group layouts.
- Simplified 'button' story, in site app.
@elycruz elycruz mentioned this issue Jun 3, 2023
Merged
elycruz added a commit that referenced this issue Jun 6, 2023
@elycruz
issue-#2, issue-#1 - Added 'x-card' example, and css, scaffolding.
cef669e 
- Added '.x-input[type='color']' style refinements (removed padding on variant).
- Added 'details' element '.x-btn' usage example.
elycruz added a commit that referenced this issue Jun 6, 2023
@elycruz
issue-#1, #2 - Added 'lint-fix' script to root package.
02e681d 
- Added 'user-select: none' to '.x-btn' definition.
elycruz added a commit that referenced this issue Jun 6, 2023
@elycruz
issue-#1, #2 - Added basic top-nav toggle.
da624fa 
- Removed some unused css files.
elycruz added a commit that referenced this issue Jun 6, 2023
@elycruz
issue-#1 - Added 'app-header' scaffolding.
c351367
elycruz added a commit that referenced this issue Jun 6, 2023
@elycruz
issue-#1 - Added missing 'dl' element, in 'button' stories.
1cead1e 
- Updated husky 'pre-commit' task to run 'lint-fix' instead of 'lint' task.
elycruz added a commit that referenced this issue Jun 6, 2023
@elycruz
issue-#1 - Added husky 'pre-push' hook.
3d2b0fc
elycruz added a commit that referenced this issue Jun 6, 2023
@elycruz
issue-#1 - Added husky 'pre-push' hook.
2062798
elycruz added a commit that referenced this issue Jun 6, 2023
@elycruz
issue-#1 - atomic-ui-js - Added 'build:css' task.
bb230c9
elycruz added a commit that referenced this issue Jun 7, 2023
@elycruz
issue-#1, #2 - Formatted 'input' control, and button, styles.
1ad2855 
- Cleaned up 'button' stories to be more straight forward - Removed unrequired variant setups.
elycruz added a commit that referenced this issue Jun 7, 2023
@elycruz
issue-#1 - Added default styles for 'input[type='file']' button styles.
60383ef 
- Fixed issue with react key id, for button stories.
elycruz added a commit that referenced this issue Jun 15, 2023
@elycruz
issue-#1 - Updated turbo version.
bd6fd6b
elycruz added a commit that referenced this issue Jun 15, 2023
@elycruz
Merge pull request #21 from elycruz/monorepo
3499214 
issue-#1 - Updated turbo version.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@elycruz elycruz

Labels
enhancement New feature or request
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@elycruz