discourse/app/assets/stylesheets/common/components/tap-tile.scss

41 lines
722 B
SCSS

.tap-tile-grid {
justify-content: space-between;
margin: 0.5em 0 1em 0;
.tap-tile {
color: var(--primary-high);
padding: 0.75em 0.25em;
display: flex;
flex-wrap: wrap;
align-items: center;
border-bottom: 1px solid var(--primary-low);
cursor: pointer;
&:first-child {
border-top: 1px solid var(--primary-low);
}
&:hover {
background-color: var(--tertiary-low);
}
&.active {
background-color: var(--highlight-medium);
}
.d-icon {
color: var(--primary-high);
margin: 0 0.5em 0 0;
}
.tap-tile-title {
color: var(--primary);
margin-right: auto;
}
.tap-tile-date {
margin-left: 1em;
}
}
}