misc_pterodactyl-panel/resources/assets/styles/components/notifications.css

47 lines
941 B
CSS
Raw Normal View History

/**
* Styling to control alert boxes.
*/
.alert {
@apply .p-2 .border .items-center .leading-normal .rounded .flex .w-full .text-sm;
& > .title {
@apply .flex .rounded-full .uppercase .px-2 .py-1 .text-xs .font-bold .mr-3 .leading-none;
}
& > .message {
@apply .mr-2 .text-left .flex-auto;
}
&.error {
@apply .bg-red-600 .border-red-800 .text-red-50;
& > .title {
2019-02-09 22:44:35 +00:00
@apply .bg-red-500;
}
}
&.info {
2019-02-09 22:44:35 +00:00
@apply .bg-primary-600 .border-primary-800 .text-primary-50;
& > .title {
2019-02-09 22:44:35 +00:00
@apply .bg-primary-500;
}
}
&.success {
2019-02-09 22:36:39 +00:00
@apply .bg-green-600 .border-green-800 .text-green-50;
& > .title {
2019-02-09 22:37:30 +00:00
@apply .bg-green-500;
}
}
&.warning {
2019-02-09 22:33:39 +00:00
@apply .bg-yellow-600 .border-yellow-800 .text-yellow-50;
& > .title {
2019-02-09 22:48:47 +00:00
@apply .bg-yellow-500;
}
}
}