You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
1.2 KiB
66 lines
1.2 KiB
/* Social menu */ |
|
|
|
.social-navigation { |
|
margin-top: calc(#{$size__spacing-unit} / 2 ); |
|
text-align: left; |
|
|
|
ul.social-links-menu { |
|
@include clearfix; |
|
|
|
display: inline-block; |
|
margin: 0; |
|
padding: 0; |
|
|
|
li { |
|
display: inline-block; |
|
vertical-align: bottom; |
|
vertical-align: -webkit-baseline-middle; |
|
list-style: none; |
|
|
|
&:nth-child(n+2) { |
|
margin-left: 0.1em; |
|
} |
|
|
|
a { |
|
border-bottom: 1px solid transparent; |
|
display: block; |
|
color: $color__text-main; |
|
margin-bottom: -1px; |
|
transition: opacity $link_transition ease-in-out; |
|
|
|
&:hover, |
|
&:active { |
|
color: $color__text-main; |
|
opacity: 0.6; |
|
} |
|
|
|
&:focus { |
|
color: $color__text-main; |
|
opacity: 1; |
|
border-bottom: 1px solid $color__text-main; |
|
} |
|
|
|
svg { |
|
display: block; |
|
width: 32px; |
|
height: 32px; |
|
|
|
// Prevent icons from jumping in Safari using hardware acceleration. |
|
transform: translateZ(0); |
|
|
|
&#ui-icon-link { |
|
transform: rotate(-45deg); |
|
} |
|
} |
|
} |
|
} |
|
} |
|
} |
|
|
|
.site-title + .social-navigation, |
|
.site-description + .social-navigation { |
|
|
|
@include media(tablet) { |
|
margin-top: calc(#{$size__spacing-unit} / 5 ); |
|
} |
|
}
|
|
|