@bedrock-layout/css
Version:
bedrock-layout css version
84 lines (64 loc) • 1.27 kB
CSS
/*
frame.css
*/
[data-bedrock-frame] {
box-sizing: border-box;
display: block;
inline-size: 100%;
position: relative;
overflow: hidden;
}
[data-bedrock-frame] > * {
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
inset-inline-end: 0;
inset-block: 0;
inset-inline: 0;
display: flex;
justify-content: center;
align-items: center;
}
[data-bedrock-frame] > :is(img, video) {
inline-size: 100%;
block-size: 100%;
size: 100%;
object-fit: cover;
object-position: var(--position, "50%");
}
[data-bedrock-frame][style*="--ratio"] {
aspect-ratio: var(--ratio);
}
/*
frame.css
*/
[data-br-frame] {
box-sizing: border-box;
display: block;
inline-size: 100%;
position: relative;
overflow: hidden;
}
[data-br-frame] > * {
position: absolute;
inset-block-start: 0;
inset-block-end: 0;
inset-inline-start: 0;
inset-inline-end: 0;
inset-block: 0;
inset-inline: 0;
display: flex;
justify-content: center;
align-items: center;
}
[data-br-frame] > :is(img, video) {
inline-size: 100%;
block-size: 100%;
size: 100%;
object-fit: cover;
object-position: var(--position, "50%");
}
[data-br-frame][style*="--ratio"] {
aspect-ratio: var(--ratio);
}