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
@@ -3,34 +3,42 @@
3
3
  @import "bitters/grid-settings";
4
4
  @import "neat/neat";
5
5
  @import "bitters/bitters";
6
- @import "normalize";
7
6
  @import "prism";
8
7
 
8
+ @import "refills-nav";
9
9
  @import "refills-styles";
10
10
 
11
11
  @import "refills/accordion";
12
12
  @import "refills/accordion-tabs";
13
+ @import "refills/accordion-tabs-minimal";
13
14
  @import "refills/badges";
14
15
  @import "refills/breadcrumbs";
15
16
  @import "refills/button-group";
16
17
  @import "refills/cards";
17
- @import "refills/dashboard";
18
- @import "refills/dropdown-menu";
19
18
  @import "refills/footer";
19
+ @import "refills/footer-2";
20
20
  @import "refills/hero";
21
- @import "refills/image-cards";
22
- @import "refills/info-section";
23
- @import "refills/item-list";
24
- @import "refills/master-detail";
25
21
  @import "refills/modal";
26
22
  @import "refills/navigation";
27
- @import "refills/overlap";
23
+ @import "refills/image-gradient";
24
+ @import "refills/image-gradient-dynamic";
28
25
  @import "refills/progress-bar";
26
+ @import "refills/progress-bar-indication";
29
27
  @import "refills/search-bar";
30
- @import "refills/sidebar-layout";
31
28
  @import "refills/sliding-menu";
32
- @import "refills/switch-toggle";
29
+ @import "refills/switch";
33
30
  @import "refills/tables";
34
- @import "refills/toggle-cards";
31
+ @import "refills/tables-minimal";
35
32
  @import "refills/tooltip";
36
33
  @import "refills/vertical-tabs";
34
+ @import "refills/hover-tile-animation";
35
+ @import "refills/icon-bullet-points";
36
+ @import "refills/grid-items";
37
+ @import "refills/grid-items-lines";
38
+ @import "refills/comment";
39
+ @import "refills/type-system-slab";
40
+ @import "refills/type-system-traditional";
41
+ @import "refills/type-system-geometric";
42
+ @import "refills/type-system-rounded";
43
+ @import "refills/type-system-sans";
44
+ @import "refills/type-system-serif";
@@ -1,5 +1,14 @@
1
+ // Neat Settings -- uncomment if using Neat
2
+ ///////////////////////////////////////////////////////////////////////////////
3
+ // @import "neat-helpers"; // or "neat/neat-helpers" when not in Rails
4
+ // @import "grid-settings";
5
+
6
+
7
+ // Bitters
8
+ ///////////////////////////////////////////////////////////////////////////////
1
9
  @import "variables";
2
10
  @import "extends/base";
11
+ @import "mixins/base";
3
12
  @import "typography";
4
13
  @import "forms";
5
14
  @import "tables";
@@ -1,50 +1,11 @@
1
- /* Success, error & notice boxes for messages and errors. */
2
- %flash {
3
- margin-bottom: $base-line-height / 2;
4
- padding: $base-line-height / 2;
5
- font-weight: bold;
1
+ %flash-error {
2
+ @include flash($error-color);
6
3
  }
7
4
 
8
- .error, #flash_failure {
9
- @extend %flash;
10
- background: $error-color;
11
- color: darken($error-color, 60);
12
-
13
- a {
14
- color: darken($error-color, 70);
15
-
16
- &:hover {
17
- color: darken($error-color, 90);
18
- }
19
- }
20
- }
21
-
22
- .notice, #flash_notice {
23
- @extend %flash;
24
- background: $notice-color;
25
- color: darken($notice-color, 60);
26
-
27
- a {
28
- color: darken($notice-color, 70);
29
-
30
- &:hover {
31
- color: darken($notice-color, 90);
32
- }
33
- }
5
+ %flash-notice {
6
+ @include flash($notice-color);
34
7
  }
35
8
 
36
-
37
- .success, #flash_success {
38
- @extend %flash;
39
- background: $success-color;
40
- color: darken($success-color, 60);
41
-
42
- a {
43
- color: darken($success-color, 70);
44
-
45
- &:hover {
46
- color: darken($success-color, 90);
47
- }
48
- }
9
+ %flash-success {
10
+ @include flash($success-color);
49
11
  }
50
-
@@ -36,7 +36,8 @@ label {
36
36
  }
37
37
 
38
38
  textarea,
39
- #{$all-text-inputs} {
39
+ #{$all-text-inputs},
40
+ select[multiple=multiple] {
40
41
  @include box-sizing(border-box);
41
42
  @include transition(border-color);
42
43
  background-color: white;
@@ -47,7 +48,6 @@ textarea,
47
48
  font-size: $form-font-size;
48
49
  margin-bottom: $base-line-height / 2;
49
50
  padding: ($base-line-height / 3) ($base-line-height / 3);
50
- resize: vertical;
51
51
  width: 100%;
52
52
 
53
53
  &:hover {
@@ -61,6 +61,10 @@ textarea,
61
61
  }
62
62
  }
63
63
 
64
+ textarea {
65
+ resize: vertical;
66
+ }
67
+
64
68
  input[type="search"] {
65
69
  @include appearance(none);
66
70
  }
@@ -70,8 +74,13 @@ input[type="checkbox"], input[type="radio"] {
70
74
  margin-right: $base-line-height / 4;
71
75
  }
72
76
 
77
+ input[type="file"] {
78
+ width: 100%;
79
+ }
80
+
73
81
  select {
74
82
  width: auto;
83
+ max-width: 100%;
75
84
  margin-bottom: $base-line-height;
76
85
  }
77
86
 
@@ -83,5 +92,4 @@ input[type="submit"] {
83
92
  user-select: none;
84
93
  vertical-align: middle;
85
94
  white-space: nowrap;
86
- background-clip: border-box;
87
95
  }
@@ -1,5 +1,3 @@
1
- @import "neat/neat-helpers"; // or "neat/neat-helpers" when not in Rails
2
-
3
1
  // Neat Overrides
4
2
  ///////////////////////////////////////////////////////////////////////////////
5
3
  // $column: 90px;
@@ -9,6 +7,8 @@
9
7
 
10
8
  // Neat Breakpoints
11
9
  ///////////////////////////////////////////////////////////////////////////////
12
- $small-screen: new-breakpoint(min-width em(540));
13
- $medium-screen: new-breakpoint(min-width em(760));
14
- $large-screen: new-breakpoint(min-width em(920));
10
+ $medium-screen: em(640);
11
+ $large-screen: em(860);
12
+
13
+ $medium-screen-up: new-breakpoint(min-width $medium-screen 4);
14
+ $large-screen-up: new-breakpoint(min-width $large-screen 8);
@@ -1,7 +1,7 @@
1
- $subtle-gray: lighten($light-gray, 10);
2
-
3
1
  table {
2
+ border-collapse: collapse;
4
3
  margin: ($base-line-height / 2) 0;
4
+ table-layout: fixed;
5
5
  width: 100%;
6
6
  }
7
7
 
@@ -7,9 +7,10 @@ body {
7
7
  }
8
8
 
9
9
  h1, h2, h3, h4, h5, h6 {
10
- text-rendering: optimizeLegibility; // Fix the character spacing for headings
11
- margin: 0;
10
+ font-family: $header-font-family;
12
11
  line-height: 1.25em;
12
+ margin: 0;
13
+ text-rendering: optimizeLegibility; // Fix the character spacing for headings
13
14
  }
14
15
 
15
16
  h1 {
@@ -23,6 +23,9 @@ $light-red: #FBE3E4;
23
23
  $light-yellow: #FFF6BF;
24
24
  $light-green: #E6EFC2;
25
25
 
26
+ // Body Color
27
+ $base-body-color: white;
28
+
26
29
  // Font Colors
27
30
  $base-font-color: $dark-gray;
28
31
  $base-accent-color: $blue;
@@ -38,10 +41,3 @@ $base-border-color: $light-gray;
38
41
  $error-color: $light-red;
39
42
  $notice-color: $light-yellow;
40
43
  $success-color: $light-green;
41
-
42
-
43
-
44
-
45
-
46
- // for bitters:
47
- // $base-body-inset-color: darken($base-body-color, 5);
@@ -1,5 +1,7 @@
1
1
  %button {
2
2
  @include button(simple, $base-accent-color);
3
+ -webkit-font-smoothing: antialiased;
3
4
  font-size: $base-font-size;
4
- outline: none;
5
- }
5
+ font-weight: bold;
6
+ line-height: 1em;
7
+ }
@@ -0,0 +1 @@
1
+ @import "flash";
@@ -0,0 +1,15 @@
1
+ @mixin flash($color) {
2
+ background: $color;
3
+ color: darken($color, 60);
4
+ font-weight: bold;
5
+ margin-bottom: $base-line-height / 2;
6
+ padding: $base-line-height / 2;
7
+
8
+ a {
9
+ color: darken($color, 70);
10
+
11
+ &:hover {
12
+ color: darken($color, 90);
13
+ }
14
+ }
15
+ }
@@ -18,10 +18,6 @@
18
18
  @else if $style == pill {
19
19
  @include pill($base-color, $grayscale: true);
20
20
  }
21
-
22
- @else if $style == simple {
23
- @include simple($base-color, $grayscale: true);
24
- }
25
21
  }
26
22
 
27
23
  // Colored button
@@ -37,10 +33,6 @@
37
33
  @else if $style == pill {
38
34
  @include pill($base-color);
39
35
  }
40
-
41
- @else if $style == simple {
42
- @include simple($base-color);
43
- }
44
36
  }
45
37
 
46
38
  &:disabled {
@@ -76,7 +68,7 @@
76
68
  box-shadow: inset 0 1px 0 0 $inset-shadow;
77
69
  color: $color;
78
70
  display: inline-block;
79
- font-size: inherit;
71
+ font-size: 11px;
80
72
  font-weight: bold;
81
73
  @include linear-gradient ($base-color, $stop-gradient);
82
74
  padding: 7px 18px;
@@ -148,7 +140,7 @@
148
140
  box-shadow: inset 0 1px 0 0 $inset-shadow;
149
141
  color: $color;
150
142
  display: inline-block;
151
- font-size: inherit;
143
+ font-size: 14px;
152
144
  font-weight: bold;
153
145
  @include linear-gradient(top, $base-color 0%, $second-stop 50%, $third-stop 50%, $fourth-stop 100%);
154
146
  padding: 8px 20px;
@@ -219,7 +211,7 @@
219
211
  box-shadow: inset 0 1px 0 0 $inset-shadow, 0 1px 2px 0 #b3b3b3;
220
212
  color: $color;
221
213
  display: inline-block;
222
- font-size: inherit;
214
+ font-size: 11px;
223
215
  font-weight: normal;
224
216
  line-height: 1;
225
217
  @include linear-gradient ($base-color, $stop-gradient);
@@ -279,65 +271,3 @@
279
271
  text-shadow: 0 -1px 1px $text-shadow-active;
280
272
  }
281
273
  }
282
-
283
-
284
- // simple Button
285
- //************************************************************************//
286
- @mixin simple($base-color, $grayscale: false) {
287
- $color: hsl(0, 0, 100%);
288
- $border: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
289
- $inset-shadow: adjust-color($base-color, $saturation: -8%, $lightness: 10%);
290
- $text-shadow: adjust-color($base-color, $saturation: 15%, $lightness: -18%);
291
-
292
- @if lightness($base-color) > 70% {
293
- $color: hsl(0, 0, 20%);
294
- $text-shadow: adjust-color($base-color, $saturation: 10%, $lightness: 4%);
295
- }
296
-
297
- @if $grayscale == true {
298
- $border: grayscale($border);
299
- $inset-shadow: grayscale($inset-shadow);
300
- $text-shadow: grayscale($text-shadow);
301
- }
302
-
303
- border: 1px solid $border;
304
- border-radius: 3px;
305
- box-shadow: inset 0 1px 0 0 $inset-shadow;
306
- color: $color;
307
- display: inline-block;
308
- font-size: 11px;
309
- font-weight: bold;
310
- text-shadow: none;
311
- @include linear-gradient($base-color, $base-color);
312
- padding: 7px 18px;
313
- text-decoration: none;
314
- background-clip: padding-box;
315
-
316
- &:hover:not(:disabled) {
317
- $base-color-hover: adjust-color($base-color, $saturation: -4%, $lightness: -5%);
318
- $inset-shadow-hover: adjust-color($base-color, $saturation: -7%, $lightness: 5%);
319
-
320
- @if $grayscale == true {
321
- $base-color-hover: grayscale($base-color-hover);
322
- $inset-shadow-hover: grayscale($inset-shadow-hover);
323
- }
324
-
325
- @include linear-gradient(darken($base-color, 4), darken($base-color, 4));
326
- box-shadow: inset 0 1px 0 0 $inset-shadow-hover;
327
- cursor: pointer;
328
- }
329
-
330
- &:active:not(:disabled) {
331
- $border-active: adjust-color($base-color, $saturation: 9%, $lightness: -14%);
332
- $inset-shadow-active: adjust-color($base-color, $saturation: 7%, $lightness: -10%);
333
-
334
- @if $grayscale == true {
335
- $border-active: grayscale($border-active);
336
- $inset-shadow-active: grayscale($inset-shadow-active);
337
- }
338
-
339
- @include linear-gradient(darken($base-color, 4), darken($base-color, 4));
340
- border: 1px solid $border-active;
341
- box-shadow: inset 0 0 1px 1px $inset-shadow-active, inset 0 0 1px 1px $inset-shadow-active, 0 1px 1px 0 transparentize(white, 0.8);
342
- }
343
- }
@@ -0,0 +1,114 @@
1
+ // directional-property mixins are shorthands
2
+ // for writing properties like the following
3
+ //
4
+ // @include margin(null 0 10px);
5
+ // ------
6
+ // margin-right: 0;
7
+ // margin-bottom: 10px;
8
+ // margin-left: 0;
9
+ //
10
+ // - or -
11
+ //
12
+ // @include border-style(dotted null);
13
+ // ------
14
+ // border-top-style: dotted;
15
+ // border-bottom-style: dotted;
16
+ //
17
+ // ------
18
+ //
19
+ // Note: You can also use false instead of null
20
+
21
+ @function collapse-directionals($vals) {
22
+ $output: null;
23
+
24
+ $A: nth( $vals, 1 );
25
+ $B: if( length($vals) < 2, $A, nth($vals, 2));
26
+ $C: if( length($vals) < 3, $A, nth($vals, 3));
27
+ $D: if( length($vals) < 2, $A, nth($vals, if( length($vals) < 4, 2, 4) ));
28
+
29
+ @if $A == 0 { $A: 0 }
30
+ @if $B == 0 { $B: 0 }
31
+ @if $C == 0 { $C: 0 }
32
+ @if $D == 0 { $D: 0 }
33
+
34
+ @if $A == $B and $A == $C and $A == $D { $output: $A }
35
+ @else if $A == $C and $B == $D { $output: $A $B }
36
+ @else if $B == $D { $output: $A $B $C }
37
+ @else { $output: $A $B $C $D }
38
+
39
+ @return $output;
40
+ }
41
+
42
+ @function contains-falsy($list) {
43
+ @each $item in $list {
44
+ @if not $item {
45
+ @return true;
46
+ }
47
+ }
48
+
49
+ @return false;
50
+ }
51
+
52
+ @mixin directional-property($pre, $suf, $vals) {
53
+ // Property Names
54
+ $top: $pre + "-top" + if($suf, "-#{$suf}", "");
55
+ $bottom: $pre + "-bottom" + if($suf, "-#{$suf}", "");
56
+ $left: $pre + "-left" + if($suf, "-#{$suf}", "");
57
+ $right: $pre + "-right" + if($suf, "-#{$suf}", "");
58
+ $all: $pre + if($suf, "-#{$suf}", "");
59
+
60
+ // Get list inside $vals (is there a better way?)
61
+ @each $val in $vals { $vals: $val; }
62
+
63
+ $vals: collapse-directionals($vals);
64
+
65
+ @if contains-falsy($vals) {
66
+ @if nth($vals, 1) { #{$top}: nth($vals, 1); }
67
+
68
+ @if length($vals) == 1 {
69
+ @if nth($vals, 1) { #{$right}: nth($vals, 1); }
70
+ } @else {
71
+ @if nth($vals, 2) { #{$right}: nth($vals, 2); }
72
+ }
73
+
74
+ // prop: top/bottom right/left
75
+ @if length($vals) == 2 {
76
+ @if nth($vals, 1) { #{$bottom}: nth($vals, 1); }
77
+ @if nth($vals, 2) { #{$left}: nth($vals, 2); }
78
+
79
+ // prop: top right/left bottom
80
+ } @else if length($vals) == 3 {
81
+ @if nth($vals, 3) { #{$bottom}: nth($vals, 3); }
82
+ @if nth($vals, 2) { #{$left}: nth($vals, 2); }
83
+
84
+ // prop: top right bottom left
85
+ } @else if length($vals) == 4 {
86
+ @if nth($vals, 3) { #{$bottom}: nth($vals, 3); }
87
+ @if nth($vals, 4) { #{$left}: nth($vals, 4); }
88
+ }
89
+
90
+ // prop: top/right/bottom/left
91
+ } @else {
92
+ #{$all}: $vals;
93
+ }
94
+ }
95
+
96
+ @mixin margin($vals...) {
97
+ @include directional-property(margin, false, $vals);
98
+ }
99
+
100
+ @mixin padding($vals...) {
101
+ @include directional-property(padding, false, $vals);
102
+ }
103
+
104
+ @mixin border-style($vals...) {
105
+ @include directional-property(border, style, $vals);
106
+ }
107
+
108
+ @mixin border-color($vals...) {
109
+ @include directional-property(border, color, $vals);
110
+ }
111
+
112
+ @mixin border-width($vals...) {
113
+ @include directional-property(border, width, $vals);
114
+ }