Bulma list using .card and .panel

by jorgeluis

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.2/css/bulma.css">
<h2>Using .card</h2>
<ul class="cardlist">

  <li class="card">
    <button  href="#" class="button is-text is-fullwidth has-text-left">Some item name</button>
  </li>

  <li class="card">
    <button class="button is-text is-fullwidth has-text-left">Some item name</button>
  </li>

  <li class="card">
    <button class="button is-text is-fullwidth has-text-left">Some item name</button>
  </li>

</ul>


<br><h2>Using .panel </h2>

<nav class="panel">
  <button class="button is-fullwidth panel-block" href="#">
    some item name
  </button>
  <a class="panel-block" href="#">
    some item name
  </a>
  <a class="panel-block" href="#">
    some item name
  </a>
</nav>

CSS

.cardlist .is-text {
	text-decoration: none;
  color: #369;
	justify-content: flex-start
}