46 lines
1.3 KiB
Plaintext
46 lines
1.3 KiB
Plaintext
|
.spell-grid-container {
|
||
|
|
display: grid;
|
||
|
|
grid-template-columns: [favorite] 9% [level] 8% [name] 30% [spell_list] 9% [area_of_effect] 9% [duration] 9% [range] 9% [type] 9% [controls] 8%;
|
||
|
|
}
|
||
|
|
|
||
|
|
.spell-grid-container > div {
|
||
|
|
font-family: Signika, sans-serif;
|
||
|
|
font-size: 12px;
|
||
|
|
text-align: center;
|
||
|
|
border-bottom: 1px solid;
|
||
|
|
padding-top: 3px;
|
||
|
|
padding-bottom: 3px;
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-end;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
.spell-grid-container > div:nth-child(18n+1),
|
||
|
|
.spell-grid-container > div:nth-child(18n+2),
|
||
|
|
.spell-grid-container > div:nth-child(18n+3),
|
||
|
|
.spell-grid-container > div:nth-child(18n+4),
|
||
|
|
.spell-grid-container > div:nth-child(18n+5),
|
||
|
|
.spell-grid-container > div:nth-child(18n+6),
|
||
|
|
.spell-grid-container > div:nth-child(18n+7),
|
||
|
|
.spell-grid-container > div:nth-child(18n+8),
|
||
|
|
.spell-grid-container > div:nth-child(18n+9)
|
||
|
|
{
|
||
|
|
font-family: Signika, sans-serif;
|
||
|
|
font-size: 12px;
|
||
|
|
text-align: center;
|
||
|
|
border-bottom: 1px solid;
|
||
|
|
padding-top: 3px;
|
||
|
|
padding-bottom: 3px;
|
||
|
|
display: flex;
|
||
|
|
justify-content: flex-end;
|
||
|
|
flex-direction: row;
|
||
|
|
justify-content: center;
|
||
|
|
background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0 0);
|
||
|
|
}
|
||
|
|
|
||
|
|
.spell-grid-heading {
|
||
|
|
font-weight: bold;
|
||
|
|
border-bottom: 1px solid;
|
||
|
|
background-image: linear-gradient(rgba(0, 0, 0, 0.1) 0 0);
|
||
|
|
}
|