You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
70 lines
1.6 KiB
70 lines
1.6 KiB
.card-list-view {
|
|
display: block;
|
|
height: 100%;
|
|
}
|
|
|
|
.card-list-view vaadin-grid {
|
|
height: 100%;
|
|
line-height: var(--lumo-line-height-m);
|
|
}
|
|
|
|
.card-list-view vaadin-grid,
|
|
.card-list-view vaadin-grid-cell-content {
|
|
background-color: var(--lumo-contrast-10pct);
|
|
}
|
|
|
|
.card-list-view .card {
|
|
background-color: var(--lumo-base-color);
|
|
border-radius: var(--lumo-border-radius);
|
|
box-shadow: var(--lumo-box-shadow-xs);
|
|
padding: calc(var(--lumo-space-s) * 1.5) var(--lumo-space-m);
|
|
}
|
|
|
|
.card-list-view img {
|
|
border-radius: 50%;
|
|
flex-shrink: 0;
|
|
height: var(--lumo-size-m);
|
|
margin-right: calc(var(--lumo-space-s) * 1.5);
|
|
width: var(--lumo-size-m);
|
|
}
|
|
|
|
.card-list-view .header {
|
|
align-items: baseline;
|
|
}
|
|
|
|
.card-list-view .name {
|
|
font-size: var(--lumo-font-size-s);
|
|
font-weight: bold;
|
|
margin-right: var(--lumo-space-s);
|
|
}
|
|
|
|
.card-list-view .date {
|
|
color: var(--lumo-tertiary-text-color);
|
|
font-size: var(--lumo-font-size-xs);
|
|
}
|
|
|
|
.card-list-view .post {
|
|
color: var(--lumo-secondary-text-color);
|
|
font-size: var(--lumo-font-size-s);
|
|
margin-bottom: var(--lumo-space-s);
|
|
white-space: normal;
|
|
}
|
|
|
|
.card-list-view .actions {
|
|
align-items: center;
|
|
}
|
|
|
|
.card-list-view iron-icon {
|
|
color: var(--lumo-tertiary-text-color);
|
|
height: calc(var(--lumo-icon-size-s) * 0.8);
|
|
margin-right: var(--lumo-space-s);
|
|
width: calc(var(--lumo-icon-size-s) * 0.8);
|
|
}
|
|
|
|
.card-list-view .likes,
|
|
.card-list-view .comments,
|
|
.card-list-view .shares {
|
|
color: var(--lumo-tertiary-text-color);
|
|
font-size: var(--lumo-font-size-xs);
|
|
margin-right: var(--lumo-space-l);
|
|
}
|