hackertours-theme/sass/navigation/more-link/_more-link.scss

28 lines
545 B
SCSS

// "More" link
//
// Styles the "Read more…" and "Help" links common on the web.
//
// Markup: more-link.twig
//
// Style guide: navigation.more-link
.more-link,
%more-link {
text-align: right;
@include rtl() {
text-align: left;
}
&__help-icon {
padding: 1px 0 1px 20px;
background-image: image-url('navigation', 'more-link/more-link__help-icon.svg');
background-position: 0 50%;
background-repeat: no-repeat;
@include rtl() {
padding: 1px 20px 1px 0;
background-position: 100% 50%;
}
}
}