User:Tali64³/Main page redesign/styles.css: Difference between revisions
From WikiOasis Meta
More actions
Card headings |
Should add comment |
||
| (5 intermediate revisions by the same user not shown) | |||
| Line 22: | Line 22: | ||
} | } | ||
.mp-card-heading { | .mp-card-heading { | ||
align-items: center; | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: min(0.5rem, 2vw); | |||
justify-content: center; | |||
margin-bottom: min(1.5rem, 4vw); | |||
} | |||
.mp-card-heading .mw-heading3 { | |||
font-size: clamp(1.2rem, 5vw, 1.5rem); | font-size: clamp(1.2rem, 5vw, 1.5rem); | ||
font-weight: 700; | font-weight: 700; | ||
margin: 0; | margin: 0; | ||
padding: 0; | padding: 0; | ||
} | |||
/* This cannot be merged into the above rule due to the color breaking */ | |||
.mp-card-heading h3 { | |||
color: #2d3748; | |||
} | |||
.mp-card-list { | |||
color: #4a5568; | |||
font-size: clamp(0.9rem, 3.5vw, 1rem); | |||
line-height: 1.6; | |||
} | |||
.mp-card-list-item { | |||
margin-bottom: min(1rem, 3vw); | |||
} | } | ||
.mp-icon { | .mp-icon { | ||