Social Media Icons
anushbhatia opened this issue · comments
I want to work on this issue under JWOC. But kindly explain me what I have to do , I m little bit confused.
I want to work on this issue under JWOC. But kindly explain me what I have to do , I m little bit confused.
you need to remove the background color from .socialicon
Based on mode of social media icon the background should function.
Assign me this issue.
/* Dark Mode toggle switch button */
.dark_toggler {
-webkit-appearance: none;
position: relative;
cursor: pointer;
width: 100px;
height: 40px;
background-image: url(https://i.postimg.cc/857jHw2q/Screenshot-2020-04-16-at-1-07-06-PM.png);
background-size: cover;
border-radius: 50px;
outline: none;
transition: background-image 0.9s;
box-shadow: 0px 2px 5px 1px gray;
}
.dark_toggler:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 40px;
width: 40px;
background-color: navy;
border-radius: 50px;
transition: all 0.9s;
background-color: #f7ca33;
}
.dark_toggler:checked {
background-image: url(https://i.postimg.cc/Hn0nstVK/Screenshot-2020-04-16-at-1-07-19-PM.png);
transition: background-image 0.9s;
box-shadow: 0px 2px 5px 1px rgb(187, 134, 201);
}
.dark_toggler:checked:before {
transform: translate(150%);
transition: all 0.9s;
background-color: #bb86fc;
}
this dosen't follow the data-theme template that's why might cause an issue.
Assign me this issue.
let @omkxr work on this if he can't do it i will assign it to you