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
@@ -2,27 +2,23 @@
2
2
  @import vendor/fixedsticky.css
3
3
  @import vendor/prism.css
4
4
 
5
- @import bourbon
6
- @import neat
5
+ // http://stackoverflow.com/questions/13881362/undefined-mixin-with-bourbon-and-neat-gems
6
+ // @import bourbon
7
+ // @import neat
7
8
 
8
9
  @import breezeblocks-styles
9
- @import bourbon-nav
10
- @import breezeblocks-nav
11
10
 
12
11
  @import breezeblocks/accordion-tabs
13
12
  @import breezeblocks/accordion-tabs-minimal
14
13
  @import breezeblocks/cards
15
14
  @import breezeblocks/centered-navigation
16
15
  @import breezeblocks/comment
17
- @import breezeblocks/device
18
- @import breezeblocks/flex-boxes
19
16
  @import breezeblocks/footer
20
17
  @import breezeblocks/footer-2
21
18
  @import breezeblocks/grid-items
22
19
  @import breezeblocks/grid-items-lines
23
20
  @import breezeblocks/hero
24
21
  @import breezeblocks/icon-bullet-points
25
- @import breezeblocks/maps
26
22
  @import breezeblocks/navigation
27
23
  @import breezeblocks/scroll-on-page
28
24
  @import breezeblocks/search-tools
@@ -53,14 +49,5 @@
53
49
  @import breezeblocks/sliding-menu
54
50
  @import breezeblocks/switch
55
51
  @import breezeblocks/stats
56
- // @import breezeblocks/texture-legend
57
- // @import breezeblocks/textures
58
52
  @import breezeblocks/tooltip
59
- @import breezeblocks/video
60
-
61
- @import breezeblocks/type-system-geometric
62
- @import breezeblocks/type-system-rounded
63
- @import breezeblocks/type-system-sans
64
- @import breezeblocks/type-system-serif
65
- @import breezeblocks/type-system-slab
66
- @import breezeblocks/type-system-traditional
53
+ @import breezeblocks/video
@@ -0,0 +1,27 @@
1
+ // http://stackoverflow.com/questions/13881362/undefined-mixin-with-bourbon-and-neat-gems
2
+ @import bourbon
3
+ @import neat
4
+
5
+ body
6
+ -webkit-font-smoothing: antialiased
7
+
8
+ // Colors
9
+ $blue: #0277BD
10
+
11
+ $breezeblocks-color: $blue
12
+
13
+ .container
14
+ +outer-container
15
+
16
+ .breezeblocks
17
+
18
+ .intro
19
+ text-align: center
20
+ h1
21
+ font-size: 3em
22
+
23
+ section
24
+ padding: 3em 0
25
+ > h2
26
+ text-align: center
27
+ margin-bottom: 2em
@@ -3,7 +3,7 @@
3
3
  $base-border-color: gainsboro !default
4
4
  $base-background-color: white !default
5
5
  $base-spacing: 1.5em !default
6
- $base-accent-color: #477DCA !default
6
+ $base-accent-color: #0277BD !default
7
7
  $base-link-color: $base-accent-color !default
8
8
  $dark-gray: #333 !default
9
9
  $medium-screen: em(640) !default
@@ -4,7 +4,7 @@
4
4
  $base-border-radius: 3px !default
5
5
  $base-background-color: white !default
6
6
  $base-spacing: 1.5em !default
7
- $base-accent-color: #477DCA !default
7
+ $base-accent-color: #0277BD !default
8
8
  $base-link-color: $base-accent-color !default
9
9
  $dark-gray: #333 !default
10
10
  $light-gray: #DDD !default
@@ -6,5 +6,5 @@
6
6
  margin: 3em auto 0
7
7
  max-width: 23em
8
8
  a
9
- color: $breezeblocks-anchor-color
9
+ color: $breezeblocks-color
10
10
  text-decoration: none
@@ -1,4 +1,4 @@
1
- $base-accent-color: #477dca !default
1
+ $base-accent-color: #0277BD !default
2
2
 
3
3
  .animated
4
4
  +animation-duration(1s)
@@ -4,7 +4,7 @@
4
4
  $base-border-radius: 3px !default
5
5
  $base-background-color: white !default
6
6
  $base-spacing: 1.5em !default
7
- $base-accent-color: #477DCA !default
7
+ $base-accent-color: #0277BD !default
8
8
  $base-link-color: $base-accent-color !default
9
9
  $medium-gray: #999 !default
10
10
  $light-gray: #DDD !default
@@ -6,7 +6,7 @@
6
6
  $base-spacing: 1.5em !default
7
7
  $base-font-size: 1em !default
8
8
  $base-background-color: white !default
9
- $base-accent-color: #477DCA !default
9
+ $base-accent-color: #0277BD !default
10
10
  $base-link-color: $base-accent-color !default
11
11
  $dark-gray: #333 !default
12
12
  $large-screen: em(860) !default
@@ -8,7 +8,7 @@
8
8
  $base-border-color: gainsboro !default
9
9
  $base-background-color: white !default
10
10
  $base-spacing: 1.5em !default
11
- $base-accent-color: #477DCA !default
11
+ $base-accent-color: #0277BD !default
12
12
  $base-link-color: $base-accent-color !default
13
13
  $dark-gray: #333 !default
14
14
  $base-font-color: $dark-gray !default
@@ -2,7 +2,7 @@
2
2
  ///////////////////////////////////////////////////////////////////////////////////
3
3
  $base-border-radius: 3px !default
4
4
  $base-spacing: 1.5em !default
5
- $base-accent-color: #477DCA !default
5
+ $base-accent-color: #0277BD !default
6
6
  $dark-gray: #333 !default
7
7
  $base-font-color: $dark-gray !default
8
8
  //////////////////////////////////////////////////////////////////////////////////
@@ -3,7 +3,7 @@
3
3
  $base-font-size: 1em !default
4
4
  $base-line-height: 1.5em !default
5
5
  $base-spacing: 1.5em !default
6
- $base-accent-color: #477DCA !default
6
+ $base-accent-color: #0277BD !default
7
7
  $base-link-color: $base-accent-color !default
8
8
  $dark-gray: #333 !default
9
9
  $light-gray: #DDD !default
@@ -27,7 +27,7 @@
27
27
  .footer-2
28
28
  ///////////////////////////////////////////////////////////////////////////////////
29
29
  $base-spacing: 1.5em !default
30
- $base-accent-color: #477DCA !default
30
+ $base-accent-color: #0277BD !default
31
31
  $medium-screen: em(640) !default
32
32
  $large-screen: em(860) !default
33
33
  ul
@@ -1,7 +1,7 @@
1
1
  .footer
2
2
  ///////////////////////////////////////////////////////////////////////////////////
3
3
  $base-spacing: 1.5em !default
4
- $base-accent-color: #477DCA !default
4
+ $base-accent-color: #0277BD !default
5
5
  $medium-screen: em(640) !default
6
6
  $large-screen: em(860) !default
7
7
  ul
@@ -3,7 +3,7 @@
3
3
 
4
4
  .grid-items
5
5
  ///////////////////////////////////////////////////////////////////////////////////
6
- $base-accent-color: #477DCA !default
6
+ $base-accent-color: #0277BD !default
7
7
  $base-background-color: white !default
8
8
  $medium-screen: em(640) !default
9
9
  $large-screen: em(860) !default
@@ -1,7 +1,7 @@
1
1
  .hero
2
2
  ///////////////////////////////////////////////////////////////////////////////////
3
3
  $base-border-radius: 3px !default
4
- $base-accent-color: #477DCA !default
4
+ $base-accent-color: #0277BD !default
5
5
  $large-screen: em(860) !default
6
6
  //////////////////////////////////////////////////////////////////////////////////
7
7
  $hero-background-top: #7F99BE
@@ -1,7 +1,7 @@
1
1
  .bullets
2
2
  ///////////////////////////////////////////////////////////////////////////////////
3
3
  $base-line-height: 1.5em !default
4
- $base-accent-color: #477DCA !default
4
+ $base-accent-color: #0277BD !default
5
5
  $base-link-color: $base-accent-color !default
6
6
  $dark-gray: #333 !default
7
7
  $base-font-color: $dark-gray !default
@@ -5,7 +5,7 @@
5
5
  $base-background-color: white !default
6
6
  $base-font-size: 1em !default
7
7
  $base-line-height: 1.5em !default
8
- $base-accent-color: #477DCA !default
8
+ $base-accent-color: #0277BD !default
9
9
  $dark-gray: #333 !default
10
10
  $light-gray: #DDD !default
11
11
  $medium-screen: em(640) !default
@@ -2,7 +2,7 @@ header.navigation
2
2
  ///////////////////////////////////////////////////////////////////////////////////
3
3
  $base-border-color: gainsboro !default
4
4
  $base-border-radius: 3px !default
5
- $base-accent-color: #477DCA !default
5
+ $base-accent-color: #0277BD !default
6
6
  $dark-gray: #333 !default
7
7
  $large-screen: em(860) !default
8
8
  a
@@ -3,7 +3,7 @@
3
3
  $base-border-color: gainsboro !default
4
4
  $base-border-radius: 3px !default
5
5
  $base-spacing: 1.5em !default
6
- $base-accent-color: #477DCA !default
6
+ $base-accent-color: #0277BD !default
7
7
  $base-link-color: $base-accent-color !default
8
8
  $dark-gray: #333 !default
9
9
  $large-screen: em(860) !default
@@ -4,7 +4,7 @@
4
4
  $base-border-radius: 3px !default
5
5
  $base-background-color: white !default
6
6
  $base-line-height: 1.5em !default
7
- $base-accent-color: #477DCA !default
7
+ $base-accent-color: #0277BD !default
8
8
  p
9
9
  line-height: $base-line-height
10
10
  //////////////////////////////////////////////////////////////////////////////////
@@ -3,7 +3,7 @@
3
3
  $base-border-color: gainsboro !default
4
4
  $base-background-color: white !default
5
5
  $base-border-radius: 3px !default
6
- $base-accent-color: #477DCA !default
6
+ $base-accent-color: #0277BD !default
7
7
  $base-link-color: $base-accent-color !default
8
8
  //////////////////////////////////////////////////////////////////////////////////
9
9
  $progress-border-color: $base-border-color
@@ -4,7 +4,7 @@
4
4
  position: relative
5
5
 
6
6
  .ribbon-wrapper
7
- $base-accent-color: #477dca !default
7
+ $base-accent-color: #0277BD !default
8
8
  $ribbon-background: $base-accent-color
9
9
  $ribbon-size: 85px
10
10
  +size($ribbon-size)
@@ -2,7 +2,7 @@
2
2
  ///////////////////////////////////////////////////////////////////////////////////
3
3
  $base-line-height: 1.5em !default
4
4
  $base-spacing: 1.5em !default
5
- $base-accent-color: #477DCA !default
5
+ $base-accent-color: #0277BD !default
6
6
  $base-link-color: $base-accent-color !default
7
7
  $dark-gray: #333 !default
8
8
  $large-screen: em(860) !default
@@ -3,7 +3,7 @@ form.search-bar
3
3
  $base-border-color: gainsboro !default
4
4
  $base-border-radius: 3px !default
5
5
  $base-line-height: 1.5em !default
6
- $base-accent-color: #477DCA !default
6
+ $base-accent-color: #0277BD !default
7
7
  $dark-gray: #333 !default
8
8
  //////////////////////////////////////////////////////////////////////////////////
9
9
  $search-bar-border-color: $base-border-color
@@ -4,7 +4,7 @@
4
4
  $base-border-radius: 3px !default
5
5
  $base-line-height: 1.5em !default
6
6
  $base-spacing: 1.5em !default
7
- $base-accent-color: #477DCA !default
7
+ $base-accent-color: #0277BD !default
8
8
  $base-link-color: $base-accent-color !default
9
9
  $dark-gray: #333 !default
10
10
  $large-screen: em(860) !default
@@ -1,7 +1,7 @@
1
1
  .side-image
2
2
  ///////////////////////////////////////////////////////////////////////////////////
3
3
  $base-line-height: 1.5em !default
4
- $base-accent-color: #477DCA !default
4
+ $base-accent-color: #0277BD !default
5
5
  $base-link-color: $base-accent-color !default
6
6
  $dark-gray: #333 !default
7
7
  $large-screen: em(860) !default
@@ -1,6 +1,6 @@
1
1
  .sliding-menu-content
2
2
  ///////////////////////////////////////////////////////////////////////////////////
3
- $base-accent-color: #477DCA !default
3
+ $base-accent-color: #0277BD !default
4
4
  $dark-gray: #333 !default
5
5
  ul
6
6
  padding: 0
@@ -51,7 +51,7 @@
51
51
  visibility: visible
52
52
 
53
53
  .sliding-menu-button
54
- +button(flat, #477DCA)
54
+ +button(flat, #0277BD)
55
55
  padding: 10px 16px
56
56
  display: inline-block
57
57
  cursor: pointer
@@ -2,7 +2,7 @@
2
2
  $base-spacing: 1.5em !default
3
3
  $dark-gray: #333 !default
4
4
  $base-font-color: $dark-gray !default
5
- $base-accent-color: #477dca !default
5
+ $base-accent-color: #0277BD !default
6
6
  $stats-color: lighten($base-accent-color, 10%)
7
7
  padding: $base-spacing / 2
8
8
  ul
@@ -1,6 +1,6 @@
1
1
  .label-switch
2
2
  ///////////////////////////////////////////////////////////////////////////////////
3
- $base-accent-color: #477DCA !default
3
+ $base-accent-color: #0277BD !default
4
4
  $base-background-color: white !default
5
5
  //////////////////////////////////////////////////////////////////////////////////
6
6
  $switch-width: 52px
@@ -5,7 +5,7 @@
5
5
  $base-background-color: white !default
6
6
  $base-line-height: 1.5em !default
7
7
  $base-spacing: 1.5em !default
8
- $base-accent-color: #477DCA !default
8
+ $base-accent-color: #0277BD !default
9
9
  $base-link-color: $base-accent-color !default
10
10
  $dark-gray: #333 !default
11
11
  $light-gray: #DDD !default
@@ -4,7 +4,7 @@
4
4
  $base-border-radius: 3px !default
5
5
  $base-line-height: 1.5em !default
6
6
  $base-spacing: 1.5em !default
7
- $base-accent-color: #477DCA !default
7
+ $base-accent-color: #0277BD !default
8
8
  $base-link-color: $base-accent-color !default
9
9
  $dark-gray: #333 !default
10
10
  $light-gray: #DDD !default
@@ -5,7 +5,7 @@
5
5
  $base-background-color: white !default
6
6
  $base-line-height: 1.5em !default
7
7
  $base-spacing: 1.5em !default
8
- $base-accent-color: #477DCA !default
8
+ $base-accent-color: #0277BD !default
9
9
  $base-link-color: $base-accent-color !default
10
10
  $dark-gray: #333 !default
11
11
  $medium-screen: em(640) !default
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: breezeblocks
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.2
4
+ version: 0.0.4
5
5
  platform: ruby
6
6
  authors:
7
7
  - Gaz Aston
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-02-12 00:00:00.000000000 Z
11
+ date: 2015-02-17 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bundler
@@ -82,7 +82,6 @@ files:
82
82
  - source/_hover_tile_animation.html.haml
83
83
  - source/_icon_bullet_points.html.haml
84
84
  - source/_image_gradient_dynamic.html.haml
85
- - source/_maps.html.haml
86
85
  - source/_modal.html.haml
87
86
  - source/_navigation.html.haml
88
87
  - source/_pagination.html.haml
@@ -103,7 +102,6 @@ files:
103
102
  - source/_tooltip.html.haml
104
103
  - source/_vertical_tabs.html.haml
105
104
  - source/_video.html.haml
106
- - source/components.html.haml
107
105
  - source/index.html.haml
108
106
  - source/javascripts/all.js
109
107
  - source/javascripts/breezeblocks/accordion.js
@@ -138,16 +136,15 @@ files:
138
136
  - source/javascripts/breezeblocks/vertical_tabs.js
139
137
  - source/javascripts/jquery.erToc.js
140
138
  - source/javascripts/jquery.glide.js
139
+ - source/javascripts/maps_preview.js
141
140
  - source/javascripts/menuAnchorAnimation.js
142
141
  - source/javascripts/vendor/ZeroClipboard.min.js
143
142
  - source/javascripts/vendor/fixedsticky.js
144
143
  - source/javascripts/vendor/prism.js
145
144
  - source/javascripts/vendor/smooth-scroll.js
146
145
  - source/layouts/layout.haml
147
- - source/refills-hero.html.haml
148
- - source/refills-menu.html.haml
149
- - source/refills-page-scripts.html.haml
150
- - source/stylesheets/all.sass
146
+ - source/stylesheets/all.css.sass
147
+ - source/stylesheets/breezeblocks-styles.css.sass
151
148
  - source/stylesheets/breezeblocks/_accordion-tabs-minimal.sass
152
149
  - source/stylesheets/breezeblocks/_accordion-tabs.sass
153
150
  - source/stylesheets/breezeblocks/_accordion.sass
@@ -194,7 +191,6 @@ files:
194
191
  - source/stylesheets/vendor/fixedsticky.css
195
192
  - source/stylesheets/vendor/normalize.css
196
193
  - source/stylesheets/vendor/prism.css
197
- - source/type-systems.html.haml
198
194
  - spec/breezeblocks/import_generator_spec.rb
199
195
  - spec/spec_helper.rb
200
196
  homepage: http://gaz.is
@@ -1,70 +0,0 @@
1
- /
2
- Add the code below to the bottom of your page, just before the closing </body> tag.
3
- Edit myLatlng and the other variables.
4
-
5
- Find syntax for Features that can be styled here:
6
-
7
- https://developers.google.com/maps/documentation/javascript/reference#MapTypeStyleFeatureType
8
-
9
- Or use a service such as:
10
-
11
- http://software.stadtwerk.org/google_maps_colorizr/#
12
- http://gmaps-samples-v3.googlecode.com/svn/trunk/styledmaps/wizard/index.html
13
- https://developers.google.com/maps/documentation/javascript/tutorial
14
- /
15
- <script src="https://maps.googleapis.com/maps/api/js"></script>
16
- <script>
17
- var bittersMap = (function () {
18
- var myLatlng = new google.maps.LatLng(59.342457, 18.057340),
19
- mapCenter = new google.maps.LatLng(59.340458, 18.057340),
20
- mapCanvas = document.getElementById('map_canvas'),
21
- mapOptions = {
22
- center: mapCenter,
23
- zoom: 13,
24
- scrollwheel: false,
25
- draggable: true,
26
- disableDefaultUI: true,
27
- mapTypeId: google.maps.MapTypeId.ROADMAP
28
- },
29
- map = new google.maps.Map(mapCanvas, mapOptions),
30
- contentString =
31
- '<div id="content">'+
32
- '<div id="siteNotice">'+
33
- '</div>'+
34
- '<h1 id="firstHeading" class="firstHeading">thoughtbot</h1>'+
35
- '<div id="bodyContent"'+
36
- '<p>Sveavägen 98</p>'+
37
- '</div>'+
38
- '</div>',
39
- infowindow = new google.maps.InfoWindow({
40
- content: contentString,
41
- maxWidth: 300
42
- }),
43
- marker = new google.maps.Marker({
44
- position: myLatlng,
45
- map: map,
46
- title: 'thoughtbot (Sweden)'
47
- });
48
-
49
- return {
50
- init: function () {
51
- map.set('styles', [{
52
- featureType: 'landscape',
53
- elementType: 'geometry',
54
- stylers: [
55
- { hue: '#ffff00' },
56
- { saturation: 30 },
57
- { lightness: 10}
58
- ]}
59
- ]);
60
-
61
- google.maps.event.addListener(marker, 'click', function () {
62
- infowindow.open(map,marker);
63
- });
64
- }
65
- };
66
- }());
67
-
68
- bittersMap.init();
69
- </script>
70
- #map_canvas