Skip to content

Update css variable names, update ellipsis on shorter width inputs#164

Merged
kethinov merged 9 commits into
rooseveltframework:mainfrom
awidener3:update-css-variables
Jul 4, 2025
Merged

Update css variable names, update ellipsis on shorter width inputs#164
kethinov merged 9 commits into
rooseveltframework:mainfrom
awidener3:update-css-variables

Conversation

@awidener3

Copy link
Copy Markdown
Contributor
  • Updated css variables to be prefixed with semanticForms (i.e. --semanticFormsFontFamily)
  • Input label ellipsis are now responsive to the input width.
  • Appearance can be updated via the css variables.
    • Note: this will require the semantic-forms css files to be linked prior to any user css.
/* some styles... */

form.semanticForms {
  /* will overwrite the default semantic-forms values */
  --semanticFormsFontFamily: monospace;
  --semanticFormsTextColor: blue;
  --semanticFormsInputMinWidth: 300px;
  ...
}

Comment thread semanticForms.scss Outdated
Comment thread semanticForms.scss Outdated
Comment thread semanticForms.scss Outdated
Comment thread semanticForms.scss Outdated
Comment thread semanticForms.scss Outdated
Comment thread semanticForms.scss Outdated
Comment thread semanticForms.scss Outdated
Comment thread semanticForms.scss Outdated
@kethinov kethinov merged commit 292a060 into rooseveltframework:main Jul 4, 2025
6 checks passed
@awidener3 awidener3 deleted the update-css-variables branch October 17, 2025 16:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

2 participants