pragmate-ui/empty/empty.css

An advanced, on-demand React UI library optimized for BeyondJS. Pragmate UI provides modular, responsive, and accessible components with a focus on efficient bundle sizes and a streamlined development process.

.pui-empty-section .content {
  justify-items: center;
  display: flex;
  margin: auto;
  flex-flow: column;
}
.pui-empty-section {
  text-align: center;
  display: flex;
  flex-flow: column;
  justify-items: center;
  align-items: center;
  flex: 1; /* Expand to take available space */
  min-height: 0; /* Ensure content can overflow without generating scroll */
}
.pui-empty-section h3 {
  margin: 1rem 0;
  padding: 0;
}
.pui-empty-section h3:first-letter {
  text-transform: uppercase;
}
.pui-empty-section .content {
  display: flex;
  gap: 1rem;
}
.pui-empty-section .pui-empty__icon {
  width: 45px;
  height: 45px;
  display: grid;
  margin: auto;
  fill: var(--text-color);
}


/*# sourceMappingURL=empty.css.map*/