bootstrap-bookingsync-sass 0.0.14 → 0.0.15

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