Skip to content

Instantly share code, notes, and snippets.

@cagodoy
Created July 24, 2018 05:45
Show Gist options
  • Select an option

  • Save cagodoy/b4c8dbc8615229532c191f674acc1c02 to your computer and use it in GitHub Desktop.

Select an option

Save cagodoy/b4c8dbc8615229532c191f674acc1c02 to your computer and use it in GitHub Desktop.
<article id="ContainerOne" class="StackedListWrapper StackedListWrapper--sizeLarge StackedListWrapper--axisHorizontal Container">
<header class="StackedListHeader">
<h3 class="Heading Heading--size3 Heading--colorWhite">Container one</h3>
</header>
<ul class="StackedList">
<li class="StackedListItem StackedListItem--isDraggable StackedListItem--item1" tabindex="1">
<div class="StackedListContent">
<h4 class="Heading Heading--size4 text-no-select">zebra</h4>
<div class="DragHandle"></div>
<div class="Pattern Pattern--typeHalftone"></div>
<div class="Pattern Pattern--typePlaced"></div>
</div>
</li>
<li class="StackedListItem StackedListItem--isDraggable StackedListItem--item2" tabindex="1">
<div class="StackedListContent">
<h4 class="Heading Heading--size4 text-no-select">giraffe</h4>
<div class="DragHandle"></div>
<div class="Pattern Pattern--typeHalftone"></div>
<div class="Pattern Pattern--typePlaced"></div>
</div>
</li>
<li class="StackedListItem StackedListItem--item3">
<div class="StackedListContent">
<h4 class="Heading Heading--size4 text-no-select">baboon</h4>
<div class="NopeHandle"></div>
</div>
</li>
<li class="StackedListItem StackedListItem--isDraggable StackedListItem--item4" tabindex="1">
<div class="StackedListContent">
<h4 class="Heading Heading--size4 text-no-select">elephant</h4>
<div class="DragHandle"></div>
<div class="Pattern Pattern--typeHalftone"></div>
<div class="Pattern Pattern--typePlaced"></div>
</div>
</li>
<li class="StackedListItem StackedListItem--isDraggable StackedListItem--item5" tabindex="1">
<div class="StackedListContent">
<h4 class="Heading Heading--size4 text-no-select">leopard</h4>
<div class="DragHandle"></div>
<div class="Pattern Pattern--typeHalftone"></div>
<div class="Pattern Pattern--typePlaced"></div>
</div>
</li>
</ul>
</article>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment