Meta:Main Page/styles.css: Difference between revisions
From WikiOasis Meta
More actions
Icons |
Original colors |
||
| (7 intermediate revisions by the same user not shown) | |||
| Line 20: | Line 20: | ||
margin-bottom: min(2rem, 6vw); | margin-bottom: min(2rem, 6vw); | ||
padding: min(2rem, 8vw) min(2rem, 6vw); | padding: min(2rem, 8vw) min(2rem, 6vw); | ||
} | |||
.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-weight: 700; | |||
margin: 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 { | ||
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; | ||