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,71 +1,100 @@
1
- $modal-padding: 3em;
2
- $modal-close-color: $light-gray;
3
- $modal-image-height: 135px;
4
- $modal-image-width: $modal-image-height;
5
-
6
- .modal-open {
7
- overflow: hidden;
8
- }
9
-
10
1
  .modal {
2
+ $modal-padding: 3em;
3
+ $modal-background: $base-body-color;
4
+ $modal-close-color: $light-gray;
5
+ $modal-image-height: 135px;
6
+ $modal-image-width: $modal-image-height;
7
+
11
8
  label {
12
9
  cursor: pointer;
10
+ margin-bottom: 0;
11
+ }
13
12
 
14
- img {
15
- $img-width: 300px;
16
- border-radius: $img-width/2;
17
- display: block;
18
- margin-bottom: 2em;
19
- max-width: $img-width;
20
- }
13
+ label img {
14
+ $img-width: 300px;
15
+ border-radius: $img-width/2;
16
+ display: block;
17
+ max-width: $img-width;
21
18
  }
22
19
 
23
20
  input[type="checkbox"] {
24
21
  display: none;
25
22
  }
26
- }
27
23
 
28
- .modal-window {
29
- @include transition(opacity .25s ease);
30
- @include position(fixed, 0px 0px 0px 0px);
31
- background: rgba(0,0,0, .85);
32
- opacity: 0;
33
- text-align: left;
34
- visibility: hidden;
35
- z-index: 999;
36
-
37
- .modal-bg {
38
- @include position(absolute, 0px 0px 0px 0px);
24
+ .btn {
25
+ @include button(simple, $base-body-color);
26
+ font-size: $base-font-size;
27
+ margin-bottom: $base-line-height;
28
+ }
29
+
30
+ .modal-open {
31
+ overflow: hidden;
32
+ }
33
+
34
+ .modal-window { // overlay
35
+ @include transition(opacity .25s ease);
36
+ @include position(fixed, 0px 0px 0px 0px);
37
+ background: rgba(0,0,0, .85);
38
+ opacity: 0;
39
+ text-align: left;
40
+ visibility: hidden;
41
+ z-index: 99999999999;
42
+
43
+ .modal-bg {
44
+ @include position(absolute, 0px 0px 0px 0px);
45
+ cursor: pointer;
46
+ }
47
+ }
48
+
49
+ .modal-close {
50
+ @include position(absolute, ($modal-padding /2) ($modal-padding /2) 0 0);
51
+ @include size(1.5em);
39
52
  cursor: pointer;
53
+ background: $modal-background;
54
+
55
+ &:after,
56
+ &:before {
57
+ @include position(absolute, 3px 3px 0 50%);
58
+ @include transform(rotate(45deg));
59
+ @include size(.15em 1.5em);
60
+ background: $modal-close-color;
61
+ content: '';
62
+ display: block;
63
+ margin: -3px 0 0 -1px;
64
+ }
65
+
66
+ &:hover:after,
67
+ &:hover:before {
68
+ background: darken($modal-close-color, 10);
69
+ }
70
+
71
+ &:before {
72
+ @include transform(rotate(-45deg));
73
+ }
40
74
  }
41
75
 
42
76
  .modal-inner {
43
77
  @include transition(opacity .25s ease);
44
- @include position(absolute, -20% 0px 0px 0px);
45
- border-radius: 3px;
46
- background: white;
78
+ border-radius: $base-border-radius;
79
+ background: $modal-background;
47
80
  margin: auto;
48
- max-height: 70%;
81
+ max-height: 95%;
82
+ position: relative;
49
83
  overflow: auto;
50
- padding: $modal-padding;
51
84
  width: 95%;
85
+ padding: $modal-padding /2;
86
+ margin-top: .6em;
52
87
 
53
88
  @include media($medium-screen) {
54
- width: 50%;
89
+ padding: $modal-padding;
90
+ width: 60%;
91
+ max-height: 60%;
92
+ margin-top: 10em;
55
93
  }
56
94
 
57
- .img-wrapper-modal {
58
- @include size($modal-image-width $modal-image-height);
59
- background-color: $light-gray;
60
- border-radius: 190px;
61
- display: block;
62
-
63
- img {
64
- @include size($modal-image-width $modal-image-height);
65
- content: '';
66
- display: block;
67
- padding: 30px;
68
- }
95
+ @include media($large-screen) {
96
+ width: 50%;
97
+ margin-top: 10em;
69
98
  }
70
99
 
71
100
  h1 {
@@ -108,53 +137,14 @@ $modal-image-width: $modal-image-height;
108
137
  }
109
138
  }
110
139
 
111
- .modal-close {
112
- @include position(fixed, ($modal-padding /2) ($modal-padding /2) 0 0);
113
- @include size(0.5em);
114
- cursor: pointer;
115
-
116
- &:after,
117
- &:before {
118
- @include position(absolute, 0px 0 0 -50%);
119
- @include transform(rotate(45deg));
120
- @include size(.15em 1.5em);
121
- background: $modal-close-color;
122
- content: '';
123
- display: block;
124
- margin: -3px 0 0 -1px;
125
- }
126
-
127
- &:hover:after,
128
- &:hover:before {
129
- background: darken($modal-close-color, 10);
130
- }
131
-
132
- &:before {
133
- @include transform(rotate(-45deg));
134
- }
140
+ .modal-state:checked + .modal-window {
141
+ opacity: 1;
142
+ visibility: visible;
135
143
  }
136
- }
137
144
 
138
- .modal-state:checked + .modal-window {
139
- opacity: 1;
140
- visibility: visible;
141
- }
142
-
143
- .modal-state:checked + .modal-window .modal-inner {
144
- top: 0;
145
- }
146
-
147
-
148
- .btn {
149
- @include button(simple, $base-accent-color);
150
- font-size: $base-font-size;
151
- }
152
-
153
- p img {
154
- float: left;
155
- height: auto;
156
- margin: 0 1em 1em 0;
157
- max-width: 200px;
145
+ .modal-state:checked + .modal-window .modal-inner {
146
+ top: 0;
147
+ }
158
148
  }
159
149
 
160
150
  // Based on code by Kasper Mikiewicz
@@ -1,167 +1,258 @@
1
1
  header.navigation {
2
+ $navigation-padding: 1em;
2
3
  $navigation-background: $dark-gray;
3
- $navigation-color: white;
4
+ $navigation-color: transparentize(white, 0.3);
5
+ $navigation-color-hover: white;
4
6
  $navigation-height: 60px;
5
- $navigation-nav-button-background: $navigation-background;
7
+ $navigation-nav-button-background: $base-accent-color;
6
8
  $navigation-nav-button-background-hover: lighten($navigation-background, 10);
7
9
  $navigation-nav-button-border: 1px solid lighten($navigation-nav-button-background, 20);
10
+ $navigation-search-background: lighten($navigation-background, 5);
11
+ $navigation-search-border: 1px solid darken($navigation-background, 5);
12
+ $navigation-active-link-color: transparentize(white, 0.5);
13
+ $navigation-submenu-padding: 1em;
14
+ $horizontal-bar-mode: $large-screen;
8
15
 
9
- width: 100%;
10
- margin: 0;
11
- height: $navigation-height;
12
16
  background-color: $navigation-background;
17
+ border-bottom: 1px solid darken($navigation-background, 10);
13
18
  font-family: $sans-serif;
14
- border-bottom: 1px solid $dark-gray;
19
+ height: $navigation-height;
20
+ width: 100%;
15
21
  z-index: 999;
16
22
 
17
23
  .menu-wrapper {
18
24
  @include outer-container;
19
- padding-left: 1em;
20
- padding-right: 1em;
25
+ @include clearfix;
26
+ position: relative;
27
+ z-index: 9999;
21
28
  }
22
29
 
23
30
  .logo {
24
- line-height: $navigation-height;
25
- padding-right: 1.35em;
26
- padding-left: 1em;
27
- font-weight: bold;
28
31
  float: left;
29
- color: white;
30
- @include media($medium-screen) {
31
- padding-left: 0;
32
+ max-height: $navigation-height;
33
+ padding-left: $navigation-padding;
34
+ padding-right: 2em;
35
+
36
+ img {
37
+ max-height: $navigation-height;
38
+ padding: .8em 0;
32
39
  }
33
40
  }
34
41
 
35
- p {
36
- font-family: $sans-serif;
37
- font-weight: 700;
38
- text-transform: uppercase;
42
+ .navigation-menu-button {
43
+ color: $navigation-color;
39
44
  cursor: pointer;
40
- padding-right: 1em;
41
45
  display: block;
42
46
  float: right;
43
- margin: 0;
47
+ font-family: $sans-serif;
48
+ font-weight: 700;
44
49
  line-height: $navigation-height;
45
- color: $navigation-color;
50
+ margin: 0;
51
+ padding-right: 1em;
52
+ text-transform: uppercase;
53
+
54
+ @include media ($horizontal-bar-mode) {
55
+ display: none;
56
+ }
57
+
58
+ &:hover {
59
+ color: $navigation-color-hover;
60
+ }
46
61
  }
47
62
 
48
63
  .nav {
49
- ul {
50
- display: none;
51
- -webkit-transform-style: preserve-3d; // stop webkit flicker
52
- overflow: hidden;
53
- margin: 0 auto;
64
+ z-index: 9999999;
65
+ float: none;
66
+ @include media ($horizontal-bar-mode) {
67
+ float: left;
68
+ }
69
+ }
70
+
71
+ ul#navigation-menu {
72
+ clear: both;
73
+ -webkit-transform-style: preserve-3d; // stop webkit flicker
74
+ display: none;
75
+ margin: 0 auto;
76
+ overflow: visible;
77
+ padding: 0;
78
+ width: 100%;
79
+ z-index: 9999;
80
+
81
+ @include media ($horizontal-bar-mode) {
82
+ display: inline;
83
+ margin: 0;
54
84
  padding: 0;
55
- width: 100%;
85
+ }
86
+ }
56
87
 
57
- li {
58
- position: relative;
59
- overflow: hidden;
60
- display: block;
61
- width: 100%;
62
- text-align: right;
63
- padding-right: 1em;
64
- line-height: $navigation-height;
65
- width: 100%;
66
- position: relative;
67
- display: block;
68
- z-index: 99999999;
69
- overflow: hidden;
70
- background-color: $navigation-background;
71
-
72
- a {
73
- text-transform: uppercase;
74
- font-weight: bold;
75
- color: white;
76
- }
88
+ ul li {
89
+ background: $navigation-background;
90
+ display: block;
91
+ line-height: $navigation-height;
92
+ overflow: hidden;
93
+ padding-right: .8em;
94
+ text-align: right;
95
+ width: 100%;
96
+ z-index: 9999;
97
+
98
+ @include media ($horizontal-bar-mode) {
99
+ background: transparent;
100
+ display: inline;
101
+ line-height: $navigation-height;
102
+ padding-right: 2em;
103
+ text-decoration: none;
104
+ width: auto;
105
+ }
106
+
107
+ a {
108
+ font-weight: 400;
109
+ color: $navigation-color;
110
+
111
+ &:hover {
112
+ color: $navigation-color-hover;
77
113
  }
78
114
  }
79
115
  }
80
116
 
81
- ul.nav-button {
117
+ .active-nav-item a {
118
+ padding-bottom: 3px;
119
+ border-bottom: 1px solid $navigation-active-link-color;
120
+ }
121
+
122
+ li.more {
123
+ padding-right: 0;
124
+
125
+ &:hover .submenu {
126
+ display: block;
127
+ }
128
+
129
+ @include media($horizontal-bar-mode) {
130
+ position: relative;
131
+ padding-right: .8em;
132
+ }
133
+ }
134
+
135
+ li.more a {
136
+ padding-right: .8em;
137
+ }
138
+
139
+ .submenu {
82
140
  display: none;
83
- float: right;
84
- background-color: $navigation-background;
85
- padding: 0 1em 0 1em;
86
- width: 100%;
87
- list-style: none;
141
+
142
+ @include media($horizontal-bar-mode) {
143
+ position: absolute;
144
+ top: 1em;
145
+ left: -$navigation-submenu-padding;
146
+ }
88
147
 
89
148
  li {
90
- float: right;
149
+ display: block;
150
+ padding-right: 0;
151
+
152
+ @include media($horizontal-bar-mode) {
153
+ line-height: $navigation-height /1.3;
154
+
155
+ &:first-child a {
156
+ padding-top: 1em;
157
+ }
158
+ &:last-child a {
159
+ border-bottom-left-radius: $base-border-radius;
160
+ border-bottom-right-radius: $base-border-radius;
161
+ padding-bottom: .7em;
162
+ }
163
+ }
164
+
91
165
  a {
92
- display: inline;
93
- line-height: $navigation-height;
94
- font-family: $sans-serif;
95
- font-weight: 700;
96
- text-transform: uppercase;
97
- color: white;
98
- padding: 1em 1.5em;
99
- background-color: $navigation-nav-button-background;
100
- border: $navigation-nav-button-border;
101
- border-radius: $base-border-radius;
102
- font-size: $base-font-size *.8;
103
-
104
- @include transition(ease-in-out, .2s);
105
-
106
- &:hover {
107
- background-color: $navigation-nav-button-background-hover;
166
+ text-align: right;
167
+ background-color: darken($navigation-background, 3);
168
+ width: 100%;
169
+ display: inline-block;
170
+
171
+ @include media($horizontal-bar-mode) {
172
+ width: 12em;
173
+ background-color: $navigation-background;
174
+ text-align: left;
175
+ padding-left: $navigation-submenu-padding;
108
176
  }
109
177
  }
110
178
  }
111
-
112
- li:first-child:before {
113
- content: '';
179
+ }
180
+
181
+ .navigation-tools {
182
+ @include clearfix;
183
+ display: block;
184
+ padding-right: $navigation-padding;
185
+ padding-left: $navigation-padding;
186
+ clear: both;
187
+ background: #505050;
188
+
189
+ @include media($large-screen) {
190
+ background: transparent;
191
+ float: right;
192
+ clear: none;
114
193
  }
115
194
  }
116
195
 
117
- @include media ($medium-screen) {
118
- p {
119
- display: none;
196
+ a.sign-up {
197
+ margin-top: 13px;
198
+ float: right;
199
+ @include transition (all 0.2s ease-in-out);
200
+ display: inline;
201
+ background: $navigation-nav-button-background;
202
+ border-radius: $base-border-radius;
203
+ color: white;
204
+ font-size: .8em;
205
+ font-weight: 800;
206
+ padding: .4em 1em;
207
+ text-transform: uppercase;
208
+
209
+ &:hover {
210
+ background: lighten($navigation-nav-button-background, 10);
120
211
  }
121
- .nav {
122
- float: left;
212
+ }
213
+
214
+ .search-bar {
215
+ $search-bar-border-color: $base-border-color;
216
+ $search-bar-border: 1px solid $search-bar-border-color;
217
+ $search-bar-background: lighten($search-bar-border-color, 10);
218
+
219
+ padding: 13px 5px;
220
+ float: left;
221
+ .search-and-submit {
222
+ position: relative;
123
223
 
124
- ul {
125
- float: left;
126
- display: inline;
224
+ input[type=search] {
225
+ background: $navigation-search-background;
226
+ border: $navigation-search-border;
227
+ padding: .6em .8em;
228
+ font-size: .9em;
229
+ font-style: italic;
230
+ color: $navigation-color;
231
+ border-radius: $base-border-radius * 2;
127
232
  margin: 0;
128
- padding: 0;
129
-
130
- li {
131
- display: inline;
132
- text-decoration: none;
133
- line-height: $navigation-height;
134
- padding-right: 2em;
135
-
136
- a {
137
- color: $navigation-color;
138
- letter-spacing: 1px;
139
- &:hover {
140
- color: lighten($navigation-color, 15);
141
- }
142
- }
143
- }
144
233
  }
145
- }
146
234
 
147
- ul.nav-button {
148
- float: right;
149
- display: inline;
150
- width: auto;
151
- background-color: transparent;
152
-
153
- li {
154
- display: inline;
155
-
156
- &:before {
157
- content: "•";
158
- color: $navigation-color;
159
- margin-right: .3em;
235
+ button[type=submit] {
236
+ @include button(simple, lighten($navigation-search-background, 10));
237
+ @include position(absolute, 0.3em 0.3em 0.3em 0);
238
+ outline: none;
239
+ padding: 5px 15px;
240
+
241
+ img {
242
+ height: 12px;
243
+ opacity: .7;
160
244
  }
161
245
  }
246
+ }
247
+
248
+ @include media($horizontal-bar-mode) {
249
+ width: 16em;
250
+ position: relative;
251
+ display: inline-block;
162
252
 
163
- li:first-child:before {
164
- content: '';
253
+ input {
254
+ @include box-sizing(border-box);
255
+ display: block;
165
256
  }
166
257
  }
167
258
  }