First commit.
This commit is contained in:
commit
b7977e1c28
3 changed files with 28081 additions and 0 deletions
40
sass/navigation/more-link/_more-link.scss
Normal file
40
sass/navigation/more-link/_more-link.scss
Normal file
|
|
@ -0,0 +1,40 @@
|
|||
// "More" link
|
||||
//
|
||||
// Styles the "Read more…" and "Help" links common in Drupal.
|
||||
//
|
||||
// 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%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Drupal selectors.
|
||||
//
|
||||
|
||||
.more-help-link {
|
||||
@extend %more-link;
|
||||
|
||||
a {
|
||||
@extend %more-link__help-icon;
|
||||
}
|
||||
}
|
||||
7
sass/navigation/more-link/more-link.twig
Normal file
7
sass/navigation/more-link/more-link.twig
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<div class="more-link {{modifier_class}}">
|
||||
<a href="#">Read more…</a>
|
||||
</div>
|
||||
|
||||
<div class="more-link {{modifier_class}}">
|
||||
<a class="more-link__help-icon" href="#">Help</a>
|
||||
</div>
|
||||
1
sass/navigation/more-link/more-link__help-icon.svg
Normal file
1
sass/navigation/more-link/more-link__help-icon.svg
Normal file
|
|
@ -0,0 +1 @@
|
|||
<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg width="16" height="16" viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve"><circle cx="8" cy="8" r="7" fill="#c5c5c5"/><path d="M8.767,10.847l-1.644,0c-0.004,-0.236 -0.007,-1.216 -0.007,-1.268c0,-0.533 0.089,-0.972 0.265,-1.316c0.176,-0.343 0.529,-0.73 1.058,-1.16c0.528,-0.43 0.844,-0.712 0.948,-0.845c0.159,-0.211 0.238,-0.443 0.238,-0.697c0,-0.352 -0.141,-0.654 -0.422,-0.906c-0.282,-0.251 -0.661,-0.377 -1.139,-0.377c-0.46,0 -0.844,0.131 -1.154,0.393c-0.309,0.263 -0.522,0.662 -0.638,1.2l-1.664,-0.207c0.047,-0.769 0.375,-1.423 0.983,-1.96c0.609,-0.538 1.407,-0.806 2.396,-0.806c1.041,0 1.868,0.272 2.483,0.816c0.615,0.543 0.922,1.177 0.922,1.899c0,0.4 -0.113,0.778 -0.338,1.135c-0.226,0.357 -0.709,0.843 -1.448,1.457c-0.383,0.319 -0.62,0.574 -0.713,0.768c-0.092,0.193 -0.134,1.376 -0.126,1.874ZM7.123,13.102l0,-1.629l1.666,0l0,1.629l-1.666,0Z" fill="#fff"/></svg>
|
||||
|
After Width: | Height: | Size: 1.1 KiB |
Loading…
Reference in a new issue