breezeblocks 0.0.2 → 0.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. checksums.yaml +4 -4
  2. data/Gemfile +2 -0
  3. data/README.md +7 -1
  4. data/Rakefile +1 -1
  5. data/lib/breezeblocks/version.rb +1 -1
  6. data/source/_video.html.haml +1 -1
  7. data/source/index.html.haml +131 -127
  8. data/source/javascripts/maps_preview.js +52 -0
  9. data/source/layouts/layout.haml +3 -96
  10. data/source/stylesheets/{all.sass → all.css.sass} +4 -17
  11. data/source/stylesheets/breezeblocks-styles.css.sass +27 -0
  12. data/source/stylesheets/breezeblocks/_accordion-tabs-minimal.sass +1 -1
  13. data/source/stylesheets/breezeblocks/_accordion-tabs.sass +1 -1
  14. data/source/stylesheets/breezeblocks/_animate-info.sass +1 -1
  15. data/source/stylesheets/breezeblocks/_animate.sass +1 -1
  16. data/source/stylesheets/breezeblocks/_breadcrumbs.sass +1 -1
  17. data/source/stylesheets/breezeblocks/_button-group.sass +1 -1
  18. data/source/stylesheets/breezeblocks/_cards.sass +1 -1
  19. data/source/stylesheets/breezeblocks/_comment.sass +1 -1
  20. data/source/stylesheets/breezeblocks/_expander.sass +1 -1
  21. data/source/stylesheets/breezeblocks/_footer-2.sass +1 -1
  22. data/source/stylesheets/breezeblocks/_footer.sass +1 -1
  23. data/source/stylesheets/breezeblocks/_grid-items.sass +1 -1
  24. data/source/stylesheets/breezeblocks/_hero.sass +1 -1
  25. data/source/stylesheets/breezeblocks/_icon-bullet-points.sass +1 -1
  26. data/source/stylesheets/breezeblocks/_modal.sass +1 -1
  27. data/source/stylesheets/breezeblocks/_navigation.sass +1 -1
  28. data/source/stylesheets/breezeblocks/_pagination.sass +1 -1
  29. data/source/stylesheets/breezeblocks/_progress-bar-indication.sass +1 -1
  30. data/source/stylesheets/breezeblocks/_progress-bar.sass +1 -1
  31. data/source/stylesheets/breezeblocks/_ribbon.sass +1 -1
  32. data/source/stylesheets/breezeblocks/_scroll-on-page.sass +1 -1
  33. data/source/stylesheets/breezeblocks/_search-bar.sass +1 -1
  34. data/source/stylesheets/breezeblocks/_search-tools.sass +1 -1
  35. data/source/stylesheets/breezeblocks/_side-image.sass +1 -1
  36. data/source/stylesheets/breezeblocks/_sliding-menu.sass +2 -2
  37. data/source/stylesheets/breezeblocks/_stats.sass +1 -1
  38. data/source/stylesheets/breezeblocks/_switch.sass +1 -1
  39. data/source/stylesheets/breezeblocks/_tables-minimal.sass +1 -1
  40. data/source/stylesheets/breezeblocks/_tables.sass +1 -1
  41. data/source/stylesheets/breezeblocks/_vertical-tabs.sass +1 -1
  42. metadata +5 -9
  43. data/source/_maps.html.haml +0 -70
  44. data/source/components.html.haml +0 -162
  45. data/source/refills-hero.html.haml +0 -15
  46. data/source/refills-menu.html.haml +0 -4
  47. data/source/refills-page-scripts.html.haml +0 -65
  48. data/source/type-systems.html.haml +0 -54
@@ -1,162 +0,0 @@
1
- \---
2
- title: Components
3
- \---
4
- .breezeblocks-components
5
- %a.js-menu-trigger-breezeblocks.breezeblocks-menu-anchor.fixedsticky
6
- %img{alt: "Menu icon", src: "/images/menu.png"}/
7
- .js-menu-screen-breezeblocks.breezeblocks-menu-screen
8
- = partial "breezeblocks-hero"
9
- = partial "breezeblocks-menu"
10
- #example
11
- %section#accordion.refill
12
- .breezeblocks-wrapper
13
- .line-behind-text
14
- %h6 Accordion
15
- .refill-centering= partial "accordion"
16
- .refill-snippet= code_for("accordion")
17
- %section#animate.refill
18
- .breezeblocks-wrapper
19
- .line-behind-text
20
- %h6 Animate
21
- .refill-centering
22
- = partial "animate"
23
- = partial "animate_info"
24
- .refill-snippet= code_for("animate")
25
- %section#badges.refill
26
- .breezeblocks-wrapper
27
- .line-behind-text
28
- %h6 Badges
29
- .refill-centering= partial "badges"
30
- .refill-snippet= code_for("badges")
31
- %section#breadcrumbs.refill
32
- .breezeblocks-wrapper
33
- .line-behind-text
34
- %h6 Breadcrumbs
35
- .refill-centering= partial "breadcrumbs"
36
- .refill-snippet= code_for("breadcrumbs")
37
- %section#button-group.refill
38
- .breezeblocks-wrapper
39
- .line-behind-text
40
- %h6 Button Group
41
- .refill-centering= partial "button_group"
42
- .refill-snippet= code_for("button_group")
43
- %section#dropdown.refill
44
- .breezeblocks-wrapper
45
- .line-behind-text
46
- %h6 Dropdown
47
- .refill-centering
48
- = partial "dropdown"
49
- .refill-snippet= code_for("dropdown")
50
- %section#expander.refill
51
- .breezeblocks-wrapper
52
- .line-behind-text
53
- %h6 Expander
54
- .refill-centering
55
- = partial "expander"
56
- .refill-snippet= code_for("expander")
57
- %section#fade-in.refill
58
- .breezeblocks-wrapper
59
- .line-behind-text
60
- %h6 Fade In
61
- .refill-centering
62
- .refill-smaller= partial "fade_in"
63
- .refill-snippet= code_for("fade_in")
64
- %section#flashes.refill
65
- .breezeblocks-wrapper
66
- .line-behind-text
67
- %h6 Flashes
68
- .refill-centering= partial "flashes"
69
- .refill-snippet= code_for("flashes")
70
- %section#hover-tile-animation.refill
71
- .breezeblocks-wrapper
72
- .line-behind-text
73
- %h6 Hover Tile Animation
74
- .refill-centering= partial "hover_tile_animation"
75
- .refill-snippet= code_for("hover_tile_animation")
76
- %section#image-gradient.refill
77
- .breezeblocks-wrapper
78
- .line-behind-text
79
- %h6 Image with gradient overlays
80
- .refill-centering= partial "image_gradient_dynamic"
81
- .refill-snippet= code_for("image_gradient_dynamic")
82
- %section#modal.refill
83
- .breezeblocks-wrapper
84
- .line-behind-text
85
- %h6 Modal
86
- .refill-centering= partial "modal"
87
- .refill-snippet= code_for("modal")
88
- %section#pagination.refill
89
- .breezeblocks-wrapper
90
- .line-behind-text
91
- %h6 Pagination
92
- = partial "pagination"
93
- .refill-snippet= code_for("pagination")
94
- %section#parallax.refill
95
- .breezeblocks-wrapper
96
- .line-behind-text
97
- %h6 Parallax
98
- = partial "parallax"
99
- .refill-snippet= code_for("parallax")
100
- %section#progress-bar.refill
101
- .breezeblocks-wrapper
102
- .line-behind-text
103
- %h6 Progress Bars
104
- .refill-centering
105
- .refill-smaller= partial "progress_bar"
106
- .refill-snippet= code_for("progress_bar")
107
- .breezeblocks-wrapper
108
- .refill-centering
109
- .refill-smaller= partial "progress_bar_indication"
110
- .refill-snippet= code_for("progress_bar_indication")
111
- %section#ribbon.refill
112
- .breezeblocks-wrapper
113
- .line-behind-text
114
- %h6 Ribbon
115
- .refill-centering
116
- = partial "ribbon"
117
- .refill-snippet= code_for("ribbon")
118
- %section#video.refill
119
- .breezeblocks-wrapper
120
- .line-behind-text
121
- %h6 Responsive Video Embed
122
- = partial "video"
123
- .refill-snippet= code_for("video")
124
- %section#search-bar.refill
125
- .breezeblocks-wrapper
126
- .line-behind-text
127
- %h6 Search bar
128
- .refill-centering
129
- .refill-smaller= partial "search_bar"
130
- .refill-snippet= code_for("search_bar")
131
- %section#sliding-menu.refill
132
- .breezeblocks-wrapper
133
- .line-behind-text
134
- %h6 Sliding Menu
135
- .refill-centering= partial "sliding_menu"
136
- .refill-snippet= code_for("sliding_menu")
137
- %section#switch.refill
138
- .breezeblocks-wrapper
139
- .line-behind-text
140
- %h6 Switch
141
- .refill-centering= partial "switch"
142
- .refill-snippet= code_for("switch")
143
- %section#stats.refill
144
- .breezeblocks-wrapper
145
- .line-behind-text
146
- %h6 Stats
147
- .refill-centering= partial "stats"
148
- .refill-snippet= code_for("stats")
149
- %section#textures.refill
150
- .breezeblocks-wrapper
151
- .line-behind-text
152
- %h6 Textures
153
- = partial "texture-legend"
154
- = partial "textures"
155
- .refill-snippet= code_for("textures")
156
- %section#tooltip.refill
157
- .breezeblocks-wrapper
158
- .line-behind-text
159
- %h6 Tooltip
160
- .refill-centering= partial "tooltip"
161
- .refill-snippet= code_for("tooltip")
162
- = partial "breezeblocks-page-scripts"
@@ -1,15 +0,0 @@
1
- .breezeblocks-header
2
- .breezeblocks-logo
3
- %img{alt: "Breezeblocks logo", src: "/images/breezeblocks-logo.svg"}/
4
- %h2
5
- %span Breezeblocks
6
- are prepackaged patterns and components, built on top of
7
- %a{href: "http://www.bourbon.io"} Bourbon
8
- and
9
- = succeed "." do
10
- %a{href: "http://neat.bourbon.io/"} Neat
11
- %p
12
- Managed by
13
- = succeed "," do
14
- %a{href: "http://www.thoughtbot.com"} thoughtbot
15
- %a{href: "https://github.com/thoughtbot/breezeblocks"} GitHub
@@ -1,4 +0,0 @@
1
- %ul.breezeblocks-menu
2
- %li.menu-item.patterns= link_to 'Patterns', '/index.html'
3
- %li.menu-item.components= link_to 'Components', '/components.html'
4
- %li.menu-item.type-systems= link_to 'Type Systems', '/type-systems.html'
@@ -1,65 +0,0 @@
1
- / Type System tabs
2
- :javascript
3
- var $tabs, $toggles, ACTIVE_CLASS;
4
-
5
- ACTIVE_CLASS = 'js-is-active';
6
-
7
- $tabs = $("[data-role='tab']");
8
-
9
- $toggles = $tabs.find("[data-role='link']");
10
-
11
- $toggles.on('click', function(event) {
12
- var $tab, $toggle;
13
- event.preventDefault();
14
- $toggle = $(this);
15
- $tab = $toggle.closest($tabs);
16
- if (!$tab.hasClass(ACTIVE_CLASS)) {
17
- $tabs.removeClass(ACTIVE_CLASS);
18
- return $tab.addClass(ACTIVE_CLASS);
19
- }
20
- });
21
- / Show Code
22
- :javascript
23
- $('a.js-show-code').on('click', function(e){
24
- $(this).hide();
25
- $(this).siblings('.js-hide-code').css('display', 'inline-block');
26
- $(this).parent().siblings('.snippets-table').show();
27
- e.preventDefault();
28
- })
29
-
30
- $('a.js-hide-code').on('click', function(e) {
31
- $(this).hide();
32
- $(this).siblings('.js-show-code').css("display", "inline-block");
33
- $(this).parent().siblings('.snippets-table').hide();
34
- e.preventDefault();
35
- });
36
- / Copy Code
37
- :javascript
38
- $(document).ready( function() {
39
- client = new ZeroClipboard($('.copy-source'), {moviePath: '/images/ZeroClipboard.swf'})
40
- client.on('dataRequested', function(client, args) {
41
- if ($(this).hasClass("copy-coffee")) {
42
- var cell = $(this).parents("tr").find("td.snippet").last();
43
- } else {
44
- var cell = $(this).parents("td.snippet");
45
- }
46
-
47
- var code = cell.children("pre").text();
48
- client.setText(code);
49
- });
50
- });
51
- :javascript
52
- $(document).ready(function(){
53
-
54
- $('.js-menu-trigger-breezeblocks').on('click touchstart', function(e){
55
- $('.er_toc').toggleClass('is-visible');
56
- $('.js-menu-screen-breezeblocks').toggleClass('is-visible');
57
- e.preventDefault();
58
- });
59
-
60
- $('.js-menu-screen-breezeblocks').on('click touchstart', function(e){
61
- $('.er_toc').toggleClass('is-visible');
62
- $('.js-menu-screen-breezeblocks').toggleClass('is-visible');
63
- e.preventDefault();
64
- });
65
- });
@@ -1,54 +0,0 @@
1
- \---
2
- title: Type Systems
3
- \---
4
- .breezeblocks-type-systems
5
- %a.js-menu-trigger-breezeblocks.breezeblocks-menu-anchor.fixedsticky
6
- %img{alt: "Menu icon", src: "/images/menu.png"}/
7
- .js-menu-screen-breezeblocks.breezeblocks-menu-screen
8
- = partial "breezeblocks-hero"
9
- = partial "breezeblocks-menu"
10
- #example
11
- #type-systems
12
- %section.refill
13
- .breezeblocks-wrapper
14
- .line-behind-text
15
- %h6 Geometric
16
- .refill-smaller
17
- .refill-centering= partial "type_system_geometric"
18
- .refill-snippet= code_for("type_system_geometric")
19
- %section.refill
20
- .breezeblocks-wrapper
21
- .line-behind-text
22
- %h6 Rounded Sans Serif
23
- .refill-smaller
24
- .refill-centering= partial "type_system_rounded"
25
- .refill-snippet= code_for("type_system_rounded")
26
- %section.refill
27
- .breezeblocks-wrapper
28
- .line-behind-text
29
- %h6 Sans Serif
30
- .refill-smaller
31
- .refill-centering= partial "type_system_sans"
32
- .refill-snippet= code_for("type_system_sans")
33
- %section.refill
34
- .breezeblocks-wrapper
35
- .line-behind-text
36
- %h6 Serif
37
- .refill-smaller
38
- .refill-centering= partial "type_system_serif"
39
- .refill-snippet= code_for("type_system_serif")
40
- %section.refill
41
- .breezeblocks-wrapper
42
- .line-behind-text
43
- %h6 Slab Serif
44
- .refill-smaller
45
- .refill-centering= partial "type_system_slab"
46
- .refill-snippet= code_for("type_system_slab")
47
- %section.refill
48
- .breezeblocks-wrapper
49
- .line-behind-text
50
- %h6 Traditional
51
- .refill-smaller
52
- .refill-centering= partial "type_system_traditional"
53
- .refill-snippet= code_for("type_system_traditional")
54
- = partial "breezeblocks-page-scripts"