discourse/app/assets/stylesheets/common/components/tap-tile.scss
chapoi 87de3c2319
UX: highlight vars updates (#20346)
* UX: replace highlight vars in popup menu

* UX: replace highlight vars in autcomplete

* UX: replace highlight vars in menu-panel

* UX: update style guide

* UX: bulk replace highlight vars in various small appearances
2023-02-21 10:15:49 +01:00

41 lines
718 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-bg);
}
.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;
}
}
}