Y-SLD/assets/playkit/examples/scss/apps/inbox.scss

59 lines
874 B
SCSS

@import 'base';
.inbox-cat-list {
.panel-item {
&.active,
&:focus,
&:hover {
color: #fff;
border-color: $brand-success;
background: $brand-success;
* { color: #fff; }
}
}
}
.mail-cat-name {
margin: 0;
font-size: 1rem;
small {
color: $brand-success;
font-size: .75rem;
}
}
.mail-item {
display: flex;
align-items: center;
border: 1px solid $border-color-default;
padding: .75rem;
margin-bottom: .5rem;
background: #fff;
border-radius: $border-radius;
&:last-child{
margin-bottom: 0;
}
.mail-item-check,
.mail-item-star {
margin-right: 1rem;
}
.mail-item-star {
color: $gray-lighter;
font-size: 1rem;
cursor: pointer;
&.checked,
&:hover {
color: $brand-success;
}
}
.mail-item-title {
margin: 0 0 auto 0;
font-size: 1rem;
}
}