refills 0.0.1 → 0.0.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (260) hide show
  1. checksums.yaml +6 -14
  2. data/NEWS.md +12 -0
  3. data/README.md +84 -6
  4. data/config.rb +10 -6
  5. data/lib/refills/import_generator.rb +2 -0
  6. data/lib/refills/list_generator.rb +2 -0
  7. data/lib/refills/version.rb +1 -1
  8. data/pkg/refills-0.0.1.gem +0 -0
  9. data/refills.gemspec +1 -1
  10. data/source/CNAME +1 -0
  11. data/source/_accordion-tabs-minimal.html.erb +48 -0
  12. data/source/_accordion-tabs.html.erb +26 -26
  13. data/source/_accordion.html.erb +9 -9
  14. data/source/_badges.html.erb +7 -5
  15. data/source/_breadcrumbs.html.erb +6 -7
  16. data/source/_button-group.html.erb +3 -4
  17. data/source/_cards.html.erb +42 -9
  18. data/source/_comment.html.erb +21 -0
  19. data/source/_footer-2.html.erb +29 -0
  20. data/source/_footer.html.erb +26 -27
  21. data/source/_grid-items-lines.html.erb +44 -0
  22. data/source/_grid-items.html.erb +37 -0
  23. data/source/_hero.html.erb +4 -5
  24. data/source/_hover-tile-animation.html.erb +11 -0
  25. data/source/_icon-bullet-points.html.erb +29 -0
  26. data/source/_image-gradient-dynamic.html.erb +7 -0
  27. data/source/_image-gradient.html.erb +6 -0
  28. data/source/_modal.html.erb +5 -25
  29. data/source/_navigation.html.erb +38 -15
  30. data/source/_progress-bar-indication.html.erb +5 -0
  31. data/source/_search-bar.html.erb +4 -4
  32. data/source/_sliding-menu.html.erb +23 -13
  33. data/source/_snippet.html.erb +4 -5
  34. data/source/_snippets.html.erb +7 -0
  35. data/source/_switch.html.erb +7 -0
  36. data/source/_tables-minimal.html.erb +31 -0
  37. data/source/_tooltip.html.erb +5 -3
  38. data/source/_type-system-content.html.erb +11 -0
  39. data/source/_type-system-geometric.html.erb +8 -0
  40. data/source/_type-system-rounded.html.erb +8 -0
  41. data/source/_type-system-sans.html.erb +8 -0
  42. data/source/_type-system-serif.html.erb +9 -0
  43. data/source/_type-system-slab.html.erb +8 -0
  44. data/source/_type-system-traditional.html.erb +8 -0
  45. data/source/_vertical-tabs.html.erb +39 -40
  46. data/source/fonts/Fairview_Regular.otf +0 -0
  47. data/source/fonts/Fairview_SmallCaps.otf +0 -0
  48. data/source/fonts/PoetsenOne-Regular.ttf +0 -0
  49. data/source/images/Octocat.png +0 -0
  50. data/source/images/ZeroClipboard.swf +0 -0
  51. data/source/images/cat.png +0 -0
  52. data/source/images/menu.png +0 -0
  53. data/source/index.html.erb +243 -141
  54. data/source/javascripts/all.js +9 -0
  55. data/source/javascripts/jquery.erToc.js +477 -0
  56. data/source/javascripts/jquery.glide.js +941 -0
  57. data/source/layouts/layout.erb +16 -3
  58. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_deprecated-webkit-gradient.scssc +0 -0
  59. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_gradient-positions-parser.scssc +0 -0
  60. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_linear-positions-parser.scssc +0 -0
  61. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_radial-arg-parser.scssc +0 -0
  62. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_radial-positions-parser.scssc +0 -0
  63. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_render-gradients.scssc +0 -0
  64. data/source/stylesheets/.sass-cache/0d88bab3f6439409671efc65a29de3058595a20c/_shape-size-stripper.scssc +0 -0
  65. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_fill-parent.scssc +0 -0
  66. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_grid.scssc +0 -0
  67. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_media.scssc +0 -0
  68. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_omega.scssc +0 -0
  69. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_outer-container.scssc +0 -0
  70. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_pad.scssc +0 -0
  71. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_private.scssc +0 -0
  72. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_reset.scssc +0 -0
  73. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_row.scssc +0 -0
  74. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_shift.scssc +0 -0
  75. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_span-columns.scssc +0 -0
  76. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_to-deprecate.scssc +0 -0
  77. data/source/stylesheets/.sass-cache/2356a63beb71504ccf2fa539939afe219243ac3f/_visual-grid.scssc +0 -0
  78. data/source/stylesheets/.sass-cache/3c5af5c36664454ea95f8284b8f46c4539020663/_neat-helpers.scssc +0 -0
  79. data/source/stylesheets/.sass-cache/3c5af5c36664454ea95f8284b8f46c4539020663/_neat.scssc +0 -0
  80. data/source/stylesheets/.sass-cache/5d5301b1b4de0f4b931a707c7390ccdbbf02bc5c/_bourbon-deprecated-upcoming.scssc +0 -0
  81. data/source/stylesheets/.sass-cache/5d5301b1b4de0f4b931a707c7390ccdbbf02bc5c/_bourbon.scssc +0 -0
  82. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_bitters.scssc +0 -0
  83. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_flashes.scssc +0 -0
  84. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_forms.scssc +0 -0
  85. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_grid-settings.scssc +0 -0
  86. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_lists.scssc +0 -0
  87. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_tables.scssc +0 -0
  88. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_typography.scssc +0 -0
  89. data/source/stylesheets/.sass-cache/6e4f3bf0a0a6393f142470646a965aa11120b82c/_variables.scssc +0 -0
  90. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_accordion-tabs.scssc +0 -0
  91. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_accordion.scssc +0 -0
  92. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_badges.scssc +0 -0
  93. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_breadcrumbs.scssc +0 -0
  94. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_button-group.scssc +0 -0
  95. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_cards.scssc +0 -0
  96. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_dashboard.scssc +0 -0
  97. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_dropdown-menu.scssc +0 -0
  98. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_footer.scssc +0 -0
  99. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_hero.scssc +0 -0
  100. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_image-cards.scssc +0 -0
  101. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_image-gradient.scssc +0 -0
  102. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_info-section.scssc +0 -0
  103. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_item-list.scssc +0 -0
  104. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_master-detail.scssc +0 -0
  105. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_modal.scssc +0 -0
  106. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_navigation.scssc +0 -0
  107. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_overlap.scssc +0 -0
  108. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_progress-bar.scssc +0 -0
  109. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_search-bar.scssc +0 -0
  110. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_sidebar-layout.scssc +0 -0
  111. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_sliding-menu.scssc +0 -0
  112. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_switch-toggle.scssc +0 -0
  113. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_tables.scssc +0 -0
  114. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_toggle-cards.scssc +0 -0
  115. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_tooltip.scssc +0 -0
  116. data/source/stylesheets/.sass-cache/7b963f7f4dc44c7eaad58bd6c1897da558e16f47/_vertical-tabs.scssc +0 -0
  117. data/source/stylesheets/.sass-cache/949f49000f6a509c8c1d8b10cc864f41440f4640/_new-breakpoint.scssc +0 -0
  118. data/source/stylesheets/.sass-cache/949f49000f6a509c8c1d8b10cc864f41440f4640/_private.scssc +0 -0
  119. data/source/stylesheets/.sass-cache/9c3cd587ffeef0d147804cf4a2177df69c325021/_grid.scssc +0 -0
  120. data/source/stylesheets/.sass-cache/9c3cd587ffeef0d147804cf4a2177df69c325021/_visual-grid.scssc +0 -0
  121. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_button.scssc +314 -314
  122. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_clearfix.scssc +0 -0
  123. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_font-family.scssc +0 -0
  124. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_hide-text.scssc +0 -0
  125. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_html5-input-types.scssc +0 -0
  126. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_position.scssc +0 -0
  127. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_prefixer.scssc +0 -0
  128. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_retina-image.scssc +0 -0
  129. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_size.scssc +0 -0
  130. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_timing-functions.scssc +0 -0
  131. data/source/stylesheets/.sass-cache/c6006dae2021685cda21dbc1d56c98b49b399e89/_triangle.scssc +0 -0
  132. data/source/stylesheets/.sass-cache/d215ab98db0764a70113a4b69eb12099c4a4b951/_layout.scssc +0 -0
  133. data/source/stylesheets/.sass-cache/d215ab98db0764a70113a4b69eb12099c4a4b951/_normalize.scssc +0 -0
  134. data/source/stylesheets/.sass-cache/d215ab98db0764a70113a4b69eb12099c4a4b951/_refills-styles.scssc +0 -0
  135. data/source/stylesheets/.sass-cache/d215ab98db0764a70113a4b69eb12099c4a4b951/all.scssc +0 -0
  136. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_animation.scssc +0 -0
  137. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_appearance.scssc +0 -0
  138. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_backface-visibility.scssc +0 -0
  139. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_background-image.scssc +0 -0
  140. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_background.scssc +0 -0
  141. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_border-image.scssc +0 -0
  142. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_border-radius.scssc +0 -0
  143. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_box-sizing.scssc +0 -0
  144. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_columns.scssc +0 -0
  145. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_flex-box.scssc +0 -0
  146. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_font-face.scssc +0 -0
  147. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_hidpi-media-query.scssc +0 -0
  148. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_image-rendering.scssc +0 -0
  149. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_inline-block.scssc +0 -0
  150. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_keyframes.scssc +0 -0
  151. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_linear-gradient.scssc +0 -0
  152. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_perspective.scssc +0 -0
  153. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_placeholder.scssc +0 -0
  154. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_radial-gradient.scssc +0 -0
  155. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_transform.scssc +0 -0
  156. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_transition.scssc +0 -0
  157. data/source/stylesheets/.sass-cache/d834f47169fec4be6d5fa92ad35541754895d07f/_user-select.scssc +0 -0
  158. data/source/stylesheets/.sass-cache/e04a546d656fd6d36e1f48c3953beece343e5456/_base.scssc +0 -0
  159. data/source/stylesheets/.sass-cache/e04a546d656fd6d36e1f48c3953beece343e5456/_button.scssc +0 -0
  160. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_compact.scssc +0 -0
  161. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_flex-grid.scssc +0 -0
  162. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_grid-width.scssc +0 -0
  163. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_linear-gradient.scssc +0 -0
  164. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_modular-scale.scssc +0 -0
  165. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_px-to-em.scssc +0 -0
  166. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_radial-gradient.scssc +0 -0
  167. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_tint-shade.scssc +0 -0
  168. data/source/stylesheets/.sass-cache/f42b2997d6b9b825e31277de8bd0911929c9e03c/_transition-property-name.scssc +0 -0
  169. data/source/stylesheets/_refills-nav.scss +91 -0
  170. data/source/stylesheets/_refills-styles.scss +419 -170
  171. data/source/stylesheets/all.scss +19 -11
  172. data/source/stylesheets/bitters/_bitters.scss +9 -0
  173. data/source/stylesheets/bitters/_flashes.scss +6 -45
  174. data/source/stylesheets/bitters/_forms.scss +11 -3
  175. data/source/stylesheets/bitters/_grid-settings.scss +5 -5
  176. data/source/stylesheets/bitters/_tables.scss +2 -2
  177. data/source/stylesheets/bitters/_typography.scss +3 -2
  178. data/source/stylesheets/bitters/_variables.scss +3 -7
  179. data/source/stylesheets/bitters/extends/_button.scss +4 -2
  180. data/source/stylesheets/bitters/mixins/_base.scss +1 -0
  181. data/source/stylesheets/bitters/mixins/_flash.scss +15 -0
  182. data/source/stylesheets/bourbon/addons/_button.scss +3 -73
  183. data/source/stylesheets/bourbon/addons/_directional-values.scss +114 -0
  184. data/source/stylesheets/bourbon/addons/_ellipsis.scss +7 -0
  185. data/source/stylesheets/bourbon/addons/_rem.scss +33 -0
  186. data/source/stylesheets/bourbon/css3/_calc.scss +4 -0
  187. data/source/stylesheets/bourbon/css3/_filter.scss +5 -0
  188. data/source/stylesheets/bourbon/css3/_font-feature-settings.scss +10 -0
  189. data/source/stylesheets/bourbon/css3/_hyphens.scss +4 -0
  190. data/source/stylesheets/bourbon/functions/_assign.scss +11 -0
  191. data/source/stylesheets/bourbon/functions/_color-lightness.scss +13 -0
  192. data/source/stylesheets/bourbon/functions/_golden-ratio.scss +3 -0
  193. data/source/stylesheets/bourbon/functions/_strip-units.scss +5 -0
  194. data/source/stylesheets/bourbon/functions/_unpack.scss +17 -0
  195. data/source/stylesheets/bourbon/helpers/_convert-units.scss +15 -0
  196. data/source/stylesheets/bourbon/helpers/_is-num.scss +8 -0
  197. data/source/stylesheets/bourbon/helpers/_linear-angle-parser.scss +25 -0
  198. data/source/stylesheets/bourbon/helpers/_linear-gradient-parser.scss +41 -0
  199. data/source/stylesheets/bourbon/helpers/_linear-side-corner-parser.scss +31 -0
  200. data/source/stylesheets/bourbon/helpers/_radial-gradient-parser.scss +50 -0
  201. data/source/stylesheets/bourbon/helpers/_str-to-num.scss +50 -0
  202. data/source/stylesheets/bourbon/settings/_prefixer.scss +6 -0
  203. data/source/stylesheets/bourbon/settings/_px-to-em.scss +1 -0
  204. data/source/stylesheets/refills/_accordion-tabs-minimal.scss +96 -0
  205. data/source/stylesheets/refills/_accordion-tabs.scss +97 -100
  206. data/source/stylesheets/refills/_accordion.scss +4 -2
  207. data/source/stylesheets/refills/_badges.scss +37 -30
  208. data/source/stylesheets/refills/_breadcrumbs.scss +31 -24
  209. data/source/stylesheets/refills/_button-group.scss +38 -14
  210. data/source/stylesheets/refills/_cards.scss +111 -43
  211. data/source/stylesheets/refills/_comment.scss +60 -0
  212. data/source/stylesheets/refills/_footer-2.scss +91 -0
  213. data/source/stylesheets/refills/_footer.scss +75 -54
  214. data/source/stylesheets/refills/_grid-items-lines.scss +86 -0
  215. data/source/stylesheets/refills/_grid-items.scss +97 -0
  216. data/source/stylesheets/refills/_hero.scss +31 -11
  217. data/source/stylesheets/refills/_hover-tile-animation.scss +52 -0
  218. data/source/stylesheets/refills/_icon-bullet-points.scss +63 -0
  219. data/source/stylesheets/refills/_image-gradient-dynamic.scss +60 -0
  220. data/source/stylesheets/refills/_image-gradient.scss +56 -0
  221. data/source/stylesheets/refills/_modal.scss +81 -91
  222. data/source/stylesheets/refills/_navigation.scss +205 -114
  223. data/source/stylesheets/refills/_progress-bar-indication.scss +39 -0
  224. data/source/stylesheets/refills/_progress-bar.scss +4 -4
  225. data/source/stylesheets/refills/_search-bar.scss +13 -17
  226. data/source/stylesheets/refills/_sliding-menu.scss +37 -31
  227. data/source/stylesheets/refills/{_switch-toggle.scss → _switch.scss} +17 -23
  228. data/source/stylesheets/refills/_tables-minimal.scss +54 -0
  229. data/source/stylesheets/refills/_tables.scss +12 -9
  230. data/source/stylesheets/refills/_tooltip.scss +33 -65
  231. data/source/stylesheets/refills/_type-system-geometric.scss +93 -0
  232. data/source/stylesheets/refills/_type-system-rounded.scss +95 -0
  233. data/source/stylesheets/refills/_type-system-sans.scss +99 -0
  234. data/source/stylesheets/refills/_type-system-serif.scss +100 -0
  235. data/source/stylesheets/refills/_type-system-slab.scss +97 -0
  236. data/source/stylesheets/refills/_type-system-traditional.scss +101 -0
  237. data/source/stylesheets/refills/_vertical-tabs.scss +69 -82
  238. data/source/vendor/javascripts/ZeroClipboard.min.js +9 -0
  239. data/source/vendor/javascripts/smooth-scroll.js +125 -0
  240. metadata +89 -29
  241. data/source/_dashboard.html.erb +0 -18
  242. data/source/_html_snippet.html.erb +0 -5
  243. data/source/_image-cards.html.erb +0 -28
  244. data/source/_info-section.html.erb +0 -25
  245. data/source/_item-list.html.erb +0 -25
  246. data/source/_master-detail.html.erb +0 -35
  247. data/source/_overlap.html.erb +0 -9
  248. data/source/_sidebar-layout.html.erb +0 -28
  249. data/source/_stylesheet_snippet.html.erb +0 -7
  250. data/source/_switch-toggle.html.erb +0 -15
  251. data/source/_toggle-cards.html.erb +0 -64
  252. data/source/stylesheets/refills/_dashboard.scss +0 -33
  253. data/source/stylesheets/refills/_dropdown-menu.scss +0 -65
  254. data/source/stylesheets/refills/_image-cards.scss +0 -102
  255. data/source/stylesheets/refills/_info-section.scss +0 -49
  256. data/source/stylesheets/refills/_item-list.scss +0 -37
  257. data/source/stylesheets/refills/_master-detail.scss +0 -54
  258. data/source/stylesheets/refills/_overlap.scss +0 -42
  259. data/source/stylesheets/refills/_sidebar-layout.scss +0 -56
  260. data/source/stylesheets/refills/_toggle-cards.scss +0 -104
@@ -0,0 +1,39 @@
1
+ .progress-bar-indication {
2
+ $progress-border-color: $base-border-color;
3
+ $progress-border: 1px solid $progress-border-color;
4
+ $progress-meter-border-color: $base-accent-color;
5
+ $progress-meter-border: 1px solid darken($progress-meter-border-color, 15%);
6
+ $progress-meter-color: $progress-meter-border-color;
7
+ $progress-background: darken($base-body-color, 5);
8
+ $progress-animation-duration: 0.7s;
9
+ $progress-color: white;
10
+
11
+ background-color: $progress-background;
12
+ border: $progress-border;
13
+ box-shadow: inset 0 0 3px 0 rgba(darken($progress-background, 50%), 0.15);
14
+ border-radius: $base-border-radius;
15
+ margin: 0 auto;
16
+ width: 50%;
17
+
18
+ > span.meter {
19
+ @include box-sizing(border-box);
20
+ background-color: $progress-meter-color;
21
+ background-size: 40px 40px;
22
+ background-repeat: repeat-x;
23
+ border: $progress-meter-border;
24
+ border-radius: $base-border-radius /1.5;
25
+ border-top-right-radius: 0;
26
+ border-bottom-right-radius: 0;
27
+ display: block;
28
+ height: 100%;
29
+ width: 60%;
30
+ }
31
+
32
+ p {
33
+ margin-bottom: 0;
34
+ padding: .1em .5em;
35
+ font-weight: 800;
36
+ color: $progress-color;
37
+ text-shadow: 0 0 1px black;
38
+ }
39
+ }
@@ -6,18 +6,20 @@
6
6
  $progress-meter-color: $progress-meter-border-color;
7
7
  $progress-background: darken($base-body-color, 5);
8
8
  $progress-animation-duration: 0.7s;
9
+ $progress-height: 30px;
9
10
 
10
11
  background-color: $progress-background;
11
12
  border: $progress-border;
12
13
  box-shadow: inset 0 0 3px 0 rgba(darken($progress-background, 50%), 0.15);
13
14
  border-radius: $base-border-radius;
14
- height: 20px;
15
+ height: $progress-height;
15
16
  margin: 0 auto;
16
17
  padding: 2px;
17
- width: 100%;
18
+ width: 50%;
18
19
 
19
20
  > span.meter {
20
21
  @include animation(progress $progress-animation-duration linear infinite);
22
+ @include box-sizing(border-box);
21
23
  background-color: $progress-meter-color;
22
24
  @include background-image(linear-gradient(-45deg, rgba(255,255,255, 0.15) 25%,
23
25
  transparent 25%,
@@ -29,10 +31,8 @@
29
31
  background-repeat: repeat-x;
30
32
  border: $progress-meter-border;
31
33
  border-radius: $base-border-radius /1.5;
32
- @include box-sizing(border-box);
33
34
  display: block;
34
35
  height: 100%;
35
- @include transition(all 0.2s linear);
36
36
  width: 60%;
37
37
  }
38
38
  }
@@ -3,17 +3,8 @@
3
3
  $search-bar-border: 1px solid $search-bar-border-color;
4
4
  $search-bar-background: lighten($search-bar-border-color, 10);
5
5
 
6
- @include clearfix;
7
- border: $search-bar-border;
8
- background-color: $search-bar-background;
9
- border-radius: $base-border-radius;
10
- padding: 0.5em;
11
- margin-bottom: 1em;
12
-
13
- .search-item {
14
- @include fill-parent;
15
- position: relative;
16
- }
6
+ position: relative;
7
+ display: inline-block;
17
8
 
18
9
  input {
19
10
  @include box-sizing(border-box);
@@ -26,18 +17,23 @@
26
17
  input[type=search] {
27
18
  @include appearance(none);
28
19
  width: 100%;
29
- padding: 1em;
20
+ padding: .5em .8em;
21
+ font-size: .9em;
30
22
  font-style: italic;
31
23
  border-radius: $base-border-radius * 2;
32
24
  margin: 0;
33
25
  }
34
26
 
35
- input[type=submit] {
36
- @include button(simple, lighten($light-gray, 10));
27
+ button[type=submit] {
28
+ @include button(simple, lighten($base-border-color, 10));
37
29
  @include position(absolute, 0.3em 0.3em 0.3em 0);
38
- font-size: $base-font-size;
39
- color: darken($light-gray, 20);
40
30
  outline: none;
31
+ padding: 5px 10px;
32
+
33
+ img {
34
+ height: 12px;
35
+ opacity: .7;
36
+ }
41
37
  }
42
38
  }
43
- }
39
+ }
@@ -1,58 +1,64 @@
1
1
  $sliding-menu-border-color: $dark-gray;
2
2
  $sliding-menu-background: lighten($sliding-menu-border-color, 5);
3
- $sliding-menu-color: white;
3
+ $sliding-menu-color: #fff;
4
4
  $sliding-menu-border: 1px solid $sliding-menu-border-color;
5
5
  $sliding-menu-background-hover: $base-accent-color;
6
- $sliding-menu-color-hover: white;
6
+ $sliding-menu-color-hover: #fff;
7
7
 
8
- .menu-anchor {
9
- @include button(simple, lighten($light-gray, 10));
8
+ .sliding-menu-button {
9
+ @include button(simple, $base-body-color);
10
+ @include inline-block;
11
+ cursor: pointer;
10
12
  font-size: $base-font-size;
11
- display: inline-block;
13
+ margin-bottom: $base-line-height;
12
14
  position: relative;
13
- cursor: pointer;
15
+ outline: none;
16
+
17
+ img {
18
+ height: 1.3em;
19
+ }
14
20
  }
15
21
 
16
- menu.sliding-menu-content {
17
- margin: 0;
18
- padding: 0;
19
- position: fixed;
20
- top: 0;
21
- left: 0;
22
- z-index: 999999;
23
- width: 220px;
24
- height: 100%;
25
- background: $sliding-menu-background;
22
+ .sliding-menu-content {
23
+ @include position(fixed, 0px auto 0px 0px);
24
+ @include size(220px 100%);
26
25
  @include transform(translateX(-220px));
27
26
  @include transition(all .25s linear);
27
+ background: $sliding-menu-background;
28
+ z-index: 999999;
29
+ overflow-y: scroll;
30
+ -webkit-overflow-scrolling: touch;
28
31
 
29
32
  li a {
30
- display: block;
31
33
  border-bottom: $sliding-menu-border;
32
- padding: 1em;
33
- font-weight: bold;
34
34
  color: $sliding-menu-color;
35
+ display: block;
36
+ font-weight: bold;
37
+ padding: 1em;
38
+
35
39
  &:hover {
36
40
  background-color: $sliding-menu-background-hover;
37
41
  color: $sliding-menu-color-hover;
38
42
  }
39
43
  }
40
- }
41
44
 
42
- .sliding-menu-moving-content,
43
- .main {
44
- @include transform(translateX(0));
45
- @include transition(all .25s linear);
45
+ &.is-visible {
46
+ @include transform(translateX(0));
47
+ }
46
48
  }
47
49
 
48
- // .menu-active is added to <html> on click
49
- .menu-active menu {
50
- @include transform(translateX(0));
51
- }
50
+ .menu-screen {
51
+ @include position(fixed, 0px 0px 0px 0px);
52
+ @include transition;
53
+ background: $sliding-menu-border-color;
54
+ opacity: 0;
55
+ visibility: hidden;
56
+ z-index: 999998;
52
57
 
53
- .menu-active .sliding-menu-moving-content,
54
- .menu-active .main {
55
- @include transform(translateX(220px));
58
+ &.is-visible {
59
+ opacity: .4;
60
+ visibility: visible;
61
+ }
56
62
  }
57
63
 
58
64
  // Based on code by Diego Eis
@@ -1,11 +1,15 @@
1
- $st-width: 72px;
2
- $st-rounded-radius: $st-width / 2;
3
- $st-rectangle-radius: 3px;
1
+ .switch-container {
2
+ $switch-container-width: 5em;
3
+ $switch-height: 2em;
4
+ $switch-width: 1em;
5
+ $switch-radius: 3px;
6
+ $switch-inner-margin: .2em;
4
7
 
5
- .switch-toggle {
6
8
  @include user-select(none);
9
+ @include inline-block;
7
10
  position: relative;
8
- width: $st-width;
11
+ width: $switch-container-width;
12
+ margin-bottom: $base-line-height;
9
13
 
10
14
  input.switch-checkbox {
11
15
  display: none;
@@ -20,21 +24,20 @@ $st-rectangle-radius: 3px;
20
24
  }
21
25
 
22
26
  label.switch-label {
23
- border-radius: $st-rounded-radius;
27
+ border-radius: $switch-radius;
24
28
  cursor: pointer;
25
29
  display: block;
26
30
  overflow: hidden;
27
31
 
28
32
  .switch-inner {
29
- @include transition(opacity 0.5s ease);
30
- border-radius: 3px;
33
+ @include transition(opacity 0.3s ease);
31
34
  margin-left: -100%;
32
35
  width: 200%;
33
36
 
34
37
  &:before, &:after {
35
38
  @include box-sizing(border-box);
36
39
  float: left;
37
- height: 35px;
40
+ height: $switch-height;
38
41
  padding: 0;
39
42
  width: 50%;
40
43
  }
@@ -51,23 +54,14 @@ $st-rectangle-radius: 3px;
51
54
  }
52
55
 
53
56
  .switch-toggle-switch {
54
- @include size(24px);
55
- @include position(absolute, 0px 35px 0px 0);
57
+ @include position(absolute, 0px ($switch-container-width - $switch-width - $switch-inner-margin *2) 0px 0);
56
58
  @include transition(all 0.3s ease-in 0s);
57
- border-radius: 100%;
58
- margin: 6px;
59
+ height: $switch-height - $switch-inner-margin *2;
60
+ width: $switch-width;
61
+ border-radius: $switch-radius / 2;
62
+ margin: $switch-inner-margin;
59
63
  background: white;
60
64
  box-shadow: 0 0 1px 2px rgba(0,0,0,0.1);
61
65
  }
62
66
  }
63
-
64
- &.rectangle {
65
- label.switch-label {
66
- border-radius: $st-rectangle-radius;
67
-
68
- .switch-toggle-switch {
69
- border-radius: $st-rectangle-radius;
70
- }
71
- }
72
- }
73
67
  }
@@ -0,0 +1,54 @@
1
+ .table-minimal {
2
+ $table-border-color: $base-border-color;
3
+ $table-border: 1px solid $table-border-color;
4
+ $table-background: $base-body-color;
5
+ $table-header-color: lighten($table-background, 10);
6
+ $table-hover-color: darken($table-background, 2);
7
+ $table-stripe-color: darken($table-background, 4);
8
+ $table-stripe-color-hover: darken($table-stripe-color, 5);
9
+ $table-padding: 0.5em;
10
+
11
+ border-collapse: separate;
12
+ border-spacing: 0;
13
+
14
+ tbody {
15
+ tr:hover > td, tr:hover > th {
16
+ background-color: $table-hover-color;
17
+ }
18
+ tr:first-child td {
19
+ border-top: 2px solid $table-border-color;
20
+ }
21
+ }
22
+
23
+ thead {
24
+ th {
25
+ background-color: $table-header-color;
26
+ padding: $table-padding;
27
+ border-bottom: 0px;
28
+ }
29
+ }
30
+
31
+ tbody {
32
+ background-color: $table-background;
33
+
34
+ td {
35
+ padding: $table-padding;
36
+ border-top: 1px solid $table-border-color;
37
+ border-bottom: 0px;
38
+
39
+ button {
40
+ @include button(simple, $table-background);
41
+ margin-right: 0.5em;
42
+ display: inline-block;
43
+ width: 100%;
44
+ margin-bottom: .3em;
45
+ outline: none;
46
+
47
+ @include media($medium-screen) {
48
+ width: auto;
49
+ margin-bottom: 0;
50
+ }
51
+ }
52
+ }
53
+ }
54
+ }
@@ -7,11 +7,11 @@
7
7
  $table-stripe-color: darken($table-background, 4);
8
8
  $table-stripe-color-hover: darken($table-stripe-color, 5);
9
9
  $table-padding: 0.5em;
10
-
11
- @if lightness($table-background) < 50% {
12
- color: white;
13
- }
14
10
 
11
+ border: $table-border;
12
+ border-left: 0px;
13
+ border-collapse: separate;
14
+ border-spacing: 0;
15
15
  border-radius: $base-border-radius;
16
16
 
17
17
  tbody {
@@ -47,11 +47,6 @@
47
47
  }
48
48
  }
49
49
 
50
- border: $table-border;
51
- border-left: 0px;
52
- border-collapse: separate;
53
- border-spacing: 0;
54
-
55
50
  thead {
56
51
  th {
57
52
  background-color: $table-header-color;
@@ -74,6 +69,14 @@
74
69
  @include button(simple, $table-background);
75
70
  margin-right: 0.5em;
76
71
  display: inline-block;
72
+ width: 100%;
73
+ margin-bottom: .3em;
74
+ outline: none;
75
+
76
+ @include media($medium-screen) {
77
+ width: auto;
78
+ margin-bottom: 0;
79
+ }
77
80
  }
78
81
  }
79
82
  }
@@ -1,81 +1,49 @@
1
- $tooltip-color: transparentize($dark-gray, 0.1);
2
- $tooltip-placement: top; // "top" or "bottom"
3
-
4
- @mixin tooltip($position) {
1
+ .tooltip-item {
2
+ $tooltip-background: transparentize($dark-gray, 0.1);
3
+ $tooltip-color: white;
4
+ $tooltip-width: 10em;
5
+
6
+ border: 1px solid $base-border-color;
7
+ padding: .5em 1em;
8
+ border-radius: $base-border-radius;
5
9
  position: relative;
6
- $opposite-position: bottom;
7
-
8
- @if ($position == top) {
9
- $opposite-position: bottom;
10
- }
11
-
12
- @else if ($position == bottom) {
13
- $opposite-position: top;
14
- }
10
+ margin-bottom: $base-line-height;
15
11
 
16
- &:hover {
17
- .tooltip {
18
- opacity: 1;
19
- visibility: visible;
20
- }
12
+ &:hover .tooltip {
13
+ opacity: 1;
14
+ visibility: visible;
21
15
  }
22
16
 
23
17
  .tooltip {
24
- background-color: $tooltip-color;
25
- box-sizing: border-box;
26
- color: white;
27
- font-weight: normal;
28
- opacity: 0;
29
- padding: 0.5em 1em;
18
+ @include position(absolute, 0 0 0 50%);
19
+ @include box-sizing(border-box);
20
+ @include transition (all 0.2s ease-in-out);
21
+ bottom: 130%;
22
+ background-color: $tooltip-background;
30
23
  border-radius: $base-border-radius;
31
- position: absolute;
24
+ color: $tooltip-color;
25
+ font-size: .9em; // Make sure you use -webkit-backface-visibility: hidden; on the body element to prevent 1px nudging bugs.
26
+ line-height: 1.5em;
27
+ margin-left: -($tooltip-width/2);
28
+ opacity: 0;
29
+ padding: .5em 0;
32
30
  text-align: center;
33
- text-overflow: ellipsis;
34
- text-shadow: 0 1px 0 darken(rgb(80,80,80), 4%);
35
- text-transform: none;
36
- transition: all 0.15s linear;
37
- white-space: nowrap;
38
31
  visibility: hidden;
39
- width: 200px;
32
+ min-width: $tooltip-width;
40
33
  z-index: 10;
41
- #{$position}: -50px;
42
- left: 50%;
43
- margin-left: -(200px/2);
44
34
 
45
- &:before,
46
- &:after {
47
- display: block;
48
- pointer-events: none;
49
- position: absolute;
50
- width: 0;
51
- height: 0;
52
- content: '';
53
- border: 8px solid transparent;
54
- }
55
-
56
- &:before {
57
- top: auto;
58
- bottom: -18px;
59
- left: auto;
60
- right: auto;
61
- left: 50%;
62
- margin-left: -(8px + 1);
35
+ p {
36
+ margin-bottom: 0;
63
37
  }
64
38
 
65
39
  &:after {
66
- border-#{$position}-color: $tooltip-color;
67
- $position: auto;
68
- #{$opposite-position}: -16px;
69
- left: auto;
70
- right: auto;
71
- left: 50%;
72
- margin-left: -8px;
40
+ @include size(0);
41
+ @include position(absolute, 0 0 0 $tooltip-width/2);
42
+ border: 8px solid transparent;
43
+ border-top-color: $tooltip-background;
44
+ content: '';
45
+ pointer-events: none;
46
+ bottom: -15px;
73
47
  }
74
48
  }
75
49
  }
76
-
77
- a.tooltip-item {
78
- @include button(simple, lighten($light-gray, 10));
79
- @include tooltip($tooltip-placement);
80
- font-size: $base-font-size;
81
- }