gin-card.css

Same filename and directory in other branches
  1. main core/themes/default_admin/migration/css/base/gin-card.css
/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */
/* cspell:ignore xsmall */
.card {
  overflow: hidden;
  padding: 0;
  border: 1px solid var(--gin-border-color-layer2);
  border-radius: var(--gin-border-m);
  background: transparent;
  box-shadow: none;

  .gin--dark-mode & {
    box-shadow: none;
  }

  .heading-f {
    color: var(--gin-color-title);
  }
}
.card-list {
  margin-block-end: var(--gin-spacing-xl);
}
.card__image {
  img {
    border-radius: var(--gin-border-m) var(--gin-border-m) 0 0;

    @media (min-width: 36.75em) {
      border-radius: var(--gin-border-m) 0 0 var(--gin-border-m);
    }
  }
}
.card__content-wrapper {
  border-radius: 0 0 var(--gin-border-xs) var(--gin-border-xs);
  background-color: var(--gin-bg-layer);

  .gin--dark-mode & {
    background-color: var(--gin-bg-layer2);
  }

  @media (min-width: 36.75em) {
    border-radius: 0 var(--gin-border-xs) var(--gin-border-xs) 0;
  }
}

File

core/themes/default_admin/migration/css/base/gin-card.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. /* cspell:ignore xsmall */
  8. .card {
  9. overflow: hidden;
  10. padding: 0;
  11. border: 1px solid var(--gin-border-color-layer2);
  12. border-radius: var(--gin-border-m);
  13. background: transparent;
  14. box-shadow: none;
  15. .gin--dark-mode
  16. .heading-f {
  17. color: var(--gin-color-title);
  18. }
  19. }
  20. .card-list {
  21. margin-block-end: var(--gin-spacing-xl);
  22. }
  23. .card__image {
  24. img {
  25. border-radius: var(--gin-border-m) var(--gin-border-m) 0 0;
  26. @media (min-width: 36.75em) {
  27. border-radius: var(--gin-border-m) 0 0 var(--gin-border-m);
  28. }
  29. }
  30. }
  31. .card__content-wrapper {
  32. border-radius: 0 0 var(--gin-border-xs) var(--gin-border-xs);
  33. background-color: var(--gin-bg-layer);
  34. .gin--dark-mode
  35. @media (min-width: 36.75em) {
  36. border-radius: 0 var(--gin-border-xs) var(--gin-border-xs) 0;
  37. }
  38. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.