tgd-frontend/src/app/components/participant-item/participant-item.component.scss
2024-11-28 01:31:02 +04:00

82 lines
No EOL
1.2 KiB
SCSS

@import "../../../styles.scss";
@import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap');
.card {
min-width: 140px;
max-width: 140px;
min-height: 230px;
border: 0px solid #c2c2c2;
background: rgb(255,166,1);
background: $yellow_gradient;
border-radius: 3% !important;
padding: 0px;
}
.transparent {
background: inherit;
max-width: 200px;
}
figure {
border-radius:100%;
display:inline-block;
margin-bottom: 5px;
margin-left: auto;
margin-right: auto;
}
.participant-photo {
width:135px;
height:135px;
border-radius:100%;
}
.card-title {
text-align: center;
font-weight: bold;
font-size: 1.5em;
white-space: nowrap;
overflow: hidden;
font-family: 'Pacifico', cursive;
}
@keyframes floatText {
to {
transform: translateX(-100%);
}
from {
transform: translateX(0);
}
}
.card-subtitle
{
text-align: center;
}
.small {
height: auto;
min-height: auto;
}
.banned {
filter: brightness(50%)
}
.card-icon {
height: 32px;
width: 32px;
}
.big {
font-size: 3em;
color: $thg_green;
transition-delay: 2s;
}
.title {
transition: font-size 2s;
}
.m-3 {
margin: 7px !important;
}