43 lines
635 B
CSS
43 lines
635 B
CSS
/*
|
|
List items
|
|
*/
|
|
.item-slot {
|
|
background-color: rgb(232, 232, 232);
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
}
|
|
|
|
.item {
|
|
background: white;
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
height: 40px;
|
|
margin: 1px 0 1px 0;
|
|
padding: 0 16px 0 16px;
|
|
position: relative;
|
|
transition: box-shadow 0.3s ease, opacity 0.5s ease-in-out;
|
|
}
|
|
|
|
.item.small {
|
|
height: 32px;
|
|
}
|
|
|
|
.item.tall {
|
|
height: 56px;
|
|
}
|
|
|
|
.item.flexible {
|
|
height: auto;
|
|
padding-top: 16px;
|
|
padding-bottom: 16px;
|
|
}
|
|
|
|
.item[hero], &:active{
|
|
box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.37);
|
|
z-index: 10;
|
|
}
|
|
|
|
.item iron-icon, .item paper-icon-button {
|
|
color: #747474;
|
|
color: rgba(0,0,0,0.54);
|
|
}
|