First commit.
This commit is contained in:
commit
b7977e1c28
2 changed files with 28081 additions and 0 deletions
36
sass/components/inline-links/_inline-links.scss
Normal file
36
sass/components/inline-links/_inline-links.scss
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
// Inline links
|
||||
//
|
||||
// A list of links that are inline with each other.
|
||||
//
|
||||
// Markup: inline-links.twig
|
||||
//
|
||||
// Style guide: components.inline-links
|
||||
|
||||
.inline-links,
|
||||
%inline-links {
|
||||
padding: 0;
|
||||
|
||||
&__item {
|
||||
display: inline;
|
||||
list-style-type: none;
|
||||
padding: 0 1em 0 0;
|
||||
|
||||
@include rtl() {
|
||||
// Bug in Safari causes display: inline to fail.
|
||||
display: inline-block;
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
//
|
||||
// Drupal selectors.
|
||||
//
|
||||
|
||||
.inline.links {
|
||||
@extend %inline-links;
|
||||
|
||||
li {
|
||||
@extend %inline-links__item;
|
||||
}
|
||||
}
|
||||
4
sass/components/inline-links/inline-links.twig
Normal file
4
sass/components/inline-links/inline-links.twig
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<ul class="inline-links {{modifier_class}}">
|
||||
<li class="inline-links__item"><a href="#">Read more</a></li>
|
||||
<li class="inline-links__item"><a href="#">Comment</a></li>
|
||||
</ul>
|
||||
Loading…
Reference in a new issue