felicity-lims/webapp/assets/css/style.css

@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
    /* Your custom component classes go here */
    .btn-primary {
      @apply px-4 py-2 text-sm border border-sky-800 text-dark-800 rounded-sm hover:bg-sky-800 hover:text-gray-100 transition-colors duration-150;
    }
    /* More component classes... */
}


/* Hack since tailwind is misbehaving */
.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
}
.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr));
}
.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr));
}
.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr));
}
.grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr));
}
.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr));
}
.grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr));
}
.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
}
.grid-cols-13 {
    grid-template-columns: repeat(13, minmax(0, 1fr));
}
.grid-cols-14 {
    grid-template-columns: repeat(14, minmax(0, 1fr));
}
.grid-cols-15 {
    grid-template-columns: repeat(15, minmax(0, 1fr));
}
.grid-cols-16 {
    grid-template-columns: repeat(16, minmax(0, 1fr));
}
.grid-cols-17 {
    grid-template-columns: repeat(17, minmax(0, 1fr));
}
.grid-cols-18 {
    grid-template-columns: repeat(18, minmax(0, 1fr));
}
.grid-cols-19 {
    grid-template-columns: repeat(19, minmax(0, 1fr));
}
.grid-cols-20 {
    grid-template-columns: repeat(20, minmax(0, 1fr));
}

.form-input,
.form-textarea,
.form-select,
.form-multiselect {
    padding-top: 4px;
    padding-bottom: 4px;
}