@jjdenhertog/ai-driven-development
Version:
AI-driven development workflow with learning capabilities for Claude
49 lines (45 loc) • 846 B
CSS
.notification {
position: fixed;
bottom: 24px;
right: 24px;
background: rgba(239, 68, 68, 0.1);
color: var(--error-color);
padding: 16px 24px;
border-radius: 8px;
box-shadow: var(--card-shadow);
max-width: 400px;
z-index: 1000;
animation: slideIn 0.3s ease-out;
}
@keyframes slideIn {
from {
transform: translateX(100%);
opacity: 0;
}
to {
transform: translateX(0);
opacity: 1;
}
}
.message {
margin: 0;
font-size: 14px;
line-height: 1.5;
}
.closeButton {
position: absolute;
top: 8px;
right: 8px;
background: none;
border: none;
color: inherit;
cursor: pointer;
font-size: 20px;
line-height: 1;
padding: 4px;
opacity: 0.7;
transition: opacity 0.2s;
}
.closeButton:hover {
opacity: 1;
}