Meta:Main Page/styles.css: Difference between revisions
From WikiOasis Meta
More actions
Card lists |
Original colors |
||
| (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 { | .mp-card-list { | ||
| Line 38: | Line 49: | ||
.mp-icon { | .mp-icon { | ||
align-items: center; | align-items: center; | ||
background: radial-gradient(circle, # | background: radial-gradient(circle, #3650b8 0, #0050b4 100%); | ||
border-radius: 50%; | border-radius: 50%; | ||
display: inline-flex; | display: inline-flex; | ||