breezeblocks 0.0.2 → 0.0.4

Sign up to get free protection for your applications and to get access to all the features.
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"