Trying to implement a slider on my React page sourced from a Github repository. The challenge lies in adding the CSS as it is in JS format. Even after incorporating webpack and an npm compiler, the styling seems unrecognized. Any suggestions or solutions?
.slider {
position: relative;
width: 100%;
height: 400px;
overflow: hidden;
& a {
&.previousButton,
&.nextButton {
font-size: 22px;
line-height: 0;
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%);
transition: all .3s linear;
z-index: 1;
color: #333;
padding: 10px;
text-decoration: none;
backface-visibility: hidden;
&:not(.disabled):hover {
transform: translateY(-50%) scale(1.25);
cursor: pointer;
}
}
&.previousButton