More languages
More actions
Değişiklik özeti yok |
Değişiklik özeti yok |
||
1. satır: | 1. satır: | ||
.simple-event { | .simple-event { | ||
border-radius: 8px; | border-radius: 8px; | ||
overflow: hidden; | |||
background: #1e1e1e; | background: #1e1e1e; | ||
font-family: sans-serif; | font-family: sans-serif; | ||
} | } | ||
13. satır: | 11. satır: | ||
display: flex; | display: flex; | ||
align-items: center; | align-items: center; | ||
justify-content: center; | |||
} | } | ||
.simple-card__background { | .simple-card__background { | ||
position: absolute; | |||
inset: 0; | |||
overflow: hidden; | overflow: hidden; | ||
} | } | ||
.simple-card__img { | .simple-card__img { | ||
width: 100%; | |||
height: 100%; | height: 100%; | ||
object-fit: cover; /* Orantılı kırpma */ | |||
object-fit: cover; /* | |||
display: block; | display: block; | ||
} | } | ||
.simple-card__foreground { | .simple-card__foreground { | ||
position: | position: relative; | ||
z-index: 2; | |||
padding: 0 1rem; | |||
text-align: center; | |||
} | |||
.simple-card__header { | |||
color: white; | color: white; | ||
font-size: 1rem; | |||
font-weight: bold; | font-weight: bold; | ||
text-shadow: 0 0 5px black; | text-shadow: 0 0 5px black; | ||
white-space: nowrap; | white-space: nowrap; |
18.32, 20 Nisan 2025 tarihindeki hâli
.simple-event {
border-radius: 8px;
overflow: hidden;
background: #1e1e1e;
font-family: sans-serif;
}
.simple-card {
position: relative;
height: 120px; /* Sabit yükseklik */
display: flex;
align-items: center;
justify-content: center;
}
.simple-card__background {
position: absolute;
inset: 0;
overflow: hidden;
}
.simple-card__img {
width: 100%;
height: 100%;
object-fit: cover; /* Orantılı kırpma */
display: block;
}
.simple-card__foreground {
position: relative;
z-index: 2;
padding: 0 1rem;
text-align: center;
}
.simple-card__header {
color: white;
font-size: 1rem;
font-weight: bold;
text-shadow: 0 0 5px black;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}