lists.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. <div class="tube">
  2. <h2>Simple list</h2>
  3. <ul bs-list>
  4. <li>Item 1</li>
  5. <li>Item 2</li>
  6. <li>Item 3</li>
  7. <li>Item 4</li>
  8. <li>Item 5</li>
  9. </ul>
  10. <br/>
  11. <h2>Bordered list</h2>
  12. <ul bs-list="bordered">
  13. <li>/gallery/new-item</li>
  14. <li><a href="#">https://github.com/shakyShane/browser-sync/pull/400</a></li>
  15. <li>Item 3</li>
  16. <li>Item 4</li>
  17. <li>Item 5</li>
  18. </ul>
  19. <br/>
  20. <h2>Bordered list with controls</h2>
  21. </div>
  22. <ul bs-list="bordered inline-controls">
  23. <li>
  24. <p>https://github.com/Browsersync/UI/</p>
  25. <div bs-button-group>
  26. <button href="#" bs-button="subtle-alt icon">
  27. <svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
  28. </button>
  29. <button href="#" bs-button="subtle-alt icon">
  30. <svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
  31. </button>
  32. </div>
  33. </li>
  34. <li>
  35. <p>https://github.com/Browsersync/UI/issues</p>
  36. <div bs-button-group>
  37. <button href="#" bs-button="subtle-alt icon">
  38. <svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
  39. </button>
  40. <button href="#" bs-button="subtle-alt icon">
  41. <svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
  42. </button>
  43. </div>
  44. </li>
  45. <li>
  46. <p>https://twitter.com/browsersync</p>
  47. <div bs-button-group>
  48. <button href="#" bs-button="subtle-alt icon">
  49. <svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
  50. </button>
  51. <button href="#" bs-button="subtle-alt icon">
  52. <svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
  53. </button>
  54. </div>
  55. </li>
  56. <li>
  57. <p>http://browsersync.io</p>
  58. <div bs-button-group>
  59. <button href="#" bs-button="subtle-alt icon">
  60. <svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
  61. </button>
  62. <button href="#" bs-button="subtle-alt icon">
  63. <svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
  64. </button>
  65. </div>
  66. </li>
  67. <li>
  68. <p>http://stackoverflow.com/questions/tagged/browser-sync</p>
  69. <div bs-button-group>
  70. <button href="#" bs-button="subtle-alt icon">
  71. <svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
  72. </button>
  73. <button href="#" bs-button="subtle-alt icon">
  74. <svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
  75. </button>
  76. </div>
  77. </li>
  78. <li>
  79. <p>http://www.browsersync.io/docs/options/#option-snippetOptions</p>
  80. <div bs-button-group>
  81. <button href="#" bs-button="subtle-alt icon">
  82. <svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
  83. </button>
  84. <button href="#" bs-button="subtle-alt icon">
  85. <svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
  86. </button>
  87. </div>
  88. </li>
  89. <li>
  90. <p>https://github.com/shakyShane/browser-sync/blob/master/CONTRIBUTING.md</p>
  91. <div bs-button-group>
  92. <button href="#" bs-button="subtle-alt icon">
  93. <svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
  94. </button>
  95. <button href="#" bs-button="subtle-alt icon">
  96. <svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
  97. </button>
  98. </div>
  99. </li>
  100. <li>
  101. <p>http://www.browsersync.io/docs/options/#option</p>
  102. <div bs-button-group>
  103. <button href="#" bs-button="subtle-alt icon">
  104. <svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
  105. </button>
  106. <button href="#" bs-button="subtle-alt icon">
  107. <svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
  108. </button>
  109. </div>
  110. </li>
  111. <li>
  112. <p>http://www.wearejh.com</p>
  113. <div bs-button-group>
  114. <button href="#" bs-button="subtle-alt icon">
  115. <svg bs-svg-icon><use xlink:href="#svg-syncall"></use></svg>
  116. </button>
  117. <button href="#" bs-button="subtle-alt icon">
  118. <svg bs-svg-icon><use xlink:href="#svg-bin"></use></svg>
  119. </button>
  120. </div>
  121. </li>
  122. </ul>