Content added Content deleted
m (Protected "Template:Main Page/Social link/styles.css" ([Edit=Allow only autoconfirmed users] (indefinite) [Move=Allow only autoconfirmed users] (indefinite) [Delete=Allow only autoconfirmed users] (indefinite))) |
mNo edit summary |
||
Line 2: | Line 2: | ||
display: inline-grid; |
display: inline-grid; |
||
grid-gap: 10px 15px; |
grid-gap: 10px 15px; |
||
grid-template-columns: |
grid-template-columns: 48px 250px; |
||
grid-template-rows: auto; |
grid-template-rows: auto; |
||
grid-template-areas: |
grid-template-areas: |
||
"icon name" |
"icon name" |
||
" |
"icon caption"; |
||
align-items: center; |
align-items: center; |
||
padding: 15px 20px; |
padding: 15px 20px; |
Revision as of 03:23, 2 December 2021
.mp-social-link {
display: inline-grid;
grid-gap: 10px 15px;
grid-template-columns: 48px 250px;
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;
}