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.

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

[CSS] Contribute .text-large and .text-huge classes from downstream projects #1

Open
claudiopro opened this issue Aug 22, 2024 · 0 comments
Assignees
Labels
core Core CSS classes

Comments

@claudiopro
Copy link
Member

Summary

Add Sass rules to generate CSS like the following:

.form .form-row .form-field input[type='date'].text-large,
.form .form-row .form-field input[type='datetime-local'].text-large,
.form .form-row .form-field input[type='number'].text-large,
.form .form-row .form-field input[type='search'].text-large,
.form .form-row .form-field input[type='text'].text-large,
.form .form-row .form-field input[type='password'].text-large,
.form .form-row .form-field select.select-large,
.form .form-row .form-field input[type='text'].text-large {
  font-size: 24px;
  height: 48px;
}

.form .form-row .form-field input[type='date'].text-huge,
.form .form-row .form-field input[type='datetime-local'].text-huge,
.form .form-row .form-field input[type='number'].text-huge,
.form .form-row .form-field input[type='search'].text-huge,
.form .form-row .form-field input[type='text'].text-huge,
.form .form-row .form-field input[type='password'].text-huge,
.form .form-row .form-field select.select-huge,
.form .form-row .form-field input[type='text'].text-huge {
  font-size: 36px;
  height: 72px;
}
@claudiopro claudiopro added the core Core CSS classes label Aug 22, 2024
@claudiopro claudiopro self-assigned this Aug 22, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
core Core CSS classes
Projects
None yet
Development

No branches or pull requests

1 participant