@grafana/ui/dist/cjs/themes/GlobalStyles/card.cjs.map

Grafana Components Library

{"version":3,"file":"card.cjs","sources":["../../../../src/themes/GlobalStyles/card.ts"],"sourcesContent":["import { css } from '@emotion/react';\n\nimport { type 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: theme.shape.radius.default,\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: theme.shape.radius.default,\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":["css"],"mappings":"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"}