21 lines
1.7 KiB
CSS
21 lines
1.7 KiB
CSS
.story-point-selectors { display: grid; grid-template-columns: 1fr 1fr 1.4fr auto; align-items: end; gap: .75rem; margin-bottom: 1rem; }
|
|
.story-point-header { padding: 1.1rem 0; border-bottom: 1px solid var(--plotline-border-soft, var(--bs-border-color)); }
|
|
.story-point-header h2 { font-size: 1.45rem; }
|
|
.story-point-date { font-size: 1.1rem; }
|
|
.story-point-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 2rem; }
|
|
.story-point-section { min-width: 0; padding: 1.25rem 0 .65rem; border-bottom: 1px solid var(--plotline-border-soft, var(--bs-border-color)); }
|
|
.story-point-section h3 { font-size: 1.05rem; margin-bottom: .8rem; }
|
|
.story-point-section h3 small { color: var(--plotline-text-muted, var(--bs-secondary-color)); font-weight: normal; }
|
|
.story-point-section h4 { font-size: .95rem; margin: .85rem 0 .4rem; }
|
|
.story-point-wide { grid-column: 1 / -1; }
|
|
.story-point-facts { padding-left: 1.15rem; margin-bottom: .5rem; }
|
|
.story-point-facts li { padding-bottom: .65rem; }
|
|
.story-point-source { display: block; font-size: .78rem; margin-top: .15rem; }
|
|
.story-point .table { --bs-table-bg: transparent; font-size: .9rem; }
|
|
.story-point .table th { color: var(--plotline-text-muted, var(--bs-secondary-color)); font-size: .8rem; font-weight: 600; }
|
|
@media (max-width: 800px) { .story-point-selectors { grid-template-columns: 1fr; } .story-point-grid { grid-template-columns: 1fr; } }
|
|
.story-point-header .btn-outline-primary,
|
|
.story-point-header .btn-outline-secondary { background: transparent; color: var(--plotline-text); border-color: var(--plotline-border-soft); }
|
|
.story-point-header .btn-outline-primary:hover,
|
|
.story-point-header .btn-outline-secondary:hover { background: var(--plotline-surface); color: var(--plotline-text); border-color: var(--plotline-accent); }
|