cycat-project-website/_sass/components/_social.scss

66 lines
1.5 KiB
SCSS
Executable File

ul.social {
height: inherit;
display: flex;
list-style: none;
margin: 0;
padding: 0;
align-items: center;
justify-content: flex-start;
svg {
fill: currentColor;
height: 16px;
width: 16px;
}
li {
margin: 0;
padding: 0;
list-style: none;
margin-right: 30px;
&:last-of-type {
margin: 0;
}
a {
background-repeat: no-repeat;
background-position: center center;
background-size: auto;
padding: 8px;
display: block;
span {
font-size: 24px;
}
}
}
}
// ul.social {
// .social-instagram {
// background-image: url('/images/social/logo-instagram-blue.svg');
// }
// .social-linkedin {
// background-image: url('/images/social/logo-linkedin-blue.svg')
// }
// .social-twitter {
// background-image: url('/images/social/logo-twitter-blue.svg');
// background-size: 16px 16px;
// }
// .social-vimeo {
// background-image: url('/images/social/logo-vimeo-blue.svg');
// }
// }
// ul.social.social-invert {
// .social-instagram {
// background-image: url('/images/social/logo-instagram-white.svg');
// }
// .social-linkedin {
// background-image: url('/images/social/logo-linkedin-white.svg')
// }
// .social-twitter {
// background-image: url('/images/social/logo-twitter-white.svg');
// background-size: 16px 16px;
// }
// .social-vimeo {
// background-image: url('/images/social/logo-vimeo-white.svg');
// }
// }