First commit.
This commit is contained in:
commit
b7977e1c28
3 changed files with 28081 additions and 0 deletions
19
sass/components/divider/_divider.scss
Normal file
19
sass/components/divider/_divider.scss
Normal file
|
|
@ -0,0 +1,19 @@
|
|||
// Divider
|
||||
//
|
||||
// Can be used as an `<hr>`, an empty `<div>` or as a container.
|
||||
//
|
||||
// Markup: divider.twig
|
||||
//
|
||||
// Style guide: components.divider
|
||||
|
||||
.divider,
|
||||
%divider {
|
||||
@include margin(1 0);
|
||||
border: 0;
|
||||
border-top: 1px solid color(border);
|
||||
|
||||
// If used as a container, add a top margin to the first child.
|
||||
> :first-child {
|
||||
@include margin-top(1);
|
||||
}
|
||||
}
|
||||
3
sass/components/divider/divider.json
Normal file
3
sass/components/divider/divider.json
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{
|
||||
"content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."
|
||||
}
|
||||
11
sass/components/divider/divider.twig
Normal file
11
sass/components/divider/divider.twig
Normal file
|
|
@ -0,0 +1,11 @@
|
|||
<div class="divider {{modifier_class}}"></div>
|
||||
|
||||
<p>{{content}}</p>
|
||||
|
||||
<div class="divider {{modifier_class}}">
|
||||
<p>{{content}}</p>
|
||||
</div>
|
||||
|
||||
<hr class="divider {{modifier_class}}">
|
||||
|
||||
<p>{{content}}</p>
|
||||
Loading…
Reference in a new issue