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
@@ -1,64 +1,132 @@
1
1
  .cards {
2
+ @include clearfix;
3
+ }
4
+
5
+ .card {
2
6
  $card-border-color: $base-border-color;
3
7
  $card-border: 1px solid $card-border-color;
4
- $card-color: lighten($card-border-color, 10);
5
- $card-header-color: $card-color;
6
- $card-hover-color: darken($card-color, 5);
8
+ $card-background: lighten($card-border-color, 10);
9
+ $card-header-background: $card-background;
10
+ $card-hover-background: lighten($card-background, 5);
11
+ $card-image-background: #DBD199;
12
+ $card-image-hover-background: lighten($card-image-background, 5);
13
+ $card-stats-color: lighten($base-accent-color, 10);
7
14
 
8
- @include clearfix;
15
+ @include transition (all 0.2s ease-in-out);
16
+ background-color: $card-background;
17
+ border-radius: $base-border-radius;
18
+ border: $card-border;
19
+ margin-bottom: $base-line-height;
9
20
  cursor: pointer;
10
- margin-bottom: 1em;
21
+ box-shadow: 0 2px 4px darken($base-body-color, 10);
22
+ position: relative;
11
23
 
12
- .card {
13
- height: 190px;
14
- border: $card-border;
15
- background-color: $card-color;
16
- border-radius: $base-border-radius;
17
- margin-bottom: $base-line-height;
24
+ @include media($large-screen) {
25
+ @include span-columns(4);
26
+ @include omega(3n);
27
+ }
18
28
 
19
- @include media($medium-screen) {
20
- @include span-columns(4 of 12);
21
- }
29
+ .card-image {
30
+ overflow: hidden;
31
+ max-height: 150px;
22
32
 
23
- .card-header {
24
- background-color: $card-header-color;
25
- border-bottom: $card-border;
33
+ img {
34
+ width: 100%;
35
+ @include transition (all 0.2s ease-in-out);
36
+ background: $card-image-background;
26
37
  border-top-left-radius: $base-border-radius;
27
38
  border-top-right-radius: $base-border-radius;
28
- font-weight: bold;
29
- padding: 0.5em 1em;
30
39
  }
40
+ }
31
41
 
32
- .card-content {
33
- padding-left: 1em;
34
- padding-right: 1em;
35
- padding-top: 1em;
36
-
37
- p {
38
- overflow: hidden;
39
- text-overflow: ellipsis;
40
- display: -webkit-box;
41
- -webkit-line-clamp: 4;
42
- -webkit-box-orient: vertical;
43
- }
44
- }
42
+ .ribbon-wrapper {
43
+ $ribbon-size: 85px;
44
+ $ribbon-background: $base-accent-color;
45
+ @include size($ribbon-size);
46
+ overflow: hidden;
47
+ position: absolute;
48
+ top: -1px;
49
+ right: -1px;
45
50
 
46
- h3 {
51
+ .ribbon {
52
+ font-size: .8em;
47
53
  font-weight: 800;
54
+ text-align: center;
55
+ @include transform(rotate(45deg));
56
+ position: relative;
57
+ padding: 2px 7px;
58
+ left: -5px;
59
+ top: 15px;
60
+ width: 120px;
61
+ background-color: $ribbon-background;
62
+ color: white;
63
+ box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
48
64
  }
65
+ }
66
+
67
+ .card-header {
68
+ @include transition (all 0.2s ease-in-out);
69
+ background-color: $card-header-background;
70
+ border-bottom: $card-border;
71
+ border-radius: $base-border-radius $base-border-radius 0 0;
72
+ font-weight: bold;
73
+ padding: $base-line-height/3 $gutter/2;
74
+ }
49
75
 
50
- &:hover {
51
- background-color: $card-hover-color;
52
- .card-header {
53
- background-color: $card-hover-color;
76
+ .card-copy {
77
+ padding: $base-line-height/2 $gutter/2;
78
+ font-size: .9em;
79
+ line-height: 1.5em;
80
+ }
81
+
82
+ .card-stats {
83
+ padding: $base-line-height/2 $gutter/2;
84
+ overflow: auto;
85
+
86
+ ul li {
87
+ display: inline;
88
+ color: $card-stats-color;
89
+ font-weight: 800;
90
+ font-size: 1.2em;
91
+ float: left;
92
+ border-right: 1px solid transparentize($base-font-color, .8);
93
+ line-height: 1.1em;
94
+ padding: 0 .7em 0 .7em;
95
+
96
+ &:first-child {
97
+ padding-left: 0;
98
+ }
99
+
100
+ &:last-child {
101
+ border-right: 0;
54
102
  }
55
- }
56
103
 
57
- &:active {
58
- background-color: $card-color;
59
- .card-header {
60
- background-color: $card-color;
104
+ span {
105
+ color: $base-font-color;
106
+ font-size: .7em;
107
+ display: block;
108
+ font-weight: normal;
61
109
  }
62
110
  }
63
111
  }
64
- }
112
+
113
+ &:hover {
114
+ background-color: $card-hover-background;
115
+
116
+ .card-image img {
117
+ background: $card-image-hover-background;
118
+ }
119
+
120
+ .card-header {
121
+ background-color: $card-hover-background;
122
+ }
123
+ }
124
+
125
+ &:active {
126
+ background-color: $card-background;
127
+
128
+ .card-header {
129
+ background-color: $card-background;
130
+ }
131
+ }
132
+ }
@@ -0,0 +1,60 @@
1
+ .comment {
2
+ $comment-gutter: 1.4em;
3
+ $comment-image-padding: .7em;
4
+ $comment-image-width: 4em;
5
+ $comment-color: $base-font-color;
6
+ $comment-background: lighten($base-accent-color, 15);
7
+ $comment-detail-color: transparentize($comment-color, .5);
8
+ $comment-image-vert-alignment: top;
9
+
10
+ display: table;
11
+ width: 100%;
12
+ margin-bottom: $base-line-height;
13
+ padding-bottom: 1em;
14
+ border-bottom: 1px solid transparentize($comment-color, .9);
15
+
16
+ .comment-image,
17
+ .comment-content {
18
+ display: table-cell;
19
+ vertical-align: $comment-image-vert-alignment;
20
+ }
21
+
22
+ .comment-image {
23
+ padding-right: $comment-gutter;
24
+
25
+ > img {
26
+ width: $comment-image-width;
27
+ height: auto;
28
+ border-radius: $base-border-radius;
29
+ padding: $comment-image-padding;
30
+ background: $comment-background;
31
+ display: block;
32
+ max-width: none;
33
+ }
34
+
35
+ .comment-reverse-order & {
36
+ padding-right: 0;
37
+ padding-left: 10px;
38
+ }
39
+ }
40
+
41
+ .comment-content {
42
+ width: 100%;
43
+
44
+ h1 {
45
+ font-size: 1em;
46
+ margin-bottom: .5em;
47
+ }
48
+
49
+ p {
50
+ margin-bottom: .5em;
51
+ }
52
+
53
+ p.comment-detail {
54
+ font-style: italic;
55
+ font-size: .9em;
56
+ color: $comment-detail-color;
57
+ }
58
+ }
59
+ }
60
+
@@ -0,0 +1,91 @@
1
+ .footer-2 {
2
+ $footer-background: desaturate(darken($base-accent-color, 20), 30);
3
+ $footer-color: white;
4
+ $footer-link-color: transparentize($footer-color, .6);
5
+ $footer-disclaimer-color: transparentize($footer-color, .6);
6
+
7
+ background: $footer-background;
8
+ padding: $base-line-height;
9
+ width: 100%;
10
+
11
+ .footer-logo {
12
+ margin-right: 1em;
13
+ margin-bottom: 1em;
14
+
15
+ @include media($large-screen) {
16
+ float: left;
17
+ margin-bottom: 0;
18
+ }
19
+ }
20
+
21
+ .footer-logo img {
22
+ height: 1.6em;
23
+ }
24
+
25
+ ul {
26
+ margin-bottom: 1em;
27
+ @include media($large-screen) {
28
+ float: left;
29
+ margin-left: 1em;
30
+ margin-bottom: 0;
31
+ }
32
+ }
33
+
34
+ ul li {
35
+ padding-right: 1em;
36
+ font-weight: 800;
37
+
38
+ @include media($large-screen) {
39
+ display: inline;
40
+ text-align: left;
41
+ }
42
+ }
43
+
44
+ ul li a {
45
+ color: $footer-link-color;
46
+
47
+ &:hover {
48
+ color: transparentize($footer-color, 0);
49
+ }
50
+ }
51
+
52
+ .footer-secondary-links {
53
+ @include media($large-screen) {
54
+ float: right;
55
+ }
56
+
57
+ li {
58
+ font-size: .8em;
59
+ font-weight: 400;
60
+ }
61
+
62
+ ul.footer-social {
63
+ margin-top: 1em;
64
+
65
+ @include media($large-screen) {
66
+ float: right;
67
+ margin-top: 0;
68
+ }
69
+
70
+ li {
71
+ float: left;
72
+ font-size: 1em;
73
+ padding-right: .7em;
74
+
75
+ &:last-child {
76
+ padding-right: 0;
77
+ }
78
+ }
79
+
80
+ img {
81
+ opacity: .7;
82
+ height: 1.6em;
83
+ padding: 1px;
84
+
85
+ &:hover {
86
+ opacity: 1;
87
+ }
88
+ }
89
+ }
90
+ }
91
+ }
@@ -1,55 +1,76 @@
1
1
  .footer {
2
- $footer-color: lighten($base-border-color, 10);
3
- $footer-text-color: darken($footer-color, 25);
4
-
5
- background-color: $footer-color;
6
- padding: 1em 0;
7
-
8
- .footer-inner {
9
- max-width: 1200px;
10
- padding: 3em;
11
- margin: auto;
12
-
13
- .footer-links {
14
- margin-bottom: 1em;
15
- @include clearfix;
16
- @include media($medium-screen) {
17
- @include shift(3);
18
- }
19
- }
20
-
21
- ul {
22
- margin-bottom: 2em;
23
- @include media($medium-screen) {
24
- @include span-columns(3);
25
- @include omega(3n);
26
- @include clearfix;
27
- }
28
- li {
29
- text-align: center;
30
- @include media($medium-screen) {
31
- text-align: left;
32
- }
33
-
34
-
35
- a {
36
- display: inline-block;
37
- }
38
- }
39
- }
40
-
41
- hr {
42
- border-bottom: 1px solid $footer-text-color;
43
- width: 12em;
44
- margin: auto;
45
- margin-bottom: 1em;
46
- }
47
-
48
- p {
49
- margin: auto;
50
- text-align: center;
51
- color: $footer-text-color;
52
- max-width: 35em;
53
- }
54
- }
55
- }
2
+ $footer-background: desaturate(darken($base-accent-color, 20), 30);
3
+ $footer-color: white;
4
+ $footer-link-color: transparentize($footer-color, .6);
5
+ $footer-disclaimer-color: transparentize($footer-color, .6);
6
+
7
+ background: $footer-background;
8
+ padding: $base-line-height*2 $gutter;
9
+ width: 100%;
10
+
11
+ .footer-logo {
12
+ text-align: center;
13
+ margin-bottom: 2em;
14
+
15
+ img {
16
+ height: 3em;
17
+ }
18
+ }
19
+
20
+ .footer-links {
21
+ @include clearfix;
22
+ margin-bottom: $base-line-height;
23
+
24
+ @include media($medium-screen) {
25
+ @include shift(3);
26
+ }
27
+ }
28
+
29
+ ul {
30
+ margin-bottom: $base-line-height*2;
31
+
32
+ @include media($medium-screen) {
33
+ @include span-columns(3);
34
+ @include omega(3n);
35
+ @include clearfix;
36
+ }
37
+ }
38
+
39
+ li {
40
+ text-align: center;
41
+
42
+ @include media($medium-screen) {
43
+ text-align: left;
44
+ }
45
+ }
46
+
47
+ li a {
48
+ color: $footer-link-color;
49
+
50
+ &:hover {
51
+ color: transparentize($footer-color, 0);
52
+ }
53
+ }
54
+
55
+ li h3 {
56
+ color: $footer-color;
57
+ font-size: 1em;
58
+ font-weight: 800;
59
+ margin-bottom: .4em;
60
+ }
61
+
62
+ hr {
63
+ border: 1px solid transparentize($footer-disclaimer-color, .3);
64
+ margin: 0 auto $base-line-height;
65
+ width: 12em;
66
+ }
67
+
68
+ p {
69
+ color: $footer-disclaimer-color;
70
+ font-size: .9em;
71
+ line-height: 1.5em;
72
+ margin: auto;
73
+ max-width: 35em;
74
+ text-align: center;
75
+ }
76
+ }