123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- :where(.w-panel, .w-field).title {
- :where(input, textarea, .Draftail-Editor .public-DraftEditor-content) {
- @apply w-h2;
- color: theme('colors.text-context');
- }
- }
- .w-panel.title:nth-child(-n + 2) {
- .w-panel__header {
- @apply w-sr-only;
- .w-panel__anchor,
- .w-panel__toggle {
- @apply w-hidden;
- }
- }
- .w-field {
- display: grid;
- }
-
- .w-field__help {
- order: 2;
- }
- :is(input, textarea, .Draftail-Editor .public-DraftEditor-content) {
- @apply w-h1;
- color: theme('colors.text-context');
-
- padding-inline-start: theme('spacing[1.5]');
- margin-inline-start: calc(-1 * theme('spacing[1.5]'));
- .w-density-snug & {
- font-size: theme('fontSize.26');
- }
-
- &:not(:hover, :focus, :placeholder-shown, [aria-invalid='true']) {
- // Hide w/ transparency to preserve border size and show it in forced-colors mode.
- border-color: transparent;
- }
- }
- }
|