137 lines
2.6 KiB
SCSS
137 lines
2.6 KiB
SCSS
// color: var(--blue-dark);
|
|
|
|
.hoverPurple{
|
|
&:hover{
|
|
background: var(--purple-blue) !important;
|
|
}
|
|
|
|
}
|
|
body{
|
|
.activeMenu{
|
|
color: var(--blue-dark) !important;
|
|
}
|
|
}
|
|
.slick-dots{
|
|
li{
|
|
button{
|
|
&::before{
|
|
font-size: 0px !important;
|
|
width: 18px !important;
|
|
height: 18px !important;
|
|
|
|
opacity: .75 !important;
|
|
}
|
|
&::after{
|
|
left: -0.9px !important;
|
|
top: -0.9px !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.slick-dots {
|
|
|
|
list-style : none !important;
|
|
text-align: center !important;
|
|
}
|
|
|
|
.slick-dots li {
|
|
position: relative !important;
|
|
display: inline-block !important;
|
|
|
|
padding: 0 !important;
|
|
}
|
|
|
|
.slick-dots li,.slick-dots li button {
|
|
width: 20px !important;
|
|
height: 20px !important;
|
|
cursor: pointer !important;
|
|
}
|
|
|
|
.slick-dots li button {
|
|
font-size: 0 !important;
|
|
line-height: 0 !important;
|
|
display: block !important;
|
|
padding: 5px !important;
|
|
color: transparent !important;
|
|
border: 0 !important;
|
|
outline: none !important;
|
|
background: transparent !important;
|
|
}
|
|
|
|
.slick-dots li button:focus,.slick-dots li button:hover {
|
|
outline: none !important;
|
|
}
|
|
|
|
.slick-dots li button:focus:before,.slick-dots li button:hover:before {
|
|
opacity: 1 !important;
|
|
}
|
|
|
|
.slick-dots li button:before {
|
|
font-family: slick !important;
|
|
font-size: 0px !important;
|
|
line-height: 20px !important;
|
|
position: absolute !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
width: 14px !important;
|
|
height: 14px !important;
|
|
content: "•" !important;
|
|
text-align: center !important;
|
|
opacity: .75 !important;
|
|
color: #000 !important;
|
|
-webkit-font-smoothing: antialiased !important;
|
|
-moz-osx-font-smoothing: grayscale !important;
|
|
}
|
|
|
|
.slick-dots li.slick-active button:before {
|
|
opacity: .75 !important;
|
|
color: #000 !important;
|
|
}
|
|
.slick-dots li button:after {
|
|
width: 14px;
|
|
height: 14px;
|
|
left:-0px!important;
|
|
top:0px!important;
|
|
}
|
|
.slider-customized{
|
|
.slick-next{
|
|
&:focus{
|
|
color: #fff !important;
|
|
background-color: #efc36f !important;
|
|
|
|
}
|
|
&:hover{
|
|
color: #fff !important;
|
|
background-color: #efc36f !important;
|
|
|
|
}
|
|
|
|
}
|
|
.slick-prev{
|
|
&:focus{
|
|
color: #fff !important;
|
|
background-color: #efc36f !important;
|
|
|
|
}
|
|
&:hover{
|
|
color: #fff !important;
|
|
background-color: #efc36f !important;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
.nav-item{
|
|
|
|
}
|
|
.active-scroll-spy {
|
|
&>*{
|
|
border-bottom: 2px solid black;
|
|
}
|
|
|
|
|
|
}
|
|
|