git-server-git.apps.pok.os.sepia.ceph.com Git - ceph.git/blob

   1 @use '@carbon/colors';
   2
   3 .productive-card {
   4   margin: 0;
   5   padding: 0;
   6
   7   &-header {
   8     margin: 0;
   9     padding: var(--cds-spacing-05);
  10
  11     &-title {
  12       margin: 0;
  13     }
  14
  15     &-actions {
  16       margin: 0;
  17     }
  18   }
  19
  20   &-section {
  21     margin: 0;
  22     padding: var(--cds-spacing-05);
  23     padding-top: 0;
  24
  25     &--footer {
  26       padding-bottom: 0;
  27     }
  28   }
  29
  30   &-footer {
  31     height: var(--cds-spacing-08);
  32     padding: var(--cds-spacing-05);
  33   }
  34
  35   &--shadow {
  36     background-color: var(--cds-layer);
  37     position: relative;
  38     overflow: hidden; // ensures proper edge fade
  39     background-image:
  40       // cyan left edge
  41       radial-gradient(120% 60% at -15% 100%, rgba(colors.$cyan-60, 0.13) 0%, transparent 65%),
  42       // cyan right edge
  43       radial-gradient(120% 60% at 115% 100%, rgba(colors.$cyan-60, 0.1) 0%, transparent 65%),
  44       // pink center
  45       radial-gradient(120% 60% at 50% 100%, rgba(colors.$magenta-60, 0.11) 0%, transparent 70%);
  46     box-shadow: var(--cds-ai-drop-shadow), inset 0 0 0 1px var(--cds-ai-inner-shadow);
  47   }
  48 }