0
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2026-08-15 17:24:47 +08:00
discourse/plugins/discourse-rewind/assets/stylesheets/common/card.scss
Martin Brennan 95bb1bdf30
FEATURE: Bundle discourse-rewind plugin in core (#36409)
We think this is in a good place to move into core
and prepare for a wider release after the additional
work that has been done this year.

---------

Co-authored-by: Joffrey JAFFEUX <j.jaffeux@gmail.com>
Co-authored-by: Kris Aubuchon <kris.aubuchon@discourse.org>
Co-authored-by: Rafael dos Santos Silva <xfalcox@gmail.com>
2025-12-08 11:38:48 +10:00

44 lines
925 B
SCSS
Vendored

.rewind-report-container {
perspective: 1000px;
--ambientAmount: 0.1;
--easeAmount: 0;
animation: ambientMovement;
animation-duration: 24s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
.rewind-card {
border-radius: var(--rewind-border-radius);
display: flex;
flex-direction: column;
text-align: center;
padding: 1em;
box-sizing: border-box;
align-items: center;
justify-content: center;
width: 100%;
max-width: 700px;
&__title {
font-family: var(--jersey-heading) !important;
font-weight: 600;
font-size: var(--font-up-3);
-webkit-font-smoothing: antialiased;
@media screen and (width <= 525px) {
font-size: var(--font-up-2);
}
@media screen and (width <= 475px) {
font-size: var(--font-up-0);
}
}
&__data {
font-weight: normal;
font-size: 16px;
-webkit-font-smoothing: antialiased;
}
}