src/components/molecules/ScreeningRoomVideosTable/ScreeningRoomVideosTable.scss
@import "scss/constants.scss";
.ScreeningRoomVideosTable {
&__header {
display: flex;
justify-content: space-between;
align-items: center;
}
&__title {
font-size: $font-size--xl;
font-weight: $font-weight--700;
padding: 0 $spacing--xxl;
}
&__table {
grid-template-columns: 1fr;
border-radius: $border-radius--xl;
overflow: hidden;
box-shadow: box-shadow--large(var(--content--under));
> * {
margin: 0;
padding: $spacing--md;
}
> :nth-child(odd) {
background-color: var(--content--under-lighter-10pp);
}
> :nth-child(even) {
background-color: var(--content--under-darker-10pp);
}
}
}