Content added Content deleted
m (ChaoticShadow moved page Module:Card Grid/styles.css to Template:Card grid/styles.css without leaving a redirect) |
No edit summary |
||
Line 13: | Line 13: | ||
text-align: center; |
text-align: center; |
||
border: 2px solid darkgray; |
border: 2px solid darkgray; |
||
} |
|||
/* |
|||
* Vector skin |
|||
*/ |
|||
/* |
|||
* Citizen skin |
|||
*/ |
|||
body.skin-citizen .card-grid-item { |
|||
border-color: var(--border-color-base); |
|||
background-color: var(--background-color-framed); |
|||
border-radius: var(--border-radius--small); |
|||
} |
} |
Latest revision as of 02:11, 22 December 2021
.card-grid {
display: grid;
grid-gap: 20px;
grid-template-columns: repeat(auto-fill, 328px);
margin: 0.5em 0;
}
.card-grid-item {
display: flex;
flex-direction: column;
gap: 10px;
padding: 10px;
text-align: center;
border: 2px solid darkgray;
}
/*
* Vector skin
*/
/*
* Citizen skin
*/
body.skin-citizen .card-grid-item {
border-color: var(--border-color-base);
background-color: var(--background-color-framed);
border-radius: var(--border-radius--small);
}