bootstrap-bookingsync-sass 0.0.14 → 0.0.15

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.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA1:
3
- metadata.gz: e637a253092f148e3dd9b987ba6c1e31cd8e07b2
4
- data.tar.gz: dd6dcf402d82cd646290bc8421c69a61d77f8769
3
+ metadata.gz: 87b9625a8a3701ba4784c3c459e99d43970471f8
4
+ data.tar.gz: 6a48d52d2e0d43967721ed2cf89ffbf525ba59f0
5
5
  SHA512:
6
- metadata.gz: 1b52cce3a5cb9fa2e54c6022f5f0880991977e3fb105b200a08dbd85bff205153f3b6fe68e5788e65bfded4aa08d956d85eab416d2183a83c6db3a327ff8ac3f
7
- data.tar.gz: 8db0e1519731372ac8d2e0c1517d12f561fd729a1cb4195abccbd2c7f4d58603450e28847cf05436a2a934832c709f75b6ddb3f0ed0e444551f91f4726abd7bc
6
+ metadata.gz: 4cd340bc009da750c00f7c067d37c6bac785e570230ba6d94478f365a5778809352258b8bebe2c4734c4426136f95de9999ceb0e85a72f518f9e4c34e26466a6
7
+ data.tar.gz: e4fd94ec193fe0b45fd47187ab562753574ba5f5d8ef8f61ef09e7600b47423b909b3de3b258f9b9a82cf60a6fd00d2990417e9c59ed7ebbbafa19c2bcec1d6c
data/CHANGELOG.md ADDED
@@ -0,0 +1,13 @@
1
+ ### Unreleased
2
+
3
+ ### 0.0.15 - 2015-12-09
4
+
5
+ * bug fixes
6
+ * fix scrolling and visibility issues in menu lists
7
+ * resolve menu position and height issues on iOS
8
+
9
+ * backwards incompatible changes
10
+ * Change prefix in vertical align helper classes. `.text-top`, `.text-middle`
11
+ and `.text-bottom` are renamed to `.valign-top`, `.valign-middle`,
12
+ `.valign-bottom`. The rules are moved from `_type.scss` to `_utilities.scss`
13
+ partial and are included in main `_bootstrap-bookingsync.scss` stylesheet.
@@ -61,3 +61,4 @@
61
61
  @import "bookingsync/chosen";
62
62
  @import "bookingsync/switch";
63
63
  @import "bookingsync/smiles";
64
+ @import "bookingsync/utilities";
@@ -0,0 +1,11 @@
1
+ /*!
2
+ * Copyright 2015 BookingSync SAS.
3
+ * Licensed under MIT (https://github.com/BookingSync/bootstrap-bookingsync-sass/blob/master/LICENSE)
4
+ */
5
+
6
+ $bs-darkgray: #4d4d59;
7
+ $bs-lightblue: #129ad6;
8
+ $bs-darkblue: #1f3263;
9
+ $bs-green: #3db559;
10
+ $bs-yellow: #f7c332;
11
+ $bs-red: #e74c3c;
@@ -6,6 +6,14 @@
6
6
  body {
7
7
  min-height: 100vh;
8
8
  padding-top: $navbar-height;
9
+
10
+ // Kill scroll on the body when the mobile menu is opened
11
+ &.menu-open {
12
+ position: fixed;
13
+ overflow: hidden;
14
+ width: 100%;
15
+ height: 100%;
16
+ }
9
17
  }
10
18
 
11
19
  .navbar.navbar-fixed-top {
@@ -67,11 +75,11 @@ body {
67
75
  }
68
76
 
69
77
  .menu {
70
- position: absolute;
78
+ position: fixed;
71
79
  left: 0;
72
80
  top: $navbar-height;
73
81
  width: 100%;
74
- height: calc(100vh - 70px);
82
+ height: calc(100% - 70px);
75
83
 
76
84
  &:hover {
77
85
  width: 100%;
@@ -48,19 +48,28 @@ h1, h2, h3, h4, h5, h6,
48
48
  transition: width 0.2s cubic-bezier(.4,0,.2,1);
49
49
  border-radius: 0;
50
50
 
51
- &:hover {
52
- width: 230px;
51
+ .body {
52
+ overflow: hidden;
53
+ }
53
54
 
54
- .body {
55
+ @media (max-width: $screen-xs-max) {
56
+ .body,
57
+ .menu-dropdown ol,
58
+ .menu-dropright {
55
59
  overflow-y: auto;
60
+ -webkit-overflow-scrolling: touch;
56
61
  }
62
+ }
57
63
 
58
- .menu-dropdown ol {
59
- overflow-y: auto;
60
- }
61
64
 
65
+ &:hover {
66
+ width: 230px;
67
+
68
+ .body,
69
+ .menu-dropdown ol,
62
70
  .menu-dropright {
63
71
  overflow-y: auto;
72
+ -webkit-overflow-scrolling: touch;
64
73
  }
65
74
  }
66
75
 
@@ -98,7 +107,8 @@ h1, h2, h3, h4, h5, h6,
98
107
  header {
99
108
  background-color: $menu-header-bg;
100
109
  color: $menu-header-color;
101
- position: relative;
110
+ z-index: 1000;
111
+ position: static;
102
112
 
103
113
  a {
104
114
  color: $menu-header-link-color;
@@ -110,8 +120,7 @@ h1, h2, h3, h4, h5, h6,
110
120
  background-color: $menu-header-bg;
111
121
  width: 100%;
112
122
  position: absolute;
113
- z-index: 1000;
114
- max-height: 100vh;
123
+ max-height: 100%;
115
124
  overflow: hidden;
116
125
 
117
126
  a:hover {
@@ -130,6 +139,11 @@ h1, h2, h3, h4, h5, h6,
130
139
 
131
140
  &.open {
132
141
  top: $menu-header-height;
142
+ bottom: 0;
143
+ @media (max-width: $screen-xs-max) {
144
+ position: fixed;
145
+ top: $menu-header-height + $navbar-height;
146
+ }
133
147
  }
134
148
  }
135
149
  }
@@ -196,10 +210,6 @@ h1, h2, h3, h4, h5, h6,
196
210
  }
197
211
  }
198
212
 
199
- .body {
200
- overflow: hidden;
201
- }
202
-
203
213
  .body,
204
214
  footer {
205
215
  li {
@@ -0,0 +1,4 @@
1
+ // Vertical Alignment
2
+ .valign-top { vertical-align: top; }
3
+ .valign-middle { vertical-align: middle; }
4
+ .valign-bottom { vertical-align: bottom; }
@@ -3,21 +3,17 @@
3
3
  * Licensed under MIT (https://github.com/BookingSync/bootstrap-bookingsync-sass/blob/master/LICENSE)
4
4
  */
5
5
  @import 'bootstrap/variables';
6
+ @import 'colors';
6
7
 
7
8
  $bootstrap-bookingsync-sass-asset-helper: false !default;
8
9
 
9
- $heading-gray: #292c33;
10
- $darkblue: #1e3264;
11
- $blue: #199bd7;
12
- $green: #2db859;
10
+ $brand-primary: $bs-lightblue;
11
+ $brand-success: $bs-green;
12
+ $brand-info: $bs-lightblue;
13
+ $brand-warning: $bs-yellow;
14
+ $brand-danger: $bs-red;
13
15
 
14
- $brand-primary: $blue;
15
- $brand-success: $green;
16
- $brand-info: #199bd7;
17
- $brand-warning: #f8c432;
18
- $brand-danger: #e74c3c; // #ef5f36;
19
-
20
- $gray-base: $darkblue;
16
+ $gray-base: $bs-darkblue;
21
17
  $gray-darker: $gray-base;
22
18
  $gray-dark: rgba($gray-base, .75);
23
19
  $gray: rgba($gray-base, .75);
@@ -41,7 +37,7 @@ $font-size-h1: 26px;
41
37
  $font-size-h2: 22px;
42
38
  $font-size-h3: 18px;
43
39
  $font-size-h4: 16px;
44
- $headings-color: $heading-gray;
40
+ $headings-color: $bs-darkgray;
45
41
 
46
42
  //== Iconography
47
43
  //
@@ -1,5 +1,5 @@
1
1
  module Bootstrap
2
2
  module BookingSync
3
- VERSION = '0.0.14'
3
+ VERSION = '0.0.15'
4
4
  end
5
5
  end
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: bootstrap-bookingsync-sass
3
3
  version: !ruby/object:Gem::Version
4
- version: 0.0.14
4
+ version: 0.0.15
5
5
  platform: ruby
6
6
  authors:
7
7
  - Sebastien Grosjean
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2015-09-30 00:00:00.000000000 Z
11
+ date: 2015-12-09 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: bootstrap-sass
@@ -32,6 +32,7 @@ extensions: []
32
32
  extra_rdoc_files: []
33
33
  files:
34
34
  - ".gitignore"
35
+ - CHANGELOG.md
35
36
  - Gemfile
36
37
  - LICENSE
37
38
  - README.md
@@ -46,12 +47,13 @@ files:
46
47
  - assets/stylesheets/_bootstrap-bookingsync-sprockets.scss
47
48
  - assets/stylesheets/_bootstrap-bookingsync.scss
48
49
  - assets/stylesheets/bookingsync/_chosen.scss
50
+ - assets/stylesheets/bookingsync/_colors.scss
49
51
  - assets/stylesheets/bookingsync/_form.scss
50
52
  - assets/stylesheets/bookingsync/_layout.scss
51
53
  - assets/stylesheets/bookingsync/_smiles.scss
52
54
  - assets/stylesheets/bookingsync/_switch.scss
53
55
  - assets/stylesheets/bookingsync/_theme.scss
54
- - assets/stylesheets/bookingsync/_type.scss
56
+ - assets/stylesheets/bookingsync/_utilities.scss
55
57
  - assets/stylesheets/bookingsync/_variables.scss
56
58
  - bootstrap-bookingsync-sass.gemspec
57
59
  - lib/bootstrap-bookingsync-sass.rb
@@ -1,4 +0,0 @@
1
- // Vertical Alignment
2
- .text-top { vertical-align: top; }
3
- .text-middle { vertical-align: middle; }
4
- .text-bottom { vertical-align: bottom; }