first commit
This commit is contained in:
58
themes/at_movic/_dev/css/components/imageslider.scss
Normal file
58
themes/at_movic/_dev/css/components/imageslider.scss
Normal file
@@ -0,0 +1,58 @@
|
||||
.homeslider{
|
||||
.carousel {
|
||||
@include box-shadow(1px 1px 7px 0 rgba(0, 0, 0, 0.15));
|
||||
margin-bottom: 24px;
|
||||
.direction {
|
||||
z-index: auto;
|
||||
}
|
||||
.carousel-inner {
|
||||
height: 340px;
|
||||
}
|
||||
.carousel-item {
|
||||
height: 100%;
|
||||
img {
|
||||
width: 100%;
|
||||
margin-left: 0;
|
||||
}
|
||||
.caption {
|
||||
position: absolute;
|
||||
bottom: 28px;
|
||||
left: 90px;
|
||||
color: white;
|
||||
max-width: 340px;
|
||||
.caption-description p {
|
||||
color: white;
|
||||
}
|
||||
}
|
||||
}
|
||||
.carousel-control {
|
||||
opacity: 1;
|
||||
.icon-next,
|
||||
.icon-prev {
|
||||
&::before {
|
||||
content: "";
|
||||
}
|
||||
i {
|
||||
font-size: 50px;
|
||||
color: white;
|
||||
}
|
||||
&:hover {
|
||||
i {
|
||||
color: $brand-primary;
|
||||
}
|
||||
}
|
||||
}
|
||||
.icon-prev {
|
||||
left: 16px;
|
||||
}
|
||||
.icon-next {
|
||||
right: 32px;
|
||||
}
|
||||
&.left,
|
||||
&.right {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
Reference in New Issue
Block a user