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

View on git.drupalcode.org

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. 

  16.   .gin--dark-mode 
  17. 

  18.   .heading-f {

  19.     color: var(--gin-color-title);

  20.   }

  21. }

  22. .card-list {

  23.   margin-block-end: var(--gin-spacing-xl);

  24. }

  25. .card__image {

  26.   img {

  27.     border-radius: var(--gin-border-m) var(--gin-border-m) 0 0;

  28. 

  29.     @media (min-width: 36.75em) {

  30.       border-radius: var(--gin-border-m) 0 0 var(--gin-border-m);

  31.     }

  32.   }

  33. }

  34. .card__content-wrapper {

  35.   border-radius: 0 0 var(--gin-border-xs) var(--gin-border-xs);

  36.   background-color: var(--gin-bg-layer);

  37. 

  38.   .gin--dark-mode 
  39. 

  40.   @media (min-width: 36.75em) {

  41.     border-radius: 0 var(--gin-border-xs) var(--gin-border-xs) 0;

  42.   }

  43. }

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