bol/styles/global/item-list.less
2021-11-08 14:40:29 +01:00

82 lines
1.5 KiB
Plaintext

/* Items List */
.items-list {
list-style: none;
margin: 7px 0;
padding: 0;
overflow-y: auto;
.item-header {
font-family: @font-primary;
font-size: 1em;
//font-weight: 500;
color: @colorOlive;
background-color: lightgray;
.item-name {
font-family: @font-tertiary;
font-size: 1.5em;
}
}
.item {
min-height: 30px;
line-height: 24px;
padding: 3px 0 3px 3px;
border-bottom: 1px solid #BBB;
align-items: stretch;
.item-image {
flex: 0 0 30px;
padding: 0;
margin: 0 5px 0 0;
height:30px;
width:30px;
min-height:30px;
min-width:30px;
img {
padding: 0;
margin: 0;
border: none;
height:30px;
width:30px;
min-height:30px;
min-width:30px;
}
&.roll-weapon,
&.roll-career {
background-color: transparent;
background-image: url("../../../icons/svg/dice-target.svg") !important;
background-size: 30px 30px;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
&:hover {
background-color: gray;
img {
visibility: hidden;
}
}
}
}
.item-name,
.item-field {
margin: 0;
}
.item-controls-1 {
flex: 0 0 18px;
}
.item-controls,
.item-controls-2 {
flex: 0 0 36px;
}
.item-controls-3 {
flex: 0 0 54px;
}
.item-control {
color: @colorOlive;
}
}
}