ingredients.css in Drupal 10

This file is used to style the 'field-ingredients' field.

File

core/profiles/demo_umami/themes/umami/css/components/fields/ingredients.css

/**
 * @file
 * This file is used to style the 'field-ingredients' field.
 */

.field--name-field-ingredients {
  margin-bottom: 1.184rem;
  padding: 1.266rem;
  background-color: #fbf5ee;
}
/* Large */
@media screen and (min-width: 60rem) {
  /* 960px */
  .field--name-field-ingredients {
    margin-bottom: 2.369rem;
    padding: 2.369rem;
  }
}

.field--name-field-ingredients .field__label {
  margin: 0 0 1em 0;
  padding: 0 0 0.6em 0;
  border-bottom: 1px solid #eec2cb;
  font-family: "Scope One", Georgia, serif;
  font-size: 1.266rem;
  font-weight: 400;
  line-height: 1.2;
}
/* Large */
@media screen and (min-width: 60rem) {
  /* 960px */
  .field--name-field-ingredients .field__label {
    margin: 0 0 1.5em 0;
    font-size: 1.77rem;
  }
}

.field--name-field-ingredients .field__item {
  margin: 0 0 0.6em 0;
  padding: 0 0 0.6em 0;
  border-bottom: 1px solid #eec2cb;
  break-inside: avoid-column;
}