breezeblocks 0.0.2 → 0.0.4
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/Gemfile +2 -0
- data/README.md +7 -1
- data/Rakefile +1 -1
- data/lib/breezeblocks/version.rb +1 -1
- data/source/_video.html.haml +1 -1
- data/source/index.html.haml +131 -127
- data/source/javascripts/maps_preview.js +52 -0
- data/source/layouts/layout.haml +3 -96
- data/source/stylesheets/{all.sass → all.css.sass} +4 -17
- data/source/stylesheets/breezeblocks-styles.css.sass +27 -0
- data/source/stylesheets/breezeblocks/_accordion-tabs-minimal.sass +1 -1
- data/source/stylesheets/breezeblocks/_accordion-tabs.sass +1 -1
- data/source/stylesheets/breezeblocks/_animate-info.sass +1 -1
- data/source/stylesheets/breezeblocks/_animate.sass +1 -1
- data/source/stylesheets/breezeblocks/_breadcrumbs.sass +1 -1
- data/source/stylesheets/breezeblocks/_button-group.sass +1 -1
- data/source/stylesheets/breezeblocks/_cards.sass +1 -1
- data/source/stylesheets/breezeblocks/_comment.sass +1 -1
- data/source/stylesheets/breezeblocks/_expander.sass +1 -1
- data/source/stylesheets/breezeblocks/_footer-2.sass +1 -1
- data/source/stylesheets/breezeblocks/_footer.sass +1 -1
- data/source/stylesheets/breezeblocks/_grid-items.sass +1 -1
- data/source/stylesheets/breezeblocks/_hero.sass +1 -1
- data/source/stylesheets/breezeblocks/_icon-bullet-points.sass +1 -1
- data/source/stylesheets/breezeblocks/_modal.sass +1 -1
- data/source/stylesheets/breezeblocks/_navigation.sass +1 -1
- data/source/stylesheets/breezeblocks/_pagination.sass +1 -1
- data/source/stylesheets/breezeblocks/_progress-bar-indication.sass +1 -1
- data/source/stylesheets/breezeblocks/_progress-bar.sass +1 -1
- data/source/stylesheets/breezeblocks/_ribbon.sass +1 -1
- data/source/stylesheets/breezeblocks/_scroll-on-page.sass +1 -1
- data/source/stylesheets/breezeblocks/_search-bar.sass +1 -1
- data/source/stylesheets/breezeblocks/_search-tools.sass +1 -1
- data/source/stylesheets/breezeblocks/_side-image.sass +1 -1
- data/source/stylesheets/breezeblocks/_sliding-menu.sass +2 -2
- data/source/stylesheets/breezeblocks/_stats.sass +1 -1
- data/source/stylesheets/breezeblocks/_switch.sass +1 -1
- data/source/stylesheets/breezeblocks/_tables-minimal.sass +1 -1
- data/source/stylesheets/breezeblocks/_tables.sass +1 -1
- data/source/stylesheets/breezeblocks/_vertical-tabs.sass +1 -1
- metadata +5 -9
- data/source/_maps.html.haml +0 -70
- data/source/components.html.haml +0 -162
- data/source/refills-hero.html.haml +0 -15
- data/source/refills-menu.html.haml +0 -4
- data/source/refills-page-scripts.html.haml +0 -65
- data/source/type-systems.html.haml +0 -54
data/source/components.html.haml
DELETED
@@ -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,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"
|