@conduction/components/src/components/metaIcon/MetaIcon.module.css

React (Gatsby) components used within the Conduction Skeleton Application (and its implementations)

:root {
  --conduction-meta-icon-icon-size: var(--skeleton-size-lg);
  --conduction-meta-icon-icon-color: var(--skeleton-color-secondary-4);
}

.container {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.container > *:not(:last-child) {
  margin-block-end: var(--skeleton-size-xs);
}

.icon {
  color: var(--conduction-meta-icon-icon-color);
  height: var(--conduction-meta-icon-icon-size);
  width: var(--conduction-meta-icon-icon-size);
}

.icon > svg {
  height: 100%;
  width: 100%;
}

.value {
  font-weight: var(--skeleton-font-weight-bold);
}