Files
Reactive-Resume/src/modals/BaseModal.module.css
Amruth Pillai 89fa8236e8 - creating a dynamic color palette
- implementing actions section
2020-07-10 01:09:33 +05:30

29 lines
395 B
CSS

.root {
@apply flex items-center justify-center;
}
.modal {
width: min(600px, calc(100vw - 100px));
@apply p-8 rounded bg-primary-50 outline-none;
}
.modal .title {
@apply flex items-center justify-between;
}
.modal .title h2 {
@apply text-3xl;
}
.modal .title svg {
@apply cursor-pointer;
}
.modal .body {
@apply mt-8 mb-10;
}
.modal .actions {
@apply flex justify-end;
}