Skip to content
Snippets Groups Projects

Compare revisions

Changes are shown as if the source revision was being merged into the target revision. Learn more about comparing revisions.

Source

Select target project
No results found
Select Git revision
Loading items

Target

Select target project
  • to/weby/ui-styleguide
  • va-fighters/ui-styleguide
2 results
Select Git revision
Loading items
Show changes
Show whitespace changes
Inline Side-by-side
Showing
with 95 additions and 0 deletions
source/_patterns/00-atoms/04-lists/unordered-list-sizes.mustache 0 → 100644
View file @ aac6d1d3
<div class="inline-flex flex-col sm:flex-row space-y-8 sm:space-y-0 sm:space-x-8">
<div class="inline-flex flex-col space-y-2">
<ul class="unordered-list text-xs">
<li>
{{{ list.item }}}
<ul class="unordered-list">
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
</ul>
</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
</ul>
</div>
<div class="inline-flex flex-col space-y-2">
<ul class="unordered-list text-sm">
<li>
{{{ list.item }}}
<ul class="unordered-list">
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
</ul>
</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
</ul>
</div>
<div class="inline-flex flex-col space-y-2">
<ul class="unordered-list text-lg">
<li>
{{{ list.item }}}
<ul class="unordered-list">
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
</ul>
</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
</ul>
</div>
<div class="inline-flex flex-col space-y-2">
<ul class="unordered-list text-xl">
<li>
{{{ list.item }}}
<ul class="unordered-list">
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
</ul>
</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
</ul>
</div>
</div>
source/_patterns/00-atoms/04-lists/unordered-list.mustache 0 → 100644
View file @ aac6d1d3
<ul class="unordered-list">
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
<li>{{{ list.item }}}</li>
</ul>
source/_patterns/00-atoms/05-horizontal-rule/hr.mustache 0 → 100644
View file @ aac6d1d3
<div>
<hr />
</div>
<div>
<hr class="hr--condensed" />
</div>
source/_patterns/00-atoms/08-contact-lines/basic-contact-line.mustache 0 → 100644
View file @ aac6d1d3
<a href="mailto:example@example.com" class="icon-link contact-line {{ classes }}">
<i class="{{ icon }}"></i>
<span>{{ caption }}{{^caption}}example@example.com{{/caption}}</span>
</a>
source/_patterns/00-atoms/02-contact-lines/responsive-contact-line.mustache → source/_patterns/00-atoms/08-contact-lines/responsive-contact-line.mustache
View file @ aac6d1d3
<a href="mailto:example@example.com" class="contact-line contact-line--responsive {{ classes }}"> <a href="mailto:example@example.com" class="contact-line contact-line--responsive icon-link {{ classes }}">
<i class="{{ icon }}"></i>{{ caption }}{{^caption}}example@example.com{{/caption}} <i class="{{ icon }}"></i>
<span>{{ caption }}{{^caption}}example@example.com{{/caption}}</span>
</a> </a>
source/_patterns/00-atoms/09-cards/hover-active-card.mustache 0 → 100644
View file @ aac6d1d3
<div class="card card--hoveractive {{ classes }}">
<div class="card__body">
{{ description }}
</div>
</div>

Pirátský GitLab - Home of the CopyLeft