.related-post { padding: 24px 0 48px 0; } .related-slide-list { margin: 0 8px; max-width: 240px; width: 50%; } .related-post-title { font-weight: bold; } .related-slide-thumb { height: 130px; overflow: hidden; margin: 8px auto; width: 100%; img { height: auto; left: 50%; position: relative; top: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); -webkit-transition: all .5s ease; transition: all .5s ease; width: 100%; &:hover { -webkit-filter: grayscale(100%); filter: grayscale(100%); } } } .flickity-prev-next-button { height: 30px; width: 30px; &:hover { background: transparent; } &:disabled { display: none; } } /*.flickity-prev-next-button .arrow { fill: $grey; }*/ .flickity-page-dots .dot { background: $grey; }