@grafana/ui/dist/esm/themes/GlobalStyles/card.mjs.map

Grafana Components Library

{"version":3,"file":"card.mjs","sources":["../../../../src/themes/GlobalStyles/card.ts"],"sourcesContent":["import { css } from '@emotion/react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nexport function getCardStyles(theme: GrafanaTheme2) {\n  return css({\n    '.card-section': {\n      marginBottom: theme.spacing(4),\n    },\n\n    '.card-list': {\n      display: 'flex',\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      listStyleType: 'none',\n    },\n\n    '.card-item': {\n      display: 'block',\n      height: '100%',\n      background: theme.colors.background.secondary,\n      boxShadow: 'none',\n      padding: theme.spacing(2),\n      borderRadius: '4px',\n\n      '&:hover': {\n        background: theme.colors.emphasize(theme.colors.background.secondary, 0.03),\n      },\n\n      '.label-tag': {\n        marginLeft: theme.spacing(1),\n        fontSize: '11px',\n        padding: '2px 6px',\n      },\n    },\n\n    '.card-item-body': {\n      display: 'flex',\n      overflow: 'hidden',\n    },\n\n    '.card-item-details': {\n      overflow: 'hidden',\n    },\n\n    '.card-item-header': {\n      marginBottom: theme.spacing(2),\n    },\n\n    '.card-item-type': {\n      color: theme.colors.text.secondary,\n      textTransform: 'uppercase',\n      fontSize: theme.typography.size.sm,\n      fontWeight: theme.typography.fontWeightMedium,\n    },\n\n    '.card-item-badge': {\n      margin: '6px 0',\n    },\n\n    '.card-item-notice': {\n      fontSize: theme.typography.size.sm,\n    },\n\n    '.card-item-name': {\n      color: theme.colors.text.primary,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      width: '100%',\n    },\n\n    '.card-item-label': {\n      marginLeft: theme.spacing(1),\n    },\n\n    '.card-item-sub-name': {\n      color: theme.colors.text.secondary,\n      overflow: 'hidden',\n      textOverflow: 'ellipsis',\n      width: '100%',\n    },\n\n    '.card-item-sub-name--header': {\n      color: theme.colors.text.secondary,\n      textTransform: 'uppercase',\n      marginBottom: theme.spacing(2),\n      fontSize: theme.typography.size.sm,\n      fontWeight: 'bold',\n    },\n\n    '.card-list-layout-grid': {\n      '.card-item-type': {\n        display: 'inline-block',\n      },\n\n      '.card-item-notice': {\n        fontSize: theme.typography.size.sm,\n        display: 'inline-block',\n        marginLeft: theme.spacing(2),\n      },\n\n      '.card-item-header-action': {\n        float: 'right',\n      },\n\n      '.card-item-wrapper': {\n        width: '100%',\n        padding: theme.spacing(0, 2, 2, 0),\n      },\n\n      '.card-item-wrapper--clickable': {\n        cursor: 'pointer',\n      },\n\n      '.card-item-figure': {\n        margin: theme.spacing(0, 2, 2, 0),\n        height: '80px',\n\n        img: {\n          width: '80px',\n        },\n      },\n\n      '.card-item-name': {\n        fontSize: theme.typography.h3.fontSize,\n      },\n\n      [theme.breakpoints.up('md')]: {\n        '.card-item-wrapper': {\n          width: '50%',\n        },\n      },\n\n      [theme.breakpoints.up('lg')]: {\n        '.card-item-wrapper': {\n          width: '33.333333%',\n        },\n      },\n\n      '&.card-list-layout-grid--max-2-col': {\n        [theme.breakpoints.up('lg')]: {\n          '.card-item-wrapper': {\n            width: '50%',\n          },\n        },\n      },\n    },\n\n    '.card-list-layout-list': {\n      '.card-item-wrapper': {\n        padding: 0,\n        width: '100%',\n        marginBottom: theme.spacing(1),\n      },\n\n      '.card-item-wrapper--clickable': {\n        cursor: 'pointer',\n      },\n\n      '.card-item': {\n        borderRadius: '2px',\n      },\n\n      '.card-item-header': {\n        float: 'right',\n        textAlign: 'right',\n      },\n\n      '.card-item-figure': {\n        margin: theme.spacing(0, 2, 0, 0),\n        img: {\n          width: '48px',\n        },\n      },\n\n      '.card-item-name': {\n        fontSize: theme.typography.h4.fontSize,\n      },\n\n      '.card-item-sub-name': {\n        fontSize: theme.typography.size.sm,\n      },\n\n      '.layout-selector': {\n        marginRight: 0,\n      },\n    },\n  });\n}\n"],"names":[],"mappings":"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"}