Content added Content deleted
mNo edit summary |
mNo edit summary |
||
Line 2: | Line 2: | ||
display: inline-grid; |
display: inline-grid; |
||
grid-gap: 5px 15px; |
grid-gap: 5px 15px; |
||
grid-template-columns: 48px |
grid-template-columns: 48px auto; |
||
grid-template-rows: auto; |
grid-template-rows: auto; |
||
grid-template-areas: |
grid-template-areas: |
Revision as of 03:25, 2 December 2021
.mp-social-link {
display: inline-grid;
grid-gap: 5px 15px;
grid-template-columns: 48px auto;
grid-template-rows: auto;
grid-template-areas:
"icon name"
"icon caption";
align-items: center;
padding: 15px 20px;
}
.mp-social-icon {
grid-area: icon;
}
.mp-social-name {
grid-area: name;
}
.mp-social-caption {
grid-area: caption;
font-size: 0.9em;
}