drwpow/mvcss-states.md

Last active July 5, 2016 14:19

Select an option

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/drwpow/a7b63acb112f52c999aaab7049338b97.js"></script>
Save drwpow/a7b63acb112f52c999aaab7049338b97 to your computer and use it in GitHub Desktop.

Raw

Default (not showing)

<div class="modal">
  <!-- modal stuff -->
</div>

Active (showing)

<div class="modal is-showing">
  <!-- modal stuff -->
</div>

<nav>
  <li>
    <a class="nav-link is-active">Courses</a>
  </li>
  <li>
    <a class="nav-link">Quizzes</a>
  </li>
</nav>

Default (not loading)

<section class="section">
  <!-- not showing -->
  <div class="spinner"></div>
</section>

Loading

<section class="section is-loading">
  <!-- showing -->
  <div class="spinner"></div>
</section>

In order for animations to work, the markup should exist on the page already.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Select an option