mirror of
https://github.com/davegallant/davegallant.github.io.git
synced 2025-08-05 16:23:39 +00:00
69 lines
940 B
CSS
69 lines
940 B
CSS
.social-share {
|
|
align-items: center;
|
|
border-top: 2px dotted var(--bg1);
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.9rem;
|
|
margin: 3rem 0;
|
|
padding-top: 3rem;
|
|
|
|
& svg {
|
|
fill: var(--fg);
|
|
width: 24px;
|
|
height: 24px;
|
|
|
|
&.icon-tabler {
|
|
fill: none;
|
|
stroke: var(--fg);
|
|
}
|
|
}
|
|
}
|
|
|
|
.social-share__item {
|
|
background: var(--bg1);
|
|
padding: 0.5rem;
|
|
display: flex;
|
|
}
|
|
|
|
/* Sticky social bar left
|
|
|
|
@media (--xl) {
|
|
.social-share {
|
|
align-items: flex-start;
|
|
border-top: none;
|
|
flex-direction: column;
|
|
|
|
position: fixed;
|
|
top: 15%;
|
|
left: 0;
|
|
}
|
|
|
|
.social-share__heading {
|
|
display: none;
|
|
}
|
|
|
|
.social-share__item {
|
|
transition: padding 0.2s ease-in;
|
|
|
|
&:hover {
|
|
padding: 0.5rem 1rem;
|
|
}
|
|
|
|
& svg {
|
|
&:hover {
|
|
fill: var(--fg);
|
|
}
|
|
|
|
&.icon-tabler {
|
|
fill: none;
|
|
|
|
&:hover {
|
|
stroke: var(--fg);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
*/
|