Files
DiceCloud/rpg-docs/client/views/character/spells/spells.css

90 lines
1.4 KiB
CSS

#spells .containerMain {
padding: 0 0 16px 0;
}
#spells .inventoryItem {
height: 56px;
}
#spells .inventoryItem core-icon{
width: 32px;
height: 32px;
}
#spells .inventoryItem[disabled] {
color: #ccc !important;
color: rgba(0,0,0,0.26) !important;
pointer-events: initial !important;
cursor: pointer !important;
}
#spells .inventoryItem[disabled] core-icon{
color: #ccc !important;
color: rgba(0,0,0,0.26) !important;
}
#spells .inventoryItem paper-checkbox{
pointer-events: initial !important;
}
#spells paper-checkbox /deep/ #ink {
color: #009688;
}
#spells .inventoryItem.spellSlot {
height: 48px;
}
.slotName {
margin-right: 16px;
}
.slotBubble {
pointer-events: initial !important;
}
.slotBubble {
color: #000;
color: rgba(0,0,0,0.54);
}
.slotBubble[disabled] {
color: #cccccc;
color: rgba(0,0,0,0.26);
}
.spellsContainer{
padding: 4px;
}
.card.spellList {
min-width: 280px;
margin: 4px;
}
.card.spellSlotContainer {
width: initial;
margin: 4px;
}
.spellList .containerMain {
-ms-column-width: 300px;
-webkit-column-width: 300px;
-moz-column-width: 300px;
column-width: 300px;
-ms-column-gap: 8px;
-webkit-column-gap: 8px;
-moz-column-gap: 8px;
column-gap: 8px;
-moz-column-fill: balance;
column-fill: balance;
}
.spellLevel {
-webkit-backface-visibility: hidden;
-webkit-transform: translateX(0);
-webkit-column-break-inside: avoid;
page-break-inside: avoid;
break-inside: avoid;
}