Files
PR-Helper/static/css/style.css
T

62 lines
1.3 KiB
CSS

/* PR-Helper Custom Styles */
/* Prose styling for rendered content */
.prose {
line-height: 1.7;
}
.prose h1, .prose h2, .prose h3 {
font-weight: 600;
margin-top: 1.5em;
margin-bottom: 0.5em;
}
.prose h1 { font-size: 1.5em; }
.prose h2 { font-size: 1.25em; }
.prose h3 { font-size: 1.1em; }
.prose p { margin-bottom: 1em; }
.prose ul, .prose ol {
margin-left: 1.5em;
margin-bottom: 1em;
}
.prose li { margin-bottom: 0.25em; }
.prose code {
background: #f3f4f6;
padding: 0.15em 0.4em;
border-radius: 4px;
font-size: 0.9em;
}
.prose pre {
background: #1f2937;
color: #e5e7eb;
padding: 1em;
border-radius: 8px;
overflow-x: auto;
margin-bottom: 1em;
}
.prose pre code {
background: none;
padding: 0;
color: inherit;
}
.prose blockquote {
border-left: 4px solid #d1d5db;
padding-left: 1em;
color: #6b7280;
margin-bottom: 1em;
}
/* Severity badge colors (used by review) */
.border-red-400 { border-color: #f87171; }
.border-yellow-400 { border-color: #facc15; }
.border-green-400 { border-color: #4ade80; }
.bg-red-50 { background-color: #fef2f2; }
.bg-yellow-50 { background-color: #fefce8; }
.bg-green-50 { background-color: #f0fdf4; }
/* Loading spinner */
@keyframes spin {
to { transform: rotate(360deg); }
}
.animate-spin {
animation: spin 1s linear infinite;
}