refills 0.1.0 → 0.2.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (188) hide show
  1. checksums.yaml +4 -4
  2. data/.hound.yml +3 -2
  3. data/.ruby-version +1 -1
  4. data/.scss-lint.yml +97 -24
  5. data/CONTRIBUTING.md +4 -3
  6. data/Gemfile +13 -10
  7. data/README.md +31 -15
  8. data/circle.yml +7 -0
  9. data/config.rb +4 -13
  10. data/{lib → helpers}/snippet_helpers.rb +14 -6
  11. data/lib/refills/version.rb +1 -1
  12. data/refills.gemspec +2 -2
  13. data/sache.json +1 -1
  14. data/source/_badges.html.erb +1 -1
  15. data/source/_cards.html.erb +1 -1
  16. data/source/_centered_navigation.html.erb +5 -5
  17. data/source/_comment.html.erb +2 -2
  18. data/source/_device.html.erb +0 -1
  19. data/source/_expander.html.erb +2 -2
  20. data/source/_flex_boxes.html.erb +6 -6
  21. data/source/_footer.html.erb +1 -1
  22. data/source/_footer_2.html.erb +1 -1
  23. data/source/_grid_items.html.erb +7 -7
  24. data/source/_grid_items_lines.html.erb +8 -8
  25. data/source/_hero.html.erb +4 -9
  26. data/source/_icon_bullet_points.html.erb +6 -7
  27. data/source/_logo_section.html.erb +8 -0
  28. data/source/_modal.html.erb +2 -2
  29. data/source/_navigation.html.erb +2 -3
  30. data/source/_search_bar.html.erb +1 -1
  31. data/source/_search_tools.html.erb +54 -52
  32. data/source/_side_image.html.erb +0 -1
  33. data/source/_sliding_panel.html.erb +13 -0
  34. data/source/_type_system_geometric.html.erb +4 -3
  35. data/source/_type_system_rounded.html.erb +3 -3
  36. data/source/_type_system_sans.html.erb +3 -3
  37. data/source/_type_system_serif.html.erb +4 -4
  38. data/source/_type_system_slab.html.erb +3 -3
  39. data/source/_type_system_traditional.html.erb +3 -3
  40. data/source/components.html.erb +9 -5
  41. data/source/images/background-image.png +0 -0
  42. data/source/images/cosmin_capitanu_screen.jpg +0 -0
  43. data/source/images/new.svg +22 -0
  44. data/source/images/placeholder_square.png +0 -0
  45. data/source/images/placeholder_wide.png +0 -0
  46. data/source/images/placeholder_wider.png +0 -0
  47. data/source/index.html.erb +10 -3
  48. data/source/javascripts/jquery.erToc.js +1 -6
  49. data/source/javascripts/refills/accordion_base.js +5 -0
  50. data/source/javascripts/refills/accordion_tabs.js +1 -2
  51. data/source/javascripts/refills/accordion_tabs_minimal.js +1 -2
  52. data/source/javascripts/refills/base-accordion.js +5 -0
  53. data/source/javascripts/refills/centered_navigation.js +27 -9
  54. data/source/javascripts/refills/coffeescript/accordion.coffee +3 -4
  55. data/source/javascripts/refills/coffeescript/accordion_base.coffee +6 -0
  56. data/source/javascripts/refills/coffeescript/accordion_tabs.coffee +9 -12
  57. data/source/javascripts/refills/coffeescript/accordion_tabs_minimal.coffee +9 -12
  58. data/source/javascripts/refills/coffeescript/animate.coffee +4 -7
  59. data/source/javascripts/refills/coffeescript/base-accordion.coffee +5 -0
  60. data/source/javascripts/refills/coffeescript/centered_navigation.coffee +6 -8
  61. data/source/javascripts/refills/coffeescript/dropdown.coffee +6 -10
  62. data/source/javascripts/refills/coffeescript/expander.coffee +4 -6
  63. data/source/javascripts/refills/coffeescript/fade_in.coffee +6 -8
  64. data/source/javascripts/refills/coffeescript/modal.coffee +7 -11
  65. data/source/javascripts/refills/coffeescript/navigation.coffee +6 -8
  66. data/source/javascripts/refills/coffeescript/parallax.coffee +9 -8
  67. data/source/javascripts/refills/coffeescript/scroll_on_page.coffee +6 -11
  68. data/source/javascripts/refills/coffeescript/search_tools.coffee +0 -85
  69. data/source/javascripts/refills/coffeescript/sliding_panel.coffee +6 -0
  70. data/source/javascripts/refills/coffeescript/vertical_tabs.coffee +21 -21
  71. data/source/javascripts/refills/dropdown.js +8 -8
  72. data/source/javascripts/refills/expander.js +1 -4
  73. data/source/javascripts/refills/modal.js +1 -1
  74. data/source/javascripts/refills/navigation.js +26 -7
  75. data/source/javascripts/refills/navigation_centered.js +13 -0
  76. data/source/javascripts/refills/scroll_on_page.js +8 -5
  77. data/source/javascripts/refills/search_tools.js +2 -2
  78. data/source/javascripts/refills/sliding_panel.js +6 -0
  79. data/source/javascripts/refills/unstyled/accordion.js +5 -0
  80. data/source/javascripts/refills/unstyled/accordion_tabs.js +18 -0
  81. data/source/javascripts/refills/unstyled/dropdown.js +12 -0
  82. data/source/javascripts/refills/unstyled/expander.js +8 -0
  83. data/source/javascripts/refills/unstyled/modal.js +17 -0
  84. data/source/javascripts/refills/unstyled/navigation.js +13 -0
  85. data/source/javascripts/refills/unstyled/navigation_centered.js +13 -0
  86. data/source/javascripts/refills/unstyled/scroll_on_page.js +29 -0
  87. data/source/javascripts/refills/unstyled/sliding_panel.js +6 -0
  88. data/source/javascripts/refills/unstyled/vertical_tabs.js +32 -0
  89. data/source/layouts/layout.erb +3 -3
  90. data/source/refills-hero.html.erb +6 -3
  91. data/source/stylesheets/_bourbon-nav.scss +14 -7
  92. data/source/stylesheets/_refill.scss +215 -0
  93. data/source/stylesheets/_refills-footer.scss +62 -0
  94. data/source/stylesheets/_refills-header.scss +113 -0
  95. data/source/stylesheets/_refills-menu.scss +91 -0
  96. data/source/stylesheets/_refills-nav.scss +13 -13
  97. data/source/stylesheets/_refills-styles.scss +8 -644
  98. data/source/stylesheets/_refills-variables.scss +20 -0
  99. data/source/stylesheets/all.css.scss +78 -0
  100. data/source/stylesheets/refills/_accordion-tabs-minimal.scss +9 -14
  101. data/source/stylesheets/refills/_accordion-tabs.scss +11 -16
  102. data/source/stylesheets/refills/_accordion.scss +13 -29
  103. data/source/stylesheets/refills/_animate.scss +9 -10
  104. data/source/stylesheets/refills/_badges.scss +18 -35
  105. data/source/stylesheets/refills/_breadcrumbs.scss +15 -19
  106. data/source/stylesheets/refills/_button-group.scss +6 -12
  107. data/source/stylesheets/refills/_cards.scss +22 -31
  108. data/source/stylesheets/refills/_centered-navigation.scss +16 -13
  109. data/source/stylesheets/refills/_comment.scss +3 -6
  110. data/source/stylesheets/refills/_device.scss +29 -40
  111. data/source/stylesheets/refills/_dropdown.scss +17 -27
  112. data/source/stylesheets/refills/_expander.scss +14 -21
  113. data/source/stylesheets/refills/_fade-in.scss +7 -11
  114. data/source/stylesheets/refills/_flashes.scss +21 -33
  115. data/source/stylesheets/refills/_flex-boxes.scss +18 -26
  116. data/source/stylesheets/refills/_footer-2.scss +19 -33
  117. data/source/stylesheets/refills/_footer.scss +15 -38
  118. data/source/stylesheets/refills/_grid-items-lines.scss +12 -21
  119. data/source/stylesheets/refills/_grid-items.scss +31 -40
  120. data/source/stylesheets/refills/_hero.scss +22 -55
  121. data/source/stylesheets/refills/_hover-tile-animation.scss +8 -17
  122. data/source/stylesheets/refills/_icon-bullet-points.scss +26 -35
  123. data/source/stylesheets/refills/_image-gradient-dynamic.scss +31 -20
  124. data/source/stylesheets/refills/_logo-section.scss +25 -0
  125. data/source/stylesheets/refills/_maps.scss +2 -2
  126. data/source/stylesheets/refills/_modal.scss +32 -45
  127. data/source/stylesheets/refills/_navigation.scss +33 -39
  128. data/source/stylesheets/refills/_pagination.scss +10 -23
  129. data/source/stylesheets/refills/_progress-bar-indication.scss +8 -15
  130. data/source/stylesheets/refills/_progress-bar.scss +24 -26
  131. data/source/stylesheets/refills/_ribbon.scss +4 -5
  132. data/source/stylesheets/refills/_scroll-on-page.scss +12 -15
  133. data/source/stylesheets/refills/_search-bar.scss +6 -13
  134. data/source/stylesheets/refills/_search-tools.scss +41 -42
  135. data/source/stylesheets/refills/_side-image.scss +8 -20
  136. data/source/stylesheets/refills/_sliding-panel.scss +79 -0
  137. data/source/stylesheets/refills/_stats.scss +2 -3
  138. data/source/stylesheets/refills/_switch.scss +13 -16
  139. data/source/stylesheets/refills/_tables-minimal.scss +12 -24
  140. data/source/stylesheets/refills/_tables.scss +11 -20
  141. data/source/stylesheets/refills/_texture-legend.scss +17 -13
  142. data/source/stylesheets/refills/_textures.scss +13 -9
  143. data/source/stylesheets/refills/_tooltip.scss +9 -16
  144. data/source/stylesheets/refills/_type-system-geometric.scss +14 -17
  145. data/source/stylesheets/refills/_type-system-rounded.scss +19 -19
  146. data/source/stylesheets/refills/_type-system-sans.scss +26 -26
  147. data/source/stylesheets/refills/_type-system-serif.scss +17 -20
  148. data/source/stylesheets/refills/_type-system-slab.scss +14 -17
  149. data/source/stylesheets/refills/_type-system-traditional.scss +18 -21
  150. data/source/stylesheets/refills/_vertical-tabs.scss +26 -30
  151. data/source/stylesheets/refills/_video.scss +1 -1
  152. data/source/stylesheets/refills/unstyled/_accordion-tabs.scss +36 -0
  153. data/source/stylesheets/refills/unstyled/_accordion.scss +17 -0
  154. data/source/stylesheets/refills/unstyled/_button-group.scss +30 -0
  155. data/source/stylesheets/refills/unstyled/_cards.scss +20 -0
  156. data/source/stylesheets/refills/unstyled/_comment.scss +28 -0
  157. data/source/stylesheets/refills/unstyled/_dropdown.scss +42 -0
  158. data/source/stylesheets/refills/unstyled/_expander.scss +20 -0
  159. data/source/stylesheets/refills/unstyled/_footer.scss +64 -0
  160. data/source/stylesheets/refills/unstyled/_hover-menu.scss +60 -0
  161. data/source/stylesheets/refills/unstyled/_modal.scss +71 -0
  162. data/source/stylesheets/refills/unstyled/_navigation-centered.scss +92 -0
  163. data/source/stylesheets/refills/unstyled/_navigation.scss +82 -0
  164. data/source/stylesheets/refills/unstyled/_scroll-on-page.scss +22 -0
  165. data/source/stylesheets/refills/unstyled/_search-bar.scss +26 -0
  166. data/source/stylesheets/refills/unstyled/_sliding-panel.scss +36 -0
  167. data/source/stylesheets/refills/unstyled/_switch.scss +50 -0
  168. data/source/stylesheets/refills/unstyled/_tooltip.scss +36 -0
  169. data/source/stylesheets/refills/unstyled/_vertical-tabs.scss +53 -0
  170. data/source/stylesheets/vendor/prism.css +4 -4
  171. data/source/svgs/_menu_icon.html.erb +6 -0
  172. data/source/svgs/_refills_logo.html.erb +8 -0
  173. data/source/type-systems.html.erb +5 -1
  174. data/spec/refills/import_generator_spec.rb +1 -1
  175. metadata +59 -19
  176. data/.travis.yml +0 -8
  177. data/source/_sliding_menu.html.erb +0 -13
  178. data/source/images/placeholder_logo_1.png +0 -0
  179. data/source/images/placeholder_logo_1_dark.png +0 -0
  180. data/source/images/placeholder_logo_2.png +0 -0
  181. data/source/images/placeholder_logo_2_dark.png +0 -0
  182. data/source/images/placeholder_logo_3.png +0 -0
  183. data/source/images/placeholder_logo_3_dark.png +0 -0
  184. data/source/images/placeholder_logo_4.png +0 -0
  185. data/source/images/placeholder_logo_4_dark.png +0 -0
  186. data/source/javascripts/refills/sliding_menu.js +0 -6
  187. data/source/stylesheets/all.scss +0 -66
  188. data/source/stylesheets/refills/_sliding-menu.scss +0 -86
data/source/stylesheets/refills/_sliding-menu.scss DELETED
@@ -1,86 +0,0 @@
1
- .sliding-menu-content {
2
- ///////////////////////////////////////////////////////////////////////////////////
3
- $base-accent-color: #477DCA !default;
4
- $dark-gray: #333 !default;
5
-
6
- ul {
7
- padding: 0;
8
- margin: 0;
9
- }
10
-
11
- li {
12
- list-style: none;
13
- }
14
-
15
- a {
16
- text-decoration: none;
17
- }
18
- //////////////////////////////////////////////////////////////////////////////////
19
-
20
- $sliding-menu-border-color: $dark-gray;
21
- $sliding-menu-background: lighten($sliding-menu-border-color, 5%);
22
- $sliding-menu-color: #fff;
23
- $sliding-menu-border: 1px solid $sliding-menu-border-color;
24
- $sliding-menu-background-hover: $base-accent-color;
25
- $sliding-menu-color-hover: #fff;
26
- $sliding-menu-background-focus: lighten($sliding-menu-background, 5%);
27
-
28
- @include position(fixed, 0px auto 0px 0px);
29
- @include size(220px 100%);
30
- @include transform(translateX(-220px));
31
- @include transition(all 0.25s linear);
32
- background: $sliding-menu-background;
33
- z-index: 999999;
34
- overflow-y: auto;
35
- -webkit-overflow-scrolling: touch;
36
-
37
- li a {
38
- border-bottom: $sliding-menu-border;
39
- color: $sliding-menu-color;
40
- display: block;
41
- font-weight: bold;
42
- padding: 1em;
43
-
44
- &:focus {
45
- background-color: $sliding-menu-background-focus;
46
- }
47
-
48
- &:hover {
49
- background-color: $sliding-menu-background-hover;
50
- color: $sliding-menu-color-hover;
51
- }
52
- }
53
-
54
- &.is-visible {
55
- @include transform(translateX(0));
56
- }
57
- }
58
-
59
- .sliding-menu-fade-screen {
60
- @include position(fixed, 0px 0px 0px 0px);
61
- @include transition;
62
- background: black;
63
- opacity: 0;
64
- visibility: hidden;
65
- z-index: 999998;
66
-
67
- &.is-visible {
68
- opacity: 0.4;
69
- visibility: visible;
70
- }
71
- }
72
-
73
- .sliding-menu-button {
74
- @include button(flat, #477DCA);
75
- padding: 10px 16px;
76
- display: inline-block;
77
- cursor: pointer;
78
- position: relative;
79
- outline: none;
80
-
81
- img {
82
- height: 1.3em;
83
- }
84
- }
85
-
86
- // Based on code by Diego Eis