entry_types/scrolled/package/src/contentElements/twitterEmbed/Placeholder.module.css
.wrapper {
border-radius: 12px;
background-color: #fff;
color: #000;
display: flex;
flex-direction: column;
padding: 12px 16px 30px;
margin: 10px auto;
border: solid 1px rgb(207, 217, 222);
max-width: 550px;
box-sizing: border-box;
}
.wrapper svg {
fill: #eee;
}
.row {
display: flex;
margin-bottom: 12px;
}
.item {
animation: load 2s linear infinite;
background: linear-gradient(-75deg, transparent 30%, #ddd 50%, transparent 70%) 0 0 / 200% 100%, #eee;
background-attachment: fixed;
}
.avatar {
composes: item;
width: 48px;
height: 48px;
border-radius: 100%;
}
.info {
flex: 1;
margin-left: 7px;
}
.name,
.handle,
.text {
border-radius: 2px;
}
.name,
.handle {
composes: item;
height: 14px;
margin: 6px 0;
}
.name {
width: 40%;
}
.handle {
width: 35%;
}
.text {
composes: item;
height: 200px;
flex-grow: 1;
margin-bottom: 10px;
}
@keyframes load {
to {
background-position: -200% 0;
}
}