
| Current Path : /var/www/html/rocksensor/web/core/themes/claro/css/components/ |
Linux ift1.ift-informatik.de 5.4.0-216-generic #236-Ubuntu SMP Fri Apr 11 19:53:21 UTC 2025 x86_64 |
| Current File : /var/www/html/rocksensor/web/core/themes/claro/css/components/form.css |
/*
* DO NOT EDIT THIS FILE.
* See the following change record for more information,
* https://www.drupal.org/node/3084859
* @preserve
*/
/**
* @file
* Main form and form item styles.
*/
::placeholder {
opacity: 1;
color: var(--input-fg-color--placeholder);
}
/**
* General form item.
*/
.form-item {
margin-block: var(--space-l);
}
/**
* When a table row or a container-inline has a single form item, prevent it
* from adding unnecessary extra spacing.
* If it has multiple form items, allow spacing between them, overriding core.
*/
tr .form-item,
.container-inline .form-item {
margin-block: var(--space-s);
}
/**
* Form element label.
*/
.form-item__label {
display: table;
margin-block: calc(var(--space-xs) / 2); /* 4px */
font-size: var(--font-size-s); /* ~14px */
font-weight: bold;
line-height: var(--line-height-form-label);
}
.form-item__label[for] {
cursor: pointer;
}
.form-item__label.option {
display: inline;
font-weight: normal;
}
.form-item__label.has-error {
color: var(--input--error-color);
}
.form-item__label.option.has-error {
color: inherit;
}
.form-item__label.is-disabled {
cursor: default; /* @todo ...or auto? */
color: var(--input--disabled-fg-color);
}
/* Multiple selectors used to ensure styling even if modules override markup. */
.form-item__label--multiple-value-form,
.field-multiple-table .field-label h4.label {
display: inline-block;
margin-block: 0;
align-self: center;
font-size: inherit;
font-weight: inherit;
line-height: inherit;
}
.form-item__label.form-required::after,
.fieldset__label.form-required::after {
display: inline-block;
margin-inline: 0.15em;
content: "*";
color: var(--color-maximumred);
font-size: 0.875rem;
}
/**
* Form item description.
*/
.form-item__description {
margin-block: calc(6rem / 16); /* 6px */
color: var(--input-fg-color--description);
font-size: var(--font-size-xs); /* ~13px */
line-height: calc(17rem / 16); /* 17px */
}
.form-item__description.is-disabled {
color: var(--input--disabled-fg-color);
}
/**
* Error message (Inline form errors).
*/
.form-item__error-message {
margin-block: calc(6rem / 16); /* 6px */
color: var(--input--error-color);
font-size: var(--font-size-xs); /* ~13px */
font-weight: normal;
line-height: calc(17rem / 16); /* 17px */
}
.form-item__prefix.is-disabled,
.form-item__suffix.is-disabled {
color: var(--input--disabled-fg-color);
}
/* Add some spacing so that the focus ring and suffix don't overlap. */
@media screen and (min-width: 37.5625rem) {
.form-item__suffix {
margin-inline-start: var(--space-xs);
white-space: nowrap;
}
}
/**
* Form actions.
*/
.form-actions,
.field-actions {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
margin-block: var(--space-xs);
}
.form-actions .form-wrapper,
.field-actions .form-wrapper {
display: flex;
flex-wrap: wrap;
gap: var(--space-xs) 0;
}
.form-actions .button,
.field-actions .button,
.form-actions .action-link,
.field-actions .action-link {
margin-block: var(--space-xs);
}
.form-actions .ajax-progress--throbber,
.field-actions .ajax-progress--throbber {
align-self: center;
}
.form-actions > .form-wrapper {
margin-inline: 0 var(--space-s);
}
/**
* Password module.
*
* @legacy
* @todo These should be in a standalone component file.
*/
.confirm-parent,
.password-parent {
overflow: visible;
width: auto;
}
.form-item-options-group-info-identifier,
.form-item-pass .description {
clear: both;
}
/**
* Custom label placement for editor filter format select.
*/
.form-item--editor-format {
display: flex;
flex-wrap: wrap;
align-items: center;
max-width: 100%;
}
.form-item--editor-format .form-item__label,
.form-item--editor-format .form-item__prefix,
.form-item--editor-format .form-item__suffix,
.form-item--editor-format .form-element--editor-format {
min-width: 1px;
}
.form-item--editor-format .form-item__label,
.form-item--editor-format .form-item__prefix,
.form-item--editor-format .form-item__suffix,
.form-item--editor-format .form-element--editor-format {
min-width: 1px;
}
.form-item--editor-format .form-item__label,
.form-item--editor-format .form-item__prefix,
.form-item--editor-format .form-item__suffix {
margin-inline-end: var(--space-xs);
}
.form-item--editor-format .form-item__description,
.form-item--editor-format .form-item__error-message {
flex: 0 1 100%;
min-width: 1px;
}
/**
* Improve form element usability on narrow devices.
*
* @legacy
*/
@media screen and (max-width: 37.5rem) {
.password-strength {
width: 100%;
}
div.form-item div.password-suggestions {
float: none;
}
}
/**
* Prevent regression due to explicit line-heights applied to these elements in
* normalize.css 7.0.0.
*/
button {
line-height: 1.125rem;
}
input,
optgroup {
line-height: 1.5rem;
}
/**
* Prevent regression due to -webkit-appearance being set to button in
* normalize.css 4.1.0.
*/
::-webkit-file-upload-button {
-webkit-appearance: push-button;
}