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