staple 0.0.9 → 0.1.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (146) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +9 -7
  3. data/Rakefile +1 -0
  4. data/lib/staple/install_generator.rb +11 -1
  5. data/source/stylesheets/after.scss +5 -0
  6. data/source/stylesheets/before.scss +9 -0
  7. data/source/stylesheets/buttons.scss +0 -0
  8. data/source/stylesheets/color.scss +0 -0
  9. data/source/stylesheets/forms.scss +0 -0
  10. data/source/stylesheets/foundation_and_overrides.scss +3 -0
  11. data/source/stylesheets/sizing.scss +0 -0
  12. data/source/stylesheets/typography.scss +0 -0
  13. data/source/stylesheets/utilities.scss +0 -0
  14. data/staple.gemspec +6 -6
  15. metadata +12 -190
  16. data/config.rb +0 -24
  17. data/source/CNAME +0 -1
  18. data/source/_accordion.html.erb +0 -24
  19. data/source/_accordion_tabs.html.erb +0 -26
  20. data/source/_accordion_tabs_minimal.html.erb +0 -26
  21. data/source/_badges.html.erb +0 -7
  22. data/source/_breadcrumbs.html.erb +0 -7
  23. data/source/_browser.html.erb +0 -29
  24. data/source/_button_group.html.erb +0 -18
  25. data/source/_cards.html.erb +0 -59
  26. data/source/_centered_navigation.html.erb +0 -38
  27. data/source/_code.html.erb +0 -10
  28. data/source/_comment.html.erb +0 -21
  29. data/source/_device.html.erb +0 -10
  30. data/source/_dropdown.html.erb +0 -12
  31. data/source/_expander.html.erb +0 -6
  32. data/source/_flashes.html.erb +0 -15
  33. data/source/_footer.html.erb +0 -28
  34. data/source/_footer_2.html.erb +0 -33
  35. data/source/_grid_items.html.erb +0 -37
  36. data/source/_grid_items_lines.html.erb +0 -44
  37. data/source/_hero.html.erb +0 -11
  38. data/source/_hover_tile_animation.html.erb +0 -11
  39. data/source/_icon_bullet_points.html.erb +0 -30
  40. data/source/_image_gradient_dynamic.html.erb +0 -7
  41. data/source/_intro_text.html.erb +0 -6
  42. data/source/_label_alerts.html.erb +0 -5
  43. data/source/_modal.html.erb +0 -14
  44. data/source/_navigation.html.erb +0 -44
  45. data/source/_pagination.html.erb +0 -17
  46. data/source/_progress_bar.html.erb +0 -3
  47. data/source/_progress_bar_indication.html.erb +0 -5
  48. data/source/_search_bar.html.erb +0 -8
  49. data/source/_search_tools.html.erb +0 -58
  50. data/source/_side_image.html.erb +0 -10
  51. data/source/_sliding_menu.html.erb +0 -13
  52. data/source/_snippet.html.erb +0 -4
  53. data/source/_switch.html.erb +0 -4
  54. data/source/_tables.html.erb +0 -31
  55. data/source/_tables_minimal.html.erb +0 -31
  56. data/source/_texture-legend.html.erb +0 -24
  57. data/source/_textures.html.erb +0 -4
  58. data/source/_tooltip.html.erb +0 -6
  59. data/source/_type_system_geometric.html.erb +0 -18
  60. data/source/_type_system_rounded.html.erb +0 -18
  61. data/source/_type_system_sans.html.erb +0 -18
  62. data/source/_type_system_serif.html.erb +0 -19
  63. data/source/_type_system_slab.html.erb +0 -18
  64. data/source/_type_system_traditional.html.erb +0 -18
  65. data/source/_vertical_tabs.html.erb +0 -30
  66. data/source/_video.html.erb +0 -5
  67. data/source/components.html.erb +0 -174
  68. data/source/foundation/application.html.slim +0 -17
  69. data/source/foundation/foundation_and_overrides.scss +0 -4
  70. data/source/index.html.erb +0 -162
  71. data/source/javascripts/all.js +0 -11
  72. data/source/javascripts/jquery.erToc.js +0 -477
  73. data/source/javascripts/jquery.glide.js +0 -941
  74. data/source/javascripts/staple/accordion.js +0 -5
  75. data/source/javascripts/staple/accordion_tabs.js +0 -19
  76. data/source/javascripts/staple/accordion_tabs_minimal.js +0 -19
  77. data/source/javascripts/staple/centered_navigation.js +0 -14
  78. data/source/javascripts/staple/dropdown.js +0 -9
  79. data/source/javascripts/staple/expander.js +0 -53
  80. data/source/javascripts/staple/navigation.js +0 -23
  81. data/source/javascripts/staple/search_tools.js +0 -110
  82. data/source/javascripts/staple/sliding_menu.js +0 -13
  83. data/source/javascripts/staple/vertical_tabs.js +0 -32
  84. data/source/layouts/layout.erb +0 -1
  85. data/source/refills-hero.html.erb +0 -7
  86. data/source/refills-menu.html.erb +0 -5
  87. data/source/refills-page-scripts.html.erb +0 -66
  88. data/source/stylesheets/_bourbon-nav.scss +0 -86
  89. data/source/stylesheets/_normalize.scss +0 -425
  90. data/source/stylesheets/_refills-nav.scss +0 -102
  91. data/source/stylesheets/_refills-styles.scss +0 -543
  92. data/source/stylesheets/all.scss +0 -61
  93. data/source/stylesheets/staple/_accordion-tabs-minimal.scss +0 -60
  94. data/source/stylesheets/staple/_accordion-tabs.scss +0 -88
  95. data/source/stylesheets/staple/_accordion.scss +0 -55
  96. data/source/stylesheets/staple/_badges.scss +0 -44
  97. data/source/stylesheets/staple/_breadcrumbs.scss +0 -84
  98. data/source/stylesheets/staple/_browser.scss +0 -141
  99. data/source/stylesheets/staple/_button-group.scss +0 -81
  100. data/source/stylesheets/staple/_cards.scss +0 -132
  101. data/source/stylesheets/staple/_centered-navigation.scss +0 -251
  102. data/source/stylesheets/staple/_comment.scss +0 -60
  103. data/source/stylesheets/staple/_device.scss +0 -83
  104. data/source/stylesheets/staple/_dropdown.scss +0 -127
  105. data/source/stylesheets/staple/_expander.scss +0 -30
  106. data/source/stylesheets/staple/_flashes.scss +0 -29
  107. data/source/stylesheets/staple/_footer-2.scss +0 -117
  108. data/source/stylesheets/staple/_footer.scss +0 -76
  109. data/source/stylesheets/staple/_grid-items-lines.scss +0 -86
  110. data/source/stylesheets/staple/_grid-items.scss +0 -97
  111. data/source/stylesheets/staple/_hero.scss +0 -54
  112. data/source/stylesheets/staple/_hover-tile-animation.scss +0 -52
  113. data/source/stylesheets/staple/_icon-bullet-points.scss +0 -63
  114. data/source/stylesheets/staple/_image-gradient-dynamic.scss +0 -59
  115. data/source/stylesheets/staple/_intro-text.scss +0 -67
  116. data/source/stylesheets/staple/_label-alerts.scss +0 -11
  117. data/source/stylesheets/staple/_modal.scss +0 -147
  118. data/source/stylesheets/staple/_navigation.scss +0 -329
  119. data/source/stylesheets/staple/_pagination.scss +0 -51
  120. data/source/stylesheets/staple/_progress-bar-indication.scss +0 -39
  121. data/source/stylesheets/staple/_progress-bar.scss +0 -83
  122. data/source/stylesheets/staple/_search-bar.scss +0 -40
  123. data/source/stylesheets/staple/_search-tools.scss +0 -67
  124. data/source/stylesheets/staple/_side-image.scss +0 -59
  125. data/source/stylesheets/staple/_sliding-menu.scss +0 -63
  126. data/source/stylesheets/staple/_switch.scss +0 -77
  127. data/source/stylesheets/staple/_tables-minimal.scss +0 -60
  128. data/source/stylesheets/staple/_tables.scss +0 -88
  129. data/source/stylesheets/staple/_texture-legend.scss +0 -182
  130. data/source/stylesheets/staple/_textures.scss +0 -119
  131. data/source/stylesheets/staple/_tooltip.scss +0 -57
  132. data/source/stylesheets/staple/_type-system-geometric.scss +0 -103
  133. data/source/stylesheets/staple/_type-system-rounded.scss +0 -107
  134. data/source/stylesheets/staple/_type-system-sans.scss +0 -110
  135. data/source/stylesheets/staple/_type-system-serif.scss +0 -111
  136. data/source/stylesheets/staple/_type-system-slab.scss +0 -107
  137. data/source/stylesheets/staple/_type-system-traditional.scss +0 -114
  138. data/source/stylesheets/staple/_vertical-tabs.scss +0 -105
  139. data/source/stylesheets/staple/_video.scss +0 -21
  140. data/source/type-systems.html.erb +0 -67
  141. data/source/vendor/javascripts/ZeroClipboard.min.js +0 -9
  142. data/source/vendor/javascripts/fixedsticky.js +0 -185
  143. data/source/vendor/javascripts/prism.js +0 -13
  144. data/source/vendor/javascripts/smooth-scroll.js +0 -125
  145. data/source/vendor/stylesheets/fixedsticky.css +0 -22
  146. data/source/vendor/stylesheets/prism.css +0 -126
data/source/_code.html.erb DELETED
@@ -1,10 +0,0 @@
1
- <div class="refill-control">
2
- <a href="#" class="js-show-code">Show Code</a>
3
- <a href="#" class="js-hide-code">Hide Code</a>
4
- </div>
5
-
6
- <table class="snippets-table">
7
- <tr>
8
- <%= snippets %>
9
- </tr>
10
- </table>
data/source/_comment.html.erb DELETED
@@ -1,21 +0,0 @@
1
- <div class="comment">
2
- <div class="comment-image">
3
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_1.png" alt="Logo image">
4
- </div>
5
- <div class="comment-content">
6
- <h1>First Comment Title or Author</h1>
7
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, aspernatur, quia modi minima debitis tempora ducimus quam vero impedit alias earum nemo error tenetur sed.</p>
8
- <p class="comment-detail">Date or details about this post</p>
9
- </div>
10
- </div>
11
-
12
- <div class="comment">
13
- <div class="comment-image">
14
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_2.png" alt="Logo image">
15
- </div>
16
- <div class="comment-content">
17
- <h1>Another One</h1>
18
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio, aspernatur, quia modi minima debitis tempora ducimus quam vero impedit alias earum nemo error tenetur sed.</p>
19
- <p class="comment-detail">Date or details about this post</p>
20
- </div>
21
- </div>
data/source/_device.html.erb DELETED
@@ -1,10 +0,0 @@
1
- <div class="device-background">
2
- <div class="device-text">
3
- <h4>Text about App or Device</h4>
4
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dignissimos, recusandae? Deserunt repellendus.</p>
5
- <button>Learn More</button>
6
- </div>
7
- <div class="device">
8
- <div class="screen"></div>
9
- </div>
10
- </div>
data/source/_dropdown.html.erb DELETED
@@ -1,12 +0,0 @@
1
- <div class="dropdown">
2
- <div class="dropdown-container">
3
- <p class="dropdown-description">Description</p>
4
- <p class="dropdown-button">Click to Select</p>
5
- <ul class="menu">
6
- <li>Dropdown Menu Item</li>
7
- <li>Another Item</li>
8
- <li>Item Three</li>
9
- <li>The Last One</li>
10
- </ul>
11
- </div>
12
- </div>
data/source/_expander.html.erb DELETED
@@ -1,6 +0,0 @@
1
- <div class="expander">
2
- <a href="javascript:void(0)" class="expander-toggle">Expandable section</a>
3
- <div class="expander-content">
4
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio mollitia fugiat facilis enim accusamus quisquam aut, repellendus incidunt quod optio facere labore illo numquam ipsum beatae vero debitis, fugit excepturi.</p>
5
- </div>
6
- </div>
data/source/_flashes.html.erb DELETED
@@ -1,15 +0,0 @@
1
- <div class="flash-success">
2
- <span>This is a success message <a href="#">with a link</a></span>
3
- </div>
4
-
5
- <div class="flash-error">
6
- <span>This is an error message <a href="#">with a link</a></span>
7
- </div>
8
-
9
- <div class="flash-notice">
10
- <span>This is an notice message <a href="#">with a link</a></span>
11
- </div>
12
-
13
- <div class="flash-alert">
14
- <span>This is an alert message <a href="#">with a link</a></span>
15
- </div>
data/source/_footer.html.erb DELETED
@@ -1,28 +0,0 @@
1
- <footer class="footer">
2
- <div class="footer-logo">
3
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_1.png" alt="Logo image">
4
- </div>
5
- <div class="footer-links">
6
- <ul>
7
- <li><h3>Content</h3></li>
8
- <li><a href="javascript:void(0)">About</a></li>
9
- <li><a href="javascript:void(0)">Contact</a></li>
10
- <li><a href="javascript:void(0)">Products</a></li>
11
- </ul>
12
- <ul>
13
- <li><h3>Follow Us</h3></li>
14
- <li><a href="javascript:void(0)">Facebook</a></li>
15
- <li><a href="javascript:void(0)">Twitter</a></li>
16
- <li><a href="javascript:void(0)">YouTube</a></li>
17
- </ul>
18
- <ul>
19
- <li><h3>Legal</h3></li>
20
- <li><a href="javascript:void(0)">Terms and Conditions</a></li>
21
- <li><a href="javascript:void(0)">Privacy Policy</a></li>
22
- </ul>
23
- </div>
24
-
25
- <hr>
26
-
27
- <p>Disclaimer area lorem ipsum dolor sit amet, consectetur adipisicing elit. Rerum, nostrum repudiandae saepe.</p>
28
- </footer>
data/source/_footer_2.html.erb DELETED
@@ -1,33 +0,0 @@
1
- <!--<div class="wrapper-for-content-outside-of-footer">
2
- Uncomment this whole section for a sticky footer. The content of the page should be inside of this .wrapper-for-content-outside-of-footer
3
- </div>-->
4
-
5
- <footer class="footer-2">
6
- <div class="footer-logo">
7
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_1.png" alt="Logo image">
8
- </div>
9
- <ul>
10
- <li><a href="javascript:void(0)">About</a></li>
11
- <li><a href="javascript:void(0)">Contact</a></li>
12
- <li><a href="javascript:void(0)">Products</a></li>
13
- </ul>
14
-
15
- <div class="footer-secondary-links">
16
- <ul>
17
- <li><a href="javascript:void(0)">Terms and Conditions</a></li>
18
- <li><a href="javascript:void(0)">Privacy Policy</a></li>
19
- </ul>
20
-
21
- <ul class="footer-social">
22
- <li><a href="javascript:void(0)">
23
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/facebook-logo-circle.png" alt="Facebook">
24
- </a></li>
25
- <li><a href="javascript:void(0)">
26
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/twitter-logo-circle.png" alt="Twitter">
27
- </a></li>
28
- <li><a href="javascript:void(0)">
29
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/youtube-logo-circle.png" alt="YouTube">
30
- </a></li>
31
- </ul>
32
- </div>
33
- </footer>
data/source/_grid_items.html.erb DELETED
@@ -1,37 +0,0 @@
1
- <div class="grid-items">
2
- <a href="javascript:void(0)" class="grid-item">
3
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_1.png" alt="">
4
- <h1>Grid Item</h1>
5
- <p>Lorem ipsum dolor sit amet, elit. Rem, illum.</p>
6
- </a>
7
- <a href="javascript:void(0)" class="grid-item grid-item-big grid-item-image">
8
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_2.png" alt="">
9
- <h1>Grid Item With an Image</h1>
10
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem, illum.</p>
11
- </a>
12
- <a href="javascript:void(0)" class="grid-item grid-item-big">
13
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_3.png" alt="">
14
- <h1>Another Wide Item</h1>
15
- <p>Lorem ipsum consectetur dolor sit amet, consectetur adipisicing elit. Rem, illum.</p>
16
- </a>
17
- <a href="javascript:void(0)" class="grid-item">
18
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_2.png" alt="">
19
- <h1>Last Grid Item</h1>
20
- <p>Lorem ipsum dolor sit amet, elit. Rem, illum.</p>
21
- </a>
22
- <a href="javascript:void(0)" class="grid-item">
23
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_2.png" alt="">
24
- <h1>Last Grid Item</h1>
25
- <p>Lorem ipsum dolor sit amet, elit. Rem, illum.</p>
26
- </a>
27
- <a href="javascript:void(0)" class="grid-item">
28
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_3.png" alt="">
29
- <h1>A Grid Item</h1>
30
- <p>Lorem ipsum dolor sit amet, elit. Rem, illum.</p>
31
- </a>
32
- <a href="javascript:void(0)" class="grid-item">
33
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_1.png" alt="">
34
- <h1>Item</h1>
35
- <p>Lorem ipsum dolor sit amet, elit. Rem, illum.</p>
36
- </a>
37
- </div>
data/source/_grid_items_lines.html.erb DELETED
@@ -1,44 +0,0 @@
1
- <div class="grid-items-lines">
2
- <a href="javascript:void(0)" class="grid-item">
3
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_1_dark.png" alt="">
4
- <h1>Grid Item</h1>
5
- <p>Lorem ipsum dolor sit amet, elit. Rem, illum.</p>
6
- </a>
7
- <a href="javascript:void(0)" class="grid-item">
8
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_3_dark.png" alt="">
9
- <h1>Another Item</h1>
10
- <p>Lorem ipsum consectetur dolor sit amet, consectetur adipisicing elit.</p>
11
- </a>
12
- <a href="javascript:void(0)" class="grid-item">
13
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_2_dark.png" alt="">
14
- <h1>Another Grid Item</h1>
15
- <p>Lorem ipsum dolor sit amet, elit.</p>
16
- </a>
17
- <a href="javascript:void(0)" class="grid-item">
18
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_2_dark.png" alt="">
19
- <h1>Grid Item</h1>
20
- <p>Lorem ipsum dolor sit amet, elit. Rem, illum.</p>
21
- </a>
22
- <a href="javascript:void(0)" class="grid-item grid-item-big">
23
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_2_dark.png" alt="">
24
- <h1>Wider Grid Item</h1>
25
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Rem, illum.</p>
26
- </a>
27
- <a href="javascript:void(0)" class="grid-item">
28
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_3_dark.png" alt="">
29
- <h1>A Grid Item</h1>
30
- <p>Lorem ipsum dolor sit amet, elit. Rem, illum.</p>
31
- </a>
32
- <a href="javascript:void(0)" class="grid-item">
33
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_1_dark.png" alt="">
34
- <h1>Item</h1>
35
- <p>Lorem ipsum dolor sit amet, elit. Rem, illum.</p>
36
- </a>
37
- <a href="javascript:void(0)" class="grid-item">
38
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_2_dark.png" alt="">
39
- <h1>Last Grid Item</h1>
40
- <p>Lorem ipsum dolor sit amet, elit. Rem, illum.</p>
41
- </a>
42
- <div class="right-cover"></div>
43
- <div class="bottom-cover"></div>
44
- </div>
data/source/_hero.html.erb DELETED
@@ -1,11 +0,0 @@
1
- <div class="hero">
2
- <div class="hero-inner">
3
- <a href="" class="hero-logo"><img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_1.png
4
- " alt="Logo Image"></a>
5
- <div class="hero-copy">
6
- <h1>Short description of Product</h1>
7
- <p>A few reasons why this product is worth using, who it's for and why they need it.</p>
8
- </div>
9
- <button>Learn More</button>
10
- </div>
11
- </div>
data/source/_hover_tile_animation.html.erb DELETED
@@ -1,11 +0,0 @@
1
- <div class="hover-tile-outer">
2
- <div class="hover-tile-container">
3
- <div class="hover-tile hover-tile-visible">
4
- Hover
5
- </div>
6
- <div class="hover-tile hover-tile-hidden">
7
- <h4>Hidden Copy</h4>
8
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, hic, dolore, labore,provident eligendi fugiat ad exercitationem.</p>
9
- </div>
10
- </div>
11
- </div>
data/source/_icon_bullet_points.html.erb DELETED
@@ -1,30 +0,0 @@
1
- <ul class="bullets">
2
- <li class="bullet three-col-bullet">
3
- <div class="bullet-icon bullet-icon-1">
4
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_2.png
5
- " alt="">
6
- </div>
7
- <div class="bullet-content">
8
- <h2>This Bullet Title</h2>
9
- <p>Lorem dolor sit amet consectetur adipisicing elit. Doloremque, minus, blanditiis, voluptatibus nulla quia ipsam sequi quos iusto aliquam iste magnam accusamus molestias quo illum impedit. Odit officia autem.</p>
10
- </div>
11
- </li>
12
- <li class="bullet three-col-bullet">
13
- <div class="bullet-icon bullet-icon-2">
14
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_3.png" alt="">
15
- </div>
16
- <div class="bullet-content">
17
- <h2>Another Bullet Title</h2>
18
- <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque, minus, blanditiis, voluptatibus nulla quia ipsam sequi quos iusto aliquam iste magnam accusamus molestias quo illum.</p>
19
- </div>
20
- </li>
21
- <li class="bullet three-col-bullet">
22
- <div class="bullet-icon bullet-icon-3">
23
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_4.png" alt="">
24
- </div>
25
- <div class="bullet-content">
26
- <h2>Last Bullet Title</h2>
27
- <p>Lorem ipsum sit amet consectetur adipisicing elit. Doloremque, minus, blanditiis, voluptatibus nulla quia ipsam sequi quos iusto aliquam iste magnam accusamus molestias quo illum impedit. Odit officia autem.</p>
28
- </div>
29
- </li>
30
- </ul>
data/source/_image_gradient_dynamic.html.erb DELETED
@@ -1,7 +0,0 @@
1
- <div class="image-gradient-dynamic">
2
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/mountains.png" alt="">
3
- <div class="overlay"></div>
4
- <div class="copy">
5
- <p>Dynamic height container</p>
6
- </div>
7
- </div>
data/source/_intro_text.html.erb DELETED
@@ -1,6 +0,0 @@
1
- <div class="intro-text">
2
- <h3>Topic Label</h3>
3
- <h2>Intro Text Heading</h2>
4
- <h4>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta rerum libero iste saepe.</h4>
5
- <p>Lorem ipsum dolor sit amet, consectetur consectetur adipisicing elit. Perferendis para mitis eun non ullam atque debitis, illo adipisicing elit. Perferendis para mitis eun non ullam atque debitis, illo. Amet, consectetur adipisicing. <a href="">Read more <span>&#187;</span></a></p>
6
- </div>
data/source/_label_alerts.html.erb DELETED
@@ -1,5 +0,0 @@
1
- <label class="label-success">This is a success label</label>
2
- <label class="label-error">This is an error label</label>
3
- <label class="label-notice">This is an notice label</label>
4
- <label class="label-alert">This is an alert label</label>
5
-
data/source/_modal.html.erb DELETED
@@ -1,14 +0,0 @@
1
- <div class="modal">
2
- <label for="modal-1">
3
- <div class="btn js-btn">Click for Modal</div>
4
- </label>
5
- <input class="modal-state" id="modal-1" type="checkbox" />
6
- <div class="modal-window">
7
- <div class="modal-inner">
8
- <label class="modal-close" for="modal-1"></label>
9
- <h1>Modal Title</h1>
10
- <p class="intro">Intro text lorem ipsum dolor sit ametm, quas, eaque facilis aliquid cupiditate tempora cumque ipsum accusantium illo modi commodi minima.</p>
11
- <p class="body">Body text lorem ipsum dolor ipsum dolor sit sit possimus amet, consectetur adipisicing elit. Itaque, placeat, explicabo, veniam quos aperiam molestias eriam molestias molestiae suscipit ipsum enim quasi sit possimus quod atque nobis voluptas earum odit accusamus quibusdam.</p>
12
- </div>
13
- </div>
14
- </div>
data/source/_navigation.html.erb DELETED
@@ -1,44 +0,0 @@
1
- <header class="navigation">
2
- <div class="navigation-wrapper">
3
- <a href="javascript:void(0)" class="logo">
4
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/placeholder_logo_1.png" alt="Logo Image">
5
- </a>
6
- <a href="" class="navigation-menu-button" id="js-mobile-menu">MENU</a>
7
- <div class="nav">
8
- <ul id="navigation-menu">
9
- <li class="nav-link"><a href="javascript:void(0)">Products</a></li>
10
- <li class="nav-link"><a href="javascript:void(0)">About Us</a></li>
11
- <li class="nav-link"><a href="javascript:void(0)">Contact</a></li>
12
- <li class="nav-link more"><a href="javascript:void(0)">More</a>
13
- <ul class="submenu">
14
- <li><a href="javascript:void(0)">Submenu Item</a></li>
15
- <li><a href="javascript:void(0)">Another Item</a></li>
16
- <li class="more"><a href="javascript:void(0)">Item with submenu</a>
17
- <ul class="submenu">
18
- <li><a href="javascript:void(0)">Sub-submenu Item</a></li>
19
- <li><a href="javascript:void(0)">Another Item</a></li>
20
- </ul>
21
- </li>
22
- <li class="more"><a href="javascript:void(0)">Another submenu</a>
23
- <ul class="submenu">
24
- <li><a href="javascript:void(0)">Sub-submenu</a></li>
25
- <li><a href="javascript:void(0)">An Item</a></li>
26
- </ul>
27
- </li>
28
- </ul>
29
- </li>
30
- </ul>
31
- </div>
32
- <div class="navigation-tools">
33
- <div class="search-bar">
34
- <div class="search-and-submit">
35
- <input type="search" placeholder="Enter Search" />
36
- <button type="submit">
37
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/search-icon.png" alt="Search Icon">
38
- </button>
39
- </div>
40
- </div>
41
- <a href="javascript:void(0)" class="sign-up">Sign Up</a>
42
- </div>
43
- </div>
44
- </header>
data/source/_pagination.html.erb DELETED
@@ -1,17 +0,0 @@
1
- <div class="pagination">
2
- <ul>
3
- <li class="page-prev"><a href="javascript:void(0)">Prev</a></li>
4
- <li>
5
- <ul>
6
- <li><a href="javascript:void(0)">1</a></li>
7
- <li><a href="javascript:void(0)">2</a></li>
8
- <li><a href="javascript:void(0)">3</a></li>
9
- <li><a href="javascript:void(0)">4</a></li>
10
- <li><a href="javascript:void(0)">5</a></li>
11
- <li><a href="javascript:void(0)">6</a></li>
12
- <li><a href="javascript:void(0)">7</a></li>
13
- </ul>
14
- </li>
15
- <li class="page-next"><a href="javascript:void(0)">Next</a></li>
16
- </ul>
17
- </div>
data/source/_progress_bar.html.erb DELETED
@@ -1,3 +0,0 @@
1
- <div class="progress-bar">
2
- <span class="meter" style="width: 60%"></span>
3
- </div>
data/source/_progress_bar_indication.html.erb DELETED
@@ -1,5 +0,0 @@
1
- <div class="progress-bar-indication">
2
- <span class="meter" style="width: 60%">
3
- <p>60%</p>
4
- </span>
5
- </div>
data/source/_search_bar.html.erb DELETED
@@ -1,8 +0,0 @@
1
- <div class="search-bar">
2
- <div class="search-and-submit">
3
- <input type="search" placeholder="Enter Search" />
4
- <button type="submit">
5
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/search-icon.png" alt="Search Icon">
6
- </button>
7
- </div>
8
- </div>
data/source/_search_tools.html.erb DELETED
@@ -1,58 +0,0 @@
1
- <div class="search-tools">
2
- <div class="filter">
3
- <label>Colors</label>
4
- <div>
5
- <ol>
6
- <li>
7
- <input id="red" type="checkbox">
8
- <label for="red">Red</label>
9
- </li>
10
- <li>
11
- <input id="green" type="checkbox">
12
- <label for="green">Green</label>
13
- </li>
14
- <li>
15
- <input id="blue" type="checkbox">
16
- <label for="blue">Blue</label>
17
- </li>
18
- </ol>
19
- </div>
20
- </div>
21
- <div class="filter">
22
- <label>Sizes</label>
23
- <div>
24
- <ol>
25
- <li>
26
- <input id="small" type="checkbox">
27
- <label for="small">Small</label>
28
- </li>
29
- <li>
30
- <input id="medium" type="checkbox">
31
- <label for="medium">Medium</label>
32
- </li>
33
- <li>
34
- <input id="large" type="checkbox">
35
- <label for="large">Large</label>
36
- </li>
37
- </ol>
38
- </div>
39
- </div>
40
- <div class="filter">
41
- <label>Lengths</label>
42
- <div>
43
- <ol>
44
- <li>
45
- <input id="short" type="checkbox">
46
- <label for="short">Short</label>
47
- </li>
48
- <li>
49
- <input id="long" type="checkbox">
50
- <label for="long">Long</label>
51
- </li>
52
- </ol>
53
- </div>
54
- </div>
55
- <div class="trigger">
56
- <button>Update</button>
57
- </div>
58
- </div>
data/source/_side_image.html.erb DELETED
@@ -1,10 +0,0 @@
1
- <div class="side-image">
2
- <div class="images-wrapper"></div>
3
- <div class="content">
4
- <h4>Topic Name</h4>
5
- <h1>Message with a gradient image</h1>
6
- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam assumenda nihil suscipit obcaecati sit, cum quod corporis adipisci ipsam, fugiat, quae error. Eaque commodi, dicta quidem explicabo mollitia inventore quibusdam.
7
- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veniam assumenda nihil suscipit obcaecati sit, cum quod corporis adipisci ipsam, fugiat, quae error. Eaque commodi, dicta quidem explicabo mollitia inventore quibusdam.</p>
8
- <button>Read more</button>
9
- </div>
10
- </div>
data/source/_sliding_menu.html.erb DELETED
@@ -1,13 +0,0 @@
1
- <button type="button" class="js-menu-trigger sliding-menu-button">
2
- <img src="https://raw.githubusercontent.com/thoughtbot/refills/master/source/images/menu-white.png" alt="Menu Icon">
3
- </button>
4
-
5
- <nav class="js-menu sliding-menu-content">
6
- <ul>
7
- <li><a href="javascript:void(0)">Item 1</a></li>
8
- <li><a href="javascript:void(0)">Item 2</a></li>
9
- <li><a href="javascript:void(0)">Item 3</a></li>
10
- </ul>
11
- </nav>
12
-
13
- <div class="js-menu-screen menu-screen"></div>
data/source/_snippet.html.erb DELETED
@@ -1,4 +0,0 @@
1
- <td class="snippet">
2
- <a href="#" class="copy-source">Copy</a>
3
- <pre><code class="language-<%= language %>"><%== snippet %></code></pre>
4
- </td>
data/source/_switch.html.erb DELETED
@@ -1,4 +0,0 @@
1
- <label class="label-switch">
2
- <input type="checkbox" />
3
- <div class="checkbox"></div>
4
- </label>
data/source/_tables.html.erb DELETED
@@ -1,31 +0,0 @@
1
- <table class="table-borders">
2
- <thead>
3
- <tr>
4
- <th>Header Cell 1</th>
5
- <th>Header Cell 2</th>
6
- <th>Header Cell 3</th>
7
- </tr>
8
- </thead>
9
- <tbody>
10
- <tr>
11
- <td>Row 1 Cell 1</td>
12
- <td>Row 1 Cell 2</td>
13
- <td><button>Confirm</button><button>Reject</button></td>
14
- </tr>
15
- <tr>
16
- <td>Row 2 Cell 1</td>
17
- <td>Row 2 Cell 2</td>
18
- <td><button>Confirm</button><button>Reject</button></td>
19
- </tr>
20
- <tr>
21
- <td>Row 3 Cell 1</td>
22
- <td>Row 3 Cell 2</td>
23
- <td><button>Confirm</button><button>Reject</button></td>
24
- </tr>
25
- <tr>
26
- <td>Row 4 Cell 1</td>
27
- <td>Row 4 Cell 2</td>
28
- <td><button>Confirm</button><button>Reject</button></td>
29
- </tr>
30
- </tbody>
31
- </table>
data/source/_tables_minimal.html.erb DELETED
@@ -1,31 +0,0 @@
1
- <table class="table-minimal">
2
- <thead>
3
- <tr>
4
- <th>Header Cell 1</th>
5
- <th>Header Cell 2</th>
6
- <th>Header Cell 3</th>
7
- </tr>
8
- </thead>
9
- <tbody>
10
- <tr>
11
- <td>Row 1 Cell 1</td>
12
- <td>Row 1 Cell 2</td>
13
- <td><button>Confirm</button><button>Reject</button></td>
14
- </tr>
15
- <tr>
16
- <td>Row 2 Cell 1</td>
17
- <td>Row 2 Cell 2</td>
18
- <td><button>Confirm</button><button>Reject</button></td>
19
- </tr>
20
- <tr>
21
- <td>Row 3 Cell 1</td>
22
- <td>Row 3 Cell 2</td>
23
- <td><button>Confirm</button><button>Reject</button></td>
24
- </tr>
25
- <tr>
26
- <td>Row 4 Cell 1</td>
27
- <td>Row 4 Cell 2</td>
28
- <td><button>Confirm</button><button>Reject</button></td>
29
- </tr>
30
- </tbody>
31
- </table>
data/source/_texture-legend.html.erb DELETED
@@ -1,24 +0,0 @@
1
- <div class="texture-examples">
2
- <div class="texture-examples-container">
3
- <h3>Legend</h3>
4
-
5
- <script>
6
- for (i = 1; i < 89; i++) {
7
- document.write('<div class="texture-' + i + '">')
8
- document.write('<h4>' + i + '</h4>')
9
- document.write('<div class="examples">')
10
- document.write('<div class="example-normal"></div>')
11
- document.write('<div class="example-inverted"></div>')
12
- document.write('</div>')
13
- document.write('</div>')
14
- }
15
- </script>
16
-
17
- <div class="instructions">
18
- <b>Instructions</b>
19
- <p>Each texture has two versions, shown in each box in the pattern; a normal version and an inverted one. Some versions work better on dark backgrounds, some on light. Switch between the two by changing between 0 and 1 for the final argument passed in the @include.</p>
20
- <p>The mixin can change background color – or gradient colors – for the texture, along with gradient angle.</p>
21
- <p>The two squares below is what will be rendered if you copy-paste the code. Use the numbers in the legend above to switch textures in the code. This is done by changing the texture number in the @include for .texture-normal or .texture-inverted. The default selection is texture number 67. Most of these textures are from <a href="http://subtlepatterns.com/">subtlepatterns.com</a></p>
22
- </div>
23
- </div>
24
- </div>
data/source/_textures.html.erb DELETED
@@ -1,4 +0,0 @@
1
- <div class="texture">
2
- <div class="texture-normal"></div>
3
- <div class="texture-inverted"></div>
4
- </div>
data/source/_tooltip.html.erb DELETED
@@ -1,6 +0,0 @@
1
- <div class="tooltip-item">
2
- Hover for Tooltip
3
- <div class="tooltip">
4
- <p>Lorem ipsum doloandae oluptate aperiam unde voluptates quas.</p>
5
- </div>
6
- </div>