You are here

entity-meta.css in Drupal 10

Entity meta.

File

core/themes/claro/css/components/entity-meta.css
View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * Entity meta.
  10. */
  11. :root {
  12. --size-entity-meta-spacing: var(--space-xs);
  13. }
  14. .entity-meta__header {
  15. padding: calc(var(--space-m) - var(--size-entity-meta-spacing)) var(--space-m) calc(var(--space-l) - var(--size-entity-meta-spacing));
  16. color: var(--color-fg);
  17. border: var(--details-border-size) solid var(--details-border-color);
  18. border-radius: var(--details-accordion-border-size-radius);
  19. background-color: var(--color-bg);
  20. }
  21. @media screen and (min-width: 48em) {
  22. .entity-meta__header {
  23. padding: calc(var(--space-l) - var(--size-entity-meta-spacing)) var(--space-l) var(--space-l);
  24. }
  25. }
  26. .entity-meta__header .form-item {
  27. margin-top: var(--size-entity-meta-spacing);
  28. margin-bottom: var(--size-entity-meta-spacing);
  29. }
  30. .entity-meta__title {
  31. margin: 0.25em 0;
  32. text-shadow: 0 1px 0 #fff;
  33. font-size: 1.231em;
  34. font-weight: bold;
  35. }
  36. .entity-meta__revision {
  37. margin-top: var(--space-l);
  38. }
  39. .entity-meta__header .form-type--item .form-item__label {
  40. display: inline-block;
  41. margin: 0;
  42. font-size: var(--font-size-base);
  43. }
  44. .entity-meta__header .form-type--item .form-item__label::after {
  45. content: ":";
  46. }