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,91 @@
1
+ $sidebar-width: em(200);
2
+
3
+ section.inner-content {
4
+ margin-left: auto;
5
+ }
6
+
7
+ .refills-menu-anchor {
8
+ @include inline-block;
9
+ cursor: pointer;
10
+ border: 1px solid gray;
11
+ height: 50px;
12
+ width: 50px;
13
+ padding: .7em 1em;
14
+ border-radius: 50%;
15
+ font-size: $base-font-size;
16
+ margin-bottom: $base-line-height;
17
+ position: fixed;
18
+ top: 1em;
19
+ left: 1em;
20
+ z-index: 9999;
21
+
22
+ img {
23
+ height: 26px;
24
+ width: 30px;
25
+ }
26
+ }
27
+
28
+ .refills-menu-screen {
29
+ @include position(fixed, 0px 0px 0px 0px);
30
+ @include transition;
31
+ background: teal;
32
+ opacity: 0;
33
+ visibility: hidden;
34
+ z-index: 999998;
35
+
36
+ &.is-visible {
37
+ opacity: 0;
38
+ visibility: visible;
39
+ }
40
+ }
41
+
42
+ .er_toc_title {
43
+ display: none;
44
+ }
45
+
46
+ .er_toc_top {
47
+ display: none;
48
+ }
49
+
50
+ .er_toc {
51
+ @include position(fixed, 0px auto 0px 0px);
52
+ @include size(220px 100%);
53
+ @include transform(translateX(-220px));
54
+ @include transition(all .2s linear);
55
+ overflow-y: scroll;
56
+ -webkit-overflow-scrolling: touch;
57
+ background: #1D3842;
58
+ z-index: 999999;
59
+
60
+ ul {
61
+ padding: 1em;
62
+ }
63
+
64
+ ul li {
65
+ a {
66
+ color: $light-gray;
67
+ font-weight: 800;
68
+ font-size: $base-font-size;
69
+
70
+ &:hover {
71
+ color: #FFF;
72
+ text-decoration: none;
73
+ }
74
+ }
75
+ }
76
+
77
+ ul ul {
78
+ margin-top: .5em;
79
+ margin-bottom: 1em;
80
+ padding: 0;
81
+ }
82
+
83
+ ul ul li a {
84
+ font-weight: 200;
85
+ }
86
+
87
+ &.is-visible {
88
+ @include transform(translateX(0));
89
+ }
90
+ }
91
+
@@ -1,173 +1,3 @@
1
- $refills-color: lighten(desaturate(teal, 60), 40);
2
- $base-body-color: white;
3
-
4
- body {
5
- background-color: $base-body-color;
6
- }
7
-
8
- $refills-nav-height: 60px;
9
-
10
-
11
-
12
- .refills-header {
13
- width: 100%;
14
- margin: 0 0 $base-line-height*3;
15
- height: $refills-nav-height;
16
- background-color: $base-body-color;
17
-
18
- .logo {
19
- font-weight: bold;
20
- float: left;
21
- padding: 0;
22
- text-transform: uppercase;
23
- line-height: $refills-nav-height;
24
- color: white;
25
- background-color: $dark-gray;
26
- padding: 0 2em;
27
- }
28
-
29
- p {
30
- padding-right: 1em;
31
- display: block;
32
- float: right;
33
- margin: 0;
34
- line-height: $refills-nav-height;
35
- background-color: $base-body-color;
36
- }
37
-
38
- &:hover {
39
- .nav ul {
40
- display: block;
41
- }
42
- }
43
-
44
- .nav {
45
- ul {
46
- display: none;
47
- -webkit-transform-style: preserve-3d; // stop webkit flicker
48
- overflow: hidden;
49
- margin: 0 auto;
50
- padding: 0;
51
- width: 100%;
52
-
53
- li {
54
- position: relative;
55
- overflow: hidden;
56
- display: block;
57
- width: 100%;
58
- text-align: right;
59
- padding: 1em;
60
- border-radius: $base-border-radius;
61
- line-height: $refills-nav-height;
62
- width: 100%;
63
- position: relative;
64
- display: block;
65
- z-index: 99999999;
66
- overflow: hidden;
67
- font-size: $base-font-size /1.2;
68
- font-weight: 200;
69
- background-color: $refills-color;
70
-
71
- &:hover {
72
- background-color: darken($refills-color, 10);
73
- }
74
-
75
-
76
- a {
77
- padding: 1em;
78
- color: white;
79
- }
80
- }
81
- }
82
- }
83
-
84
- @include media ($medium-screen) {
85
- margin: 2em 0 $base-line-height*3;
86
- p {
87
- display: none;
88
- }
89
- .nav {
90
- float: right;
91
-
92
- ul {
93
- display: block;
94
- margin: 0;
95
- padding: 0;
96
-
97
- li {
98
- display: inline;
99
- display: inline;
100
- text-decoration: none;
101
- line-height: $refills-nav-height;
102
- padding-right: 1em;
103
- }
104
- }
105
- }
106
- }
107
- }
108
-
109
- /////////////////////////
110
-
111
- .refills-wrapper {
112
- @include outer-container;
113
- padding: 1em;
114
-
115
- h1.main-header {
116
- background-color: $refills-color;
117
- display: inline-block;
118
- padding: 0.5em;
119
- }
120
-
121
- .refill {
122
- margin-bottom: 2em;
123
- padding-bottom: 3em;
124
- border-bottom: 2px dashed $light-gray;
125
- position: relative;
126
-
127
- > h3 {
128
- padding-top: 0.5em;
129
- margin-top: 1em;
130
- margin-bottom: 1.3em;
131
- }
132
- }
133
- }
134
-
135
- .js-hide-code {
136
- display: none;
137
- }
138
-
139
- .js-show-code {
140
- display: block;
141
- }
142
-
143
- pre {
144
- display: none;
145
- padding: 0;
146
- width: 50%;
147
- float: left;
148
-
149
- code {
150
- max-height: em(400);
151
- font-size: $base-font-size/2;
152
- line-height: $base-line-height/2;
153
- overflow: scroll;
154
- }
155
-
156
- }
157
-
158
- .row {
159
- @include clearfix;
160
-
161
- .narrow {
162
- @include media($medium-screen) {
163
- @include span-columns(6);
164
- @include omega(2n);
165
- }
166
- }
167
- }
168
-
169
-
170
-
171
1
  @mixin texture($bg-color, $texture-number, $inverted) { $texture-list: "paper.png" // Fabric and paper
172
2
  "rice_paper.png"
173
3
  "noise_lines.png"
@@ -255,6 +85,7 @@ pre {
255
85
  "grey.png"
256
86
  "shinedotted.png"
257
87
  "stacked_circles.png"
88
+ "noisy_grid_simple.png"
258
89
  ;
259
90
 
260
91
  @if ($inverted == 1) {
@@ -267,3 +98,421 @@ pre {
267
98
  background-color: $bg-color;
268
99
  }
269
100
  }
101
+
102
+ $refills-color: lighten(desaturate(teal, 60), 40);
103
+ $base-body-color: white;
104
+ $refills-nav-height: 60px;
105
+ $refills-anchor-color: #FF4286;
106
+
107
+ .external a {
108
+ height: 84px;
109
+ width: 84px;
110
+ border: 2px solid white;
111
+ padding: 2px;
112
+ display: block;
113
+ margin: auto;
114
+ margin-bottom: 3em;
115
+ background-image: url(../images/cat.png);
116
+ background-size: 80px 80px;
117
+ background-repeat: no-repeat;
118
+
119
+ &:hover {
120
+ cursor: pointer;
121
+ border: 2px solid yellow;
122
+ border-radius: 50%;
123
+ }
124
+ }
125
+
126
+ body {
127
+ background-color: $base-body-color;
128
+ min-width: 320px;
129
+ -webkit-backface-visibility: hidden;
130
+ }
131
+
132
+ .refills-header {
133
+ @include clearfix;
134
+ background-color: #DDF0EF;
135
+ clear: both;
136
+ margin-bottom: 4em;
137
+ width: 100%;
138
+ text-align: center;
139
+ @include texture(#DDF0EF, 30, 1);
140
+ padding: 5em 0;
141
+
142
+ @include media($medium-screen) {
143
+ padding: 6em 0;
144
+ }
145
+
146
+ @include media($large-screen) {
147
+ padding: 9em 0;
148
+ }
149
+
150
+ h1 {
151
+ font-size: 1em;
152
+ text-align: center;
153
+ text-transform: uppercase;
154
+ padding: .5em 1em;
155
+ background: #FF4286;
156
+ color: white;
157
+ display: inline-block;
158
+ margin-bottom: 2em;
159
+ font-family: 'Open Sans', sans-serif;
160
+ font-weight: 800;
161
+ }
162
+
163
+ h2 {
164
+ font-size: 1.8em;
165
+ text-align: center;
166
+ font-weight: 100;
167
+ font-family: 'Lusitana', serif;
168
+ margin: 0 0 $base-line-height*.25;
169
+ margin: auto;
170
+ max-width: 90%;
171
+ margin-bottom: 1em;
172
+
173
+ @include media($medium-screen) {
174
+ font-size: 3em;
175
+ max-width: 90%;
176
+ margin-bottom: 1em;
177
+ }
178
+
179
+ @include media($large-screen) {
180
+ font-size: 3em;
181
+ max-width: 60%;
182
+ margin-bottom: .8em;
183
+ }
184
+ }
185
+
186
+ h3 {
187
+ text-align: center;
188
+ font-weight: 200;
189
+ font-size: 1.3em;
190
+ margin-bottom: 1em;
191
+ }
192
+
193
+ a {
194
+ color: $refills-anchor-color;
195
+ }
196
+
197
+ p {
198
+ font-family: 'Open Sans', sans-serif;
199
+ display: inline;
200
+ padding-top: 1em;
201
+ @include media($medium-screen) {
202
+ border-top: 1px solid darken(#DDF0EF, 20);
203
+ }
204
+ }
205
+ }
206
+
207
+ /////////////////////////////////
208
+
209
+ .menu-wrapper {
210
+ @include clearfix;
211
+ }
212
+
213
+ .refills-wrapper {
214
+ @include outer-container;
215
+ padding: 1em;
216
+
217
+ h1.main-header {
218
+ background-color: $refills-color;
219
+ display: inline-block;
220
+ padding: 0.5em;
221
+ }
222
+ }
223
+
224
+ h5 {
225
+ font-family: 'Lusitana', serif;
226
+ font-size: 2em;
227
+ color: #BBB295;
228
+ text-align: center;
229
+ }
230
+
231
+ //////////////////
232
+
233
+ .refill {
234
+ margin-bottom: 2em;
235
+ padding-bottom: 1em;
236
+ position: relative;
237
+ @include clearfix;
238
+
239
+ > h3 {
240
+ padding-top: 0.5em;
241
+ margin-top: 1em;
242
+ margin-bottom: 1.3em;
243
+ }
244
+ }
245
+
246
+ // this centers the refill and sets back to text-align left below first object
247
+ .refill-centering {
248
+ text-align: center;
249
+ & > * {
250
+ display: inline-block;
251
+ & > * {
252
+ text-align: left;
253
+ }
254
+ }
255
+ script {
256
+ display: none;
257
+ }
258
+ }
259
+
260
+ .line-behind-text {
261
+ text-align: center;
262
+ border-bottom: 1px solid #CACACA;
263
+ margin-bottom: $base-line-height *3;
264
+ }
265
+
266
+ .line-behind-text h6 {
267
+ font-family: 'Oswald', sans-serif;
268
+ text-transform: uppercase;
269
+ color: gray;
270
+ font-weight: 500;
271
+ display: inline-block;
272
+ position: relative;
273
+ font-size: 1em;
274
+ top: 34px;
275
+ background: white;
276
+ padding: 0 10px;
277
+ }
278
+
279
+ .refill h6 {
280
+ margin-bottom: $base-line-height;
281
+ }
282
+
283
+ /////////////////////////
284
+
285
+ .js-hide-code,
286
+ .js-show-code {
287
+ border-top: 1px dashed #BEBCBC;
288
+ color: #7E7A7A;
289
+ text-transform: uppercase;
290
+ font-size: .8em;
291
+ width: 9em;
292
+
293
+
294
+ &:hover {
295
+ // background: darken(desaturate(#F5F2F0, 10), 3);
296
+ color: $base-accent-color;
297
+ }
298
+ }
299
+
300
+ .js-show-code {
301
+ display: inline-block;
302
+ padding: 0.5em 1em;
303
+ // border-radius: $base-border-radius;
304
+ }
305
+
306
+ .js-hide-code {
307
+ display: none;
308
+ padding: 0.5em 1em;
309
+ // border-radius: $base-border-radius;
310
+ }
311
+
312
+ .refill-snippet {
313
+ margin-top: $base-line-height *3;
314
+ }
315
+
316
+ .refill-control {
317
+ display: block;
318
+ text-align: center;
319
+ margin-bottom: 2em;
320
+ width: 100%;
321
+ }
322
+
323
+ //////////////////////////
324
+
325
+ pre[class*="language-"] {
326
+ height: 300px;
327
+ border-top: 2px solid silver;
328
+ background: #F8F8F8;
329
+ line-height: 1em;
330
+ }
331
+
332
+ .copy-source {
333
+ background-color: lighten($dark-gray, 20);
334
+ border-radius: 10px;
335
+ font-size: $base-font-size/2;
336
+ color: white;
337
+ text-transform: uppercase;
338
+ font-weight: 800;
339
+ padding: 0.4em 1em;
340
+
341
+ &:hover, &:active {
342
+ background-color: lighten($dark-gray, 20);
343
+ color: white;
344
+ }
345
+ }
346
+
347
+ .snippet {
348
+ display: none;
349
+
350
+ @include media($medium-screen) {
351
+ width: 50%;
352
+ float: left;
353
+ margin-bottom: 2em;
354
+ }
355
+
356
+ code {
357
+ max-height: em(400);
358
+ font-size: .7em;
359
+ line-height: 1.4em;
360
+ overflow: scroll;
361
+ }
362
+ }
363
+
364
+ .token.variable {
365
+ background-color: transparent;
366
+ }
367
+
368
+ footer.refills-footer {
369
+ padding-top: 1em;
370
+ padding-bottom: 2em;
371
+ color: silver;
372
+ text-align: center;
373
+
374
+ a {
375
+ color: $refills-anchor-color;
376
+ }
377
+
378
+ img {
379
+ display: block;
380
+ height: 60px;
381
+ margin: auto;
382
+ margin-bottom: 2em;
383
+ }
384
+ }
385
+
386
+ ///////////////////////// refill adjustments
387
+
388
+ .refill-smaller {
389
+ @include media($large-screen) {
390
+ width: 70%;
391
+ margin: auto;
392
+ }
393
+ }
394
+
395
+ /////////////////////////
396
+
397
+ @include keyframes(fadeInAccordionTabsArticles) {
398
+ 0% { opacity: 0; }
399
+ 100% { opacity: 1; }
400
+ }
401
+
402
+ .accordion-tabs-type-systems {
403
+ $tab-border-color: $base-border-color;
404
+ $tab-border: 1px solid $tab-border-color;
405
+ $tab-content-background: lighten($light-gray, 15);
406
+ $tab-active-background: $tab-content-background;
407
+ $tab-inactive-color: $base-body-color;
408
+ $tab-inactive-hover-color: darken($light-gray, 5);
409
+ $tab-mode: $medium-screen;
410
+
411
+ @include clearfix;
412
+ border-radius: $base-border-radius;
413
+ border: $tab-border;
414
+ margin-bottom: $base-line-height;
415
+
416
+ @include media($tab-mode) {
417
+ border: none;
418
+ }
419
+
420
+ .tab {
421
+ @include media($tab-mode) {
422
+ display: inline;
423
+ }
424
+
425
+ &:first-child .tab-link {
426
+ border-top-left-radius: $base-border-radius;
427
+ border-top-right-radius: $base-border-radius;
428
+ }
429
+
430
+ &:last-child .tab-link {
431
+ border-bottom-left-radius: $base-border-radius;
432
+ border-bottom-right-radius: $base-border-radius;
433
+
434
+ @include media($tab-mode) {
435
+ border-bottom-left-radius: 0;
436
+ border-bottom-right-radius: 0;
437
+ }
438
+ }
439
+
440
+ .tab-link-type-system {
441
+ background-color: transparent;
442
+ border-bottom: 1px solid $tab-border-color;
443
+ color: $dark-gray;
444
+ display: block;
445
+ font-size: .9em;
446
+ letter-spacing: .6px;
447
+ font-weight: 200;
448
+ padding: $base-line-height/2 $gutter/2;
449
+ text-align: center;
450
+
451
+ @include media($tab-mode) {
452
+ @include inline-block;
453
+ border-bottom: 0;
454
+ border-top-right-radius: $base-border-radius;
455
+ border-top-left-radius: $base-border-radius;
456
+ }
457
+
458
+ &:hover {
459
+ color: $base-link-color;
460
+ }
461
+
462
+ &:focus {
463
+ outline: none;
464
+ }
465
+ }
466
+
467
+ section {
468
+ padding: $base-line-height $gutter;
469
+ background: $tab-content-background;
470
+ display: none;
471
+ overflow: hidden;
472
+ width: 100%;
473
+
474
+ @include media($tab-mode) {
475
+ border-bottom-left-radius: $base-border-radius;
476
+ border-bottom-right-radius: $base-border-radius;
477
+ border-top: $tab-border;
478
+ float: left;
479
+ left: 0;
480
+ padding: $base-line-height/2 $gutter;
481
+ }
482
+
483
+ .tab-content {
484
+ opacity: 0;
485
+ }
486
+ }
487
+
488
+ &.js-is-active {
489
+ border-bottom: $tab-border;
490
+
491
+ @include media($tab-mode) {
492
+ border-bottom: 0;
493
+ }
494
+
495
+ .tab-link-type-system {
496
+ background-color: $tab-active-background;
497
+ border-bottom: 0;
498
+
499
+ @include media($tab-mode) {
500
+ background-color: $tab-active-background;
501
+ border: $tab-border;
502
+ border-bottom: 1px solid $tab-active-background;
503
+ margin-bottom: -1px;
504
+ }
505
+ }
506
+
507
+ section {
508
+ display: block;
509
+
510
+ .tab-content {
511
+ @include animation-name(fadeInAccordionTabsArticles);
512
+ @include animation-duration(1s);
513
+ opacity: 1;
514
+ }
515
+ }
516
+ }
517
+ }
518
+ }