Template:Component card/styles.css

.componentcard { display: flex; }

.componentcard-metrics { line-height: .9; font-size: 2rem; font-family: monospace; font-weight: bold; }

.componentcard-size { color: #222; }

.componentcard-content { padding-left: 0.8rem; margin-left: 0.8rem; border-left: 1px solid #eaecf0; line-height: 1.2; }

.componentcard-manufacturer { font-size: 0.825rem; }

.componentcard-name { margin-bottom: 0.2rem; font-size: 1.25rem; font-weight: 600; color: #222; }

@media (prefers-color-scheme: dark) {

.componentcard-name, .componentcard-size { color: #eaecf0; }

.componentcard-content { border-color: #22262d; } }