Added <mediaitem-scroller-horizontal>

This commit is contained in:
booploops 2021-12-03 17:39:40 -08:00
parent 43ceddc2fc
commit dcba969c67
3 changed files with 27 additions and 3 deletions

View file

@ -2,7 +2,8 @@
:root {
--appleEase: cubic-bezier(0.42, 0, 0.58, 1);
--mediaItemShadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%), 0 8px 40px rgb(0 0 0 / 0.55);
--mediaItemShadow-Shadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%), 0 8px 40px rgb(0 0 0 / 0.55);
--mediaItemShadow: inset 0px 0px 0px 1px rgb(200 200 200 / 16%);
--mediaItemRadius: 4px;
--mediaItemRadiusRound: 100%;
--keyColor: #fa586a;
@ -1255,6 +1256,15 @@ input[type=range].web-slider::-webkit-slider-runnable-track {
text-overflow: ellipsis;
}
/* horizontal media scroller */
.cd-hmedia-scroller {
margin: 0 auto;
display: flex;
flex-flow: row;
overflow-x: scroll;
}
/* mediaitem-list-item */
.cd-mediaitem-list-item {
width: 100%;