User:Tali64³/Main page redesign/styles.css: Difference between revisions
From WikiOasis Meta
More actions
Forgot padding |
Icons |
||
| Line 11: | Line 11: | ||
text-align: center; | text-align: center; | ||
transition: all 0.3s ease; | transition: all 0.3s ease; | ||
} | } | ||
.mp-button:hover { | .mp-button:hover { | ||
| Line 21: | 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-icon { | |||
align-items: center; | |||
background: radial-gradient(circle, #4089cb 0, #0081b4 100%); | |||
border-radius: 50%; | |||
display: inline-flex; | |||
justify-content: center; | |||
height: min(40px, 10vw); | |||
width: min(40px, 10vw); | |||
} | |||
.mp-icon-inner { | |||
filter: brightness(0) invert(1); | |||
line-height: 1; | |||
} | } | ||