styleguide.html 1.3 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <navbar icon="fa fa-fw fa-adjust" title="Style Guide">
  2. </navbar>
  3. <div class="page-container">
  4. <div class="page-header">
  5. <h1>Style Guide</h1>
  6. <a class="btn btn-success" ng-click="ctrl.switchTheme()">
  7. <i class="fa fa-random"></i>
  8. Switch theme
  9. </a>
  10. <a class="btn btn-inverse" ng-click="ctrl.switchTheme()">
  11. <i class="fa fa-refresh"></i>
  12. Reload
  13. </a>
  14. </div>
  15. <tabset>
  16. <tab heading="Colors">
  17. <ul>
  18. <li class="style-guide-color-card" ng-repeat="color in ctrl.colors" style="background-color: {{color.value}}">
  19. <strong>${{color.name}}</strong>
  20. <em>{{color.value}}</em>
  21. </li>
  22. </ul>
  23. </tab>
  24. <tab heading="Buttons">
  25. <div class="style-guide-button-list p-a-2">
  26. <button class="btn btn-primary">btn-primary</button>
  27. <button class="btn btn-info">btn-info</button>
  28. <button class="btn btn-inverse">btn-inverse</button>
  29. <button class="btn btn-success">btn-success</button>
  30. <button class="btn btn-warning">btn-warning</button>
  31. <button class="btn btn-danger">btn-danger</button>
  32. </div>
  33. <div class="style-guide-button-list p-a-2">
  34. <button class="btn btn-primary btn-small">btn-small</button>
  35. <button class="btn btn-success btn-large">btn-large</button>
  36. </div>
  37. </tab>
  38. <tab heading="Forms">
  39. </tab>
  40. </tabset>
  41. </div>