@buun_group/brutalist-ui/src/react/container/Container.module.css

A brutalist-styled component library

.container {
  width: 100%;
  box-sizing: border-box;
}

.centered {
  margin-left: auto;
  margin-right: auto;
}

/* Container sizes */
.sm {
  max-width: 640px;
}

.md {
  max-width: 768px;
}

.lg {
  max-width: 1024px;
}

.xl {
  max-width: 1280px;
}

.full {
  max-width: none;
}

/* Padding variants */
.padding-none {
  padding: 0;
}

.padding-sm {
  padding: var(--brutal-spacing-xs);
}

.padding-md {
  padding: var(--brutal-spacing-sm);
}

.padding-lg {
  padding: var(--brutal-spacing-md);
}

/* Responsive padding adjustments */
@media (max-width: 640px) {
  .padding-sm {
    padding: var(--brutal-spacing-xs);
  }
  
  .padding-md {
    padding: var(--brutal-spacing-xs);
  }
  
  .padding-lg {
    padding: var(--brutal-spacing-sm);
  }
}