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,86 @@
1
+ @mixin grid-item-columns($columns) {
2
+ width: (100% / 12) * $columns;
3
+ }
4
+
5
+ .grid-items-lines {
6
+ $grid-items-background: $base-body-color;
7
+ $grid-item-background: $base-body-color;
8
+ $grid-item-border: 1px solid transparentize($base-font-color, .8);
9
+ $grid-item-columns: 4;
10
+ $grid-item-big-columns: 8;
11
+ $grid-item-color: $base-font-color;
12
+ $grid-item-height: 14em;
13
+
14
+ @include clearfix;
15
+ position: relative;
16
+
17
+ .grid-item {
18
+ @include transition (all 0.2s ease-in-out);
19
+ height: $grid-item-height;
20
+ background: $grid-item-background;
21
+ width: 100%;
22
+ overflow: hidden;
23
+ float: left;
24
+ padding: 2em;
25
+ border-right: $grid-item-border;
26
+ border-bottom: $grid-item-border;
27
+ cursor: pointer;
28
+
29
+ @include media($large-screen) {
30
+ @include grid-item-columns($grid-item-columns);
31
+ }
32
+
33
+ &:hover {
34
+ background: transparentize($grid-item-color, .95);
35
+ }
36
+ }
37
+
38
+ .grid-item img {
39
+ display: block;
40
+ height: 2.5em;
41
+ margin-bottom: 1.2em;
42
+ opacity: .2;
43
+ }
44
+
45
+ .grid-item h1 {
46
+ color: $grid-item-color;
47
+ font-size: 1.3em;
48
+ margin-bottom: .4em;
49
+ }
50
+
51
+ .grid-item p {
52
+ color: transparentize($grid-item-color, .4);
53
+ @include media($medium-screen) {
54
+ max-width: 70%;
55
+ }
56
+ }
57
+
58
+ .grid-item-big {
59
+ @include media($large-screen) {
60
+ @include grid-item-columns($grid-item-big-columns);
61
+ }
62
+ p {
63
+ @include media($medium-screen) {
64
+ max-width: 60%;
65
+ }
66
+ }
67
+ }
68
+
69
+ // this, below, might not be the most beautiful solution but it removes the outer borders by using the background color.
70
+ .bottom-cover {
71
+ position: absolute;
72
+ bottom: 0px;
73
+ width: 100%;
74
+ height: 3px;
75
+ background: $grid-items-background;
76
+ }
77
+
78
+ .right-cover {
79
+ position: absolute;
80
+ right: 0px;
81
+ height: 100%;
82
+ width: 4px;
83
+ background: $grid-items-background;
84
+ }
85
+ }
86
+
@@ -0,0 +1,97 @@
1
+ @mixin grid-item-columns($columns) {
2
+ width: (100% / 12) * $columns;
3
+ }
4
+
5
+ .grid-items {
6
+ $grid-items-background: $base-body-color;
7
+ $grid-item-background: desaturate($base-accent-color, 30);
8
+ $grid-item-colors:
9
+ desaturate($base-accent-color, 30),
10
+ #3581A5,
11
+ #5FBEBE,
12
+ #98C79A,
13
+ #A7A891,
14
+ #BDCC97,
15
+ #979EA0;
16
+ $grid-item-border-size: 9px;
17
+ $grid-item-columns: 4;
18
+ $grid-item-big-columns: 8;
19
+ $grid-item-color: white;
20
+ $grid-item-height: 14em;
21
+
22
+ @include clearfix;
23
+
24
+ .grid-item {
25
+ @include transition (all 0.2s ease-in-out);
26
+ height: $grid-item-height;
27
+ background: $grid-item-background;
28
+ width: 100%;
29
+ overflow: hidden;
30
+ float: left;
31
+ padding: 2em;
32
+ border-top: 0;
33
+ border-bottom: $grid-item-border-size solid $grid-items-background;
34
+ border-left: $grid-item-border-size /2 solid $grid-items-background;
35
+ border-right: $grid-item-border-size /2 solid $grid-items-background;
36
+ text-align: center;
37
+ cursor: pointer;
38
+
39
+ @include media($large-screen) {
40
+ @include grid-item-columns($grid-item-columns);
41
+ }
42
+
43
+ @for $i from 1 to 8 { // assign colors from $grid-item-colors list
44
+ &:nth-child(#{$i}) {
45
+ $background-from-list: nth($grid-item-colors, $i);
46
+ background-color: $background-from-list;
47
+ box-shadow: inset 0px 0px 1px 2px darken($background-from-list, 10);
48
+ &:hover {
49
+ background-color: darken($background-from-list, 10);
50
+ background-repeat: no-repeat;
51
+ background-position: top;
52
+ background-size: cover;
53
+ }
54
+ }
55
+ }
56
+ }
57
+
58
+ .grid-item img {
59
+ display: block;
60
+ height: 3em;
61
+ margin: auto;
62
+ margin-bottom: 1em;
63
+ }
64
+
65
+ .grid-item h1 {
66
+ color: $grid-item-color;
67
+ font-size: 1.3em;
68
+ margin-bottom: .4em;
69
+ }
70
+
71
+ .grid-item p {
72
+ margin: auto;
73
+ color: transparentize($grid-item-color, .3);
74
+ @include media($medium-screen) {
75
+ max-width: 70%;
76
+ }
77
+ }
78
+
79
+ .grid-item-big {
80
+ @include media($large-screen) {
81
+ @include grid-item-columns($grid-item-big-columns);
82
+ }
83
+ p {
84
+ @include media($medium-screen) {
85
+ max-width: 60%;
86
+ }
87
+ }
88
+ }
89
+
90
+ .grid-item-image {
91
+ background: url(https://raw.github.com/Magnus-G/Random/master/lake-transparent.png);
92
+ background-color: $grid-item-background;
93
+ background-repeat: no-repeat;
94
+ background-position: top;
95
+ background-size: cover;
96
+ }
97
+ }
@@ -1,14 +1,26 @@
1
1
  .hero {
2
- $hero-background: lighten($base-border-color, 10);
2
+ $hero-background: desaturate(darken($base-accent-color, 20), 30);
3
+ $hero-color: white;
3
4
 
5
+ background: url(https://raw.github.com/Magnus-G/Random/master/lake-transparent.png);
4
6
  background-color: $hero-background;
7
+ background-repeat: no-repeat;
8
+ background-position: top;
9
+ background-size: cover;
5
10
  padding-bottom: 4em;
6
11
 
12
+ .hero-logo img {
13
+ height: 3em;
14
+ margin-bottom: 1em;
15
+ }
16
+
7
17
  .hero-inner {
8
18
  @include outer-container;
9
19
  @include clearfix;
10
- padding: 1em;
20
+ padding: 3em;
11
21
  margin: auto;
22
+ text-align: center;
23
+ color: $hero-color;
12
24
 
13
25
  button {
14
26
  @include button(simple, $base-accent-color);
@@ -17,18 +29,26 @@
17
29
  }
18
30
 
19
31
  .hero-copy {
20
- @include media($medium-screen) {
21
- @include span-columns(6);
22
- }
32
+ text-align: center;
23
33
 
24
- h6 {
25
- margin-bottom: 2em;
34
+ h1 {
35
+ font-size: 1.4em;
36
+ margin-bottom: .2em;
37
+
38
+ @include media($large-screen) {
39
+ font-size: 1.8em;
40
+ }
26
41
  }
27
- }
28
42
 
29
- .hero-image {
30
- @include media($medium-screen) {
31
- @include span-columns(6);
43
+ p {
44
+ margin: auto;
45
+ margin-bottom: 3em;
46
+ font-weight: 200;
47
+
48
+ @include media($large-screen) {
49
+ font-size: 1.2em;
50
+ max-width: 40%;
51
+ }
32
52
  }
33
53
  }
34
54
  }
@@ -0,0 +1,52 @@
1
+ .hover-tile-outer {
2
+ $hover-tile-height: 10em;
3
+
4
+ background-position: bottom;
5
+ background-size: cover;
6
+ background: url("https://raw.github.com/Magnus-G/Random/master/mountains.png");
7
+ background-size: cover;
8
+ background-color: #BEB56E;
9
+ border: 1px solid $base-border-color;
10
+ height: $hover-tile-height;
11
+ margin-bottom: $base-line-height;
12
+ cursor: pointer;
13
+
14
+ @include media($medium-screen) {
15
+ width: 40%;
16
+ }
17
+
18
+ .hover-tile-container {
19
+ height: $hover-tile-height;
20
+ overflow: hidden;
21
+ }
22
+
23
+ .hover-tile-container:hover > .hover-tile {
24
+ @include transform(translate(0, -100%));
25
+ }
26
+
27
+ .hover-tile {
28
+ @include transition(all, .2s ease-in-out);
29
+ background:inherit;
30
+ color: white;
31
+ height:inherit;
32
+ padding: 1em 1.5em;
33
+ }
34
+
35
+ .hover-tile-visible {
36
+ color: transparentize(white, .3);
37
+ font-size: 2em;
38
+ font-weight: 200;
39
+ padding-top: 2em;
40
+ text-align: center;
41
+ }
42
+
43
+ .hover-tile-hidden {
44
+ background: transparentize(black, .5);
45
+ h4 {
46
+ margin-bottom: .5em;
47
+ }
48
+ p {
49
+ color: transparentize(white, .3);
50
+ }
51
+ }
52
+ }
@@ -0,0 +1,63 @@
1
+ .bullets {
2
+ $icon-bullet-size: 3.5em;
3
+
4
+ overflow: auto;
5
+ margin-bottom: $base-line-height;
6
+
7
+ // change ".three-col-bullet" class to this for two bullet layout
8
+ .two-col-bullet {
9
+ @include media($large-screen) {
10
+ @include span-columns(6);
11
+ @include omega(2n);
12
+ }
13
+ }
14
+
15
+ .three-col-bullet {
16
+ @include media($large-screen) {
17
+ @include span-columns(4);
18
+ @include omega(3n);
19
+ }
20
+ }
21
+
22
+ // change ".three-col-bullet" class to this for four bullet layout
23
+ .four-col-bullet {
24
+ @include media($large-screen) {
25
+ @include span-columns(3);
26
+ @include omega(4n);
27
+ }
28
+ }
29
+
30
+ .bullet-icon {
31
+ float: left;
32
+ background: $base-accent-color;
33
+ padding: $icon-bullet-size /4;
34
+ border-radius: 50%;
35
+ width: $icon-bullet-size;
36
+ height: $icon-bullet-size;
37
+ }
38
+
39
+ .bullet-icon-1 {
40
+ background: $base-accent-color;
41
+ }
42
+
43
+ .bullet-icon-2 {
44
+ background: adjust-hue($base-accent-color, -50);
45
+ }
46
+
47
+ .bullet-icon-3 {
48
+ background: adjust-hue($base-accent-color, -140);
49
+ }
50
+
51
+ .bullet-content {
52
+ margin-left: $icon-bullet-size *1.4;
53
+ margin-bottom: 2em;
54
+ }
55
+
56
+ h2 {
57
+ font-size: $icon-bullet-size /2.5;
58
+ padding-top: $icon-bullet-size /7;
59
+ margin-bottom: $icon-bullet-size /6;
60
+ border-bottom: 1px solid transparentize($base-font-color, .8);
61
+ display: inline-block;
62
+ }
63
+ }
@@ -0,0 +1,60 @@
1
+ .image-gradient-dynamic {
2
+ $image-gradient-color-top: orange;
3
+ $transparency-top: .6;
4
+ $image-gradient-color-bottom: teal;
5
+ $transparency-bottom: .6;
6
+ $vertical-angle: 180deg;
7
+
8
+ $image-gradient-color-left: teal;
9
+ $transparency-left: .8;
10
+ $image-gradient-color-right: yellow;
11
+ $transparency-right: .8;
12
+ $horizontal-angle: 90deg;
13
+
14
+ position: relative;
15
+ line-height: 0;
16
+ width: 100%;
17
+ margin-bottom: $base-line-height;
18
+
19
+ img {
20
+ width: 100%;
21
+ height: auto;
22
+ position: relative;
23
+ top: 0;
24
+ left: 0;
25
+ }
26
+
27
+ .copy {
28
+ position: absolute;
29
+ top: 50%;
30
+ left: 50%;
31
+ margin: auto;
32
+ z-index: 999;
33
+ text-align: center;
34
+ @include transform(translate(-50%, -50%));
35
+
36
+ p {
37
+ line-height: 1.5em;
38
+ padding: 1em 2em;
39
+ position: relative;
40
+ color: white;
41
+ font-weight: 800;
42
+ background-color: transparentize(black, .6);
43
+ }
44
+ }
45
+
46
+ .overlay {
47
+ @include linear-gradient($vertical-angle, transparentize($image-gradient-color-top, $transparency-top),
48
+ transparentize($image-gradient-color-bottom, $transparency-bottom));
49
+ display: block;
50
+ @include position(absolute, 0px 0px 0px 0px);
51
+
52
+ &:after {
53
+ content: '';
54
+ @include linear-gradient($horizontal-angle, transparentize($image-gradient-color-left, $transparency-left),
55
+ transparentize($image-gradient-color-right, $transparency-right));
56
+ display: block;
57
+ @include position(absolute, 0px 0px 0px 0px);
58
+ }
59
+ }
60
+ }
@@ -0,0 +1,56 @@
1
+ .image-gradient {
2
+ $image-gradient-color-top: teal;
3
+ $transparency-top: .6;
4
+ $image-gradient-color-bottom: green;
5
+ $transparency-bottom: .6;
6
+ $vertical-angle: 180deg;
7
+
8
+ $image-gradient-color-left: red;
9
+ $transparency-left: .9;
10
+ $image-gradient-color-right: yellow;
11
+ $transparency-right: .8;
12
+ $horizontal-angle: 90deg;
13
+
14
+ background: url(https://raw.github.com/Magnus-G/Random/master/EmeraldLake.jpg);
15
+ background-size: cover;
16
+ background-position: top;
17
+ background-repeat: no-repeat;
18
+ padding: 12em 0 12em 0;
19
+ position: relative;
20
+ width: 100%;
21
+ display: table;
22
+ margin-bottom: $base-line-height;
23
+
24
+ .copy {
25
+ position: absolute;
26
+ left: 50%;
27
+ margin: auto;
28
+ z-index: 999;
29
+ top: 40%;
30
+ text-align: center;
31
+
32
+ p {
33
+ padding: 1em 2em;
34
+ position: relative;
35
+ left: -50%;
36
+ color: white;
37
+ font-weight: 800;
38
+ background-color: transparentize(black, .6);
39
+ }
40
+ }
41
+
42
+ .overlay {
43
+ @include linear-gradient($vertical-angle, transparentize($image-gradient-color-top, $transparency-top),
44
+ transparentize($image-gradient-color-bottom, $transparency-bottom));
45
+ display: block;
46
+ @include position(absolute, 0px 0px 0px 0px);
47
+
48
+ &:after {
49
+ content: '';
50
+ @include linear-gradient($horizontal-angle, transparentize($image-gradient-color-left, $transparency-left),
51
+ transparentize($image-gradient-color-right, $transparency-right));
52
+ display: block;
53
+ @include position(absolute, 0px 0px 0px 0px);
54
+ }
55
+ }
56
+ }