webseite-grav/plugins/admin/themes/grav/scss/template/_horizontal-scroll.scss

55 lines
916 B
SCSS

.jquery-horizontal-scroll-wrap{
position: relative;
.nav-next, .nav-prev{
position: absolute;
z-index: 5;
top: 50%;
font-size: 20px;
line-height: 20px;
display: block;
padding: 30px 8px;
color: #fff !important;
background: #000;
background: rgba(0,0,0,0.65);
cursor: pointer;
margin-top: -40px;
&.hide {
display: none;
}
&:hover, &:focus {
opacity: 1;
}
&:before{
display: inline;
font-family: "FontAwesome";
}
}
.nav-next {
right: 0;
&:before {
content: "\f105";
}
}
.nav-prev {
left: 0;
&:before {
content: "\f104";
}
}
.jquery-horizontal-scroll{
overflow: auto;
position: relative;
}
}