bootstrap-bookingsync-sass 0.0.5 → 0.0.6

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.
@@ -0,0 +1,58 @@
1
+ /*!
2
+ * Copyright 2015 BookingSync SAS.
3
+ * Licensed under MIT (https://github.com/BookingSync/bootstrap-bookingsync-sass/blob/master/LICENSE)
4
+ */
5
+
6
+ @font-face {
7
+ font-family: '#{$smiles-font-name}';
8
+ src: url(if($bootstrap-bookingsync-sass-asset-helper, bs-font-path('#{$smiles-font-path}#{$smiles-font-name}.eot'), '#{$smiles-font-path}#{$smiles-font-name}.eot'));
9
+ src: url(if($bootstrap-bookingsync-sass-asset-helper, bs-font-path('#{$smiles-font-path}#{$smiles-font-name}.eot?#iefix'), '#{$smiles-font-path}#{$smiles-font-name}.eot?#iefix')) format('embedded-opentype'),
10
+ url(if($bootstrap-bookingsync-sass-asset-helper, bs-font-path('#{$smiles-font-path}#{$smiles-font-name}.woff2'), '#{$smiles-font-path}#{$smiles-font-name}.woff2')) format('woff2'),
11
+ url(if($bootstrap-bookingsync-sass-asset-helper, bs-font-path('#{$smiles-font-path}#{$smiles-font-name}.woff'), '#{$smiles-font-path}#{$smiles-font-name}.woff')) format('woff'),
12
+ url(if($bootstrap-bookingsync-sass-asset-helper, bs-font-path('#{$smiles-font-path}#{$smiles-font-name}.ttf'), '#{$smiles-font-path}#{$smiles-font-name}.ttf')) format('truetype'),
13
+ url(if($bootstrap-bookingsync-sass-asset-helper, bs-font-path('#{$smiles-font-path}#{$smiles-font-name}.svg##{$smiles-font-svg-id}'), '#{$smiles-font-path}#{$smiles-font-name}.svg##{$smiles-font-svg-id}')) format('svg');
14
+ font-weight: normal;
15
+ font-style: normal;
16
+ }
17
+
18
+ .bs-icon {
19
+ font-family: '#{$smiles-font-name}';
20
+ speak: none;
21
+ font-style: normal;
22
+ font-weight: normal;
23
+ font-variant: normal;
24
+ text-transform: none;
25
+ line-height: 1;
26
+
27
+ /* Better Font Rendering =========== */
28
+ -webkit-font-smoothing: antialiased;
29
+ -moz-osx-font-smoothing: grayscale;
30
+ }
31
+
32
+ .bs-bigboss:before {
33
+ content: "\e600";
34
+ }
35
+ .bs-boss:before {
36
+ content: "\e601";
37
+ }
38
+ .bs-bookingsync:before {
39
+ content: "\e602";
40
+ }
41
+ .bs-laughting:before {
42
+ content: "\e603";
43
+ }
44
+ .bs-lemonface:before {
45
+ content: "\e604";
46
+ }
47
+ .bs-sadface:before {
48
+ content: "\e605";
49
+ }
50
+ .bs-tongue:before {
51
+ content: "\e606";
52
+ }
53
+ .bs-winkface:before {
54
+ content: "\e607";
55
+ }
56
+ .bs-winktongue:before {
57
+ content: "\e608";
58
+ }
@@ -0,0 +1,222 @@
1
+ /* ============================================================
2
+ * bootstrapSwitch v1.8 by Larentis Mattia @SpiritualGuru
3
+ * http://www.larentis.eu/
4
+ *
5
+ * Enhanced for radiobuttons by Stein, Peter @BdMdesigN
6
+ * http://www.bdmdesign.org/
7
+ *
8
+ * Tweaked for easier styling by Sebastien Grosjean, @SebGrosjean
9
+ * http://www.github.com/zencocoon
10
+ * 2015-08-31
11
+ *
12
+ * Project site:
13
+ * http://www.larentis.eu/switch/
14
+ * ============================================================
15
+ * Licensed under the Apache License, Version 2.0
16
+ * http://www.apache.org/licenses/LICENSE-2.0
17
+ * ============================================================ */
18
+ $switch-label-size: 10px;
19
+ $switch-off-border: $gray-lighter;
20
+ $switch-off-bg: #fff;
21
+ $switch-off-color: $gray-lightest;
22
+
23
+ .has-switch {
24
+ display: inline-block;
25
+ cursor: pointer;
26
+ -webkit-border-radius: 8px;
27
+ -moz-border-radius: 8px;
28
+ border-radius: 8px;
29
+ border: 1px solid;
30
+ position: relative;
31
+ text-align: left;
32
+ overflow: hidden;
33
+ line-height: 8px;
34
+ -webkit-user-select: none;
35
+ -moz-user-select: none;
36
+ -ms-user-select: none;
37
+ -o-user-select: none;
38
+ user-select: none;
39
+ vertical-align: middle;
40
+
41
+ -webkit-transition: border-color 0.5s;
42
+ -moz-transition: border-color 0.5s;
43
+ -o-transition: border-color 0.5s;
44
+ transition: border-color 0.5s;
45
+ }
46
+ .has-switch.switch-mini {
47
+ width: 72px;
48
+ }
49
+ .has-switch.switch-mini i.switch-mini-icons {
50
+ height: 1.20em;
51
+ line-height: 9px;
52
+ vertical-align: text-top;
53
+ text-align: center;
54
+ transform: scale(0.6);
55
+ margin-top: -1px;
56
+ margin-bottom: -1px;
57
+ }
58
+ .has-switch.switch-small {
59
+ width: 29px;
60
+ height: 16px;
61
+ }
62
+ .has-switch.switch-large {
63
+ width: 120px;
64
+ }
65
+ .has-switch.deactivate {
66
+ opacity: 0.5;
67
+ filter: alpha(opacity=50);
68
+ cursor: default !important;
69
+ }
70
+ .has-switch.deactivate label,
71
+ .has-switch.deactivate span {
72
+ cursor: default !important;
73
+ }
74
+ .has-switch > div {
75
+ display: inline-block;
76
+ width: 200%;
77
+ position: relative;
78
+ top: 0;
79
+ }
80
+ .has-switch > div.switch-animate {
81
+ -webkit-transition: left 0.5s;
82
+ -moz-transition: left 0.5s;
83
+ -o-transition: left 0.5s;
84
+ transition: left 0.5s;
85
+
86
+ label {
87
+ -webkit-transition: all 0.5s;
88
+ -moz-transition: all 0.5s;
89
+ -o-transition: all 0.5s;
90
+ transition: all 0.5s;
91
+ }
92
+ }
93
+ .has-switch.switch-off {
94
+ border-color: $switch-off-border;
95
+
96
+ & > div {
97
+ left: -100%;
98
+ }
99
+
100
+ label {
101
+ left: 30px;
102
+ background-color: $switch-off-color;
103
+ }
104
+ }
105
+ .has-switch.switch-on {
106
+ border-color: $brand-primary;
107
+
108
+ & > div {
109
+ left: 0%;
110
+ }
111
+ }
112
+ .has-switch input[type=radio],
113
+ .has-switch input[type=checkbox] {
114
+ display: none;
115
+ }
116
+ .has-switch span,
117
+ .has-switch label {
118
+ -webkit-box-sizing: border-box;
119
+ -moz-box-sizing: border-box;
120
+ box-sizing: border-box;
121
+ cursor: pointer;
122
+ position: relative;
123
+ display: inline-block;
124
+ height: 100%;
125
+ padding-bottom: 4px;
126
+ padding-top: 4px;
127
+ font-size: 14px;
128
+ line-height: 20px;
129
+ }
130
+ .has-switch span.switch-mini,
131
+ .has-switch label.switch-mini {
132
+ padding-bottom: 4px;
133
+ padding-top: 4px;
134
+ font-size: 10px;
135
+ line-height: 9px;
136
+ }
137
+ .has-switch span.switch-small,
138
+ .has-switch label.switch-small {
139
+ padding-bottom: 0;
140
+ padding-top: 0;
141
+ font-size: $switch-label-size;
142
+ line-height: 14px;
143
+ }
144
+ .has-switch span.switch-large,
145
+ .has-switch label.switch-large {
146
+ padding-bottom: 9px;
147
+ padding-top: 9px;
148
+ font-size: 16px;
149
+ line-height: normal;
150
+ }
151
+ .has-switch label {
152
+ z-index: 100;
153
+ width: $switch-label-size;
154
+ height: $switch-label-size;
155
+ border-radius: $switch-label-size / 2;
156
+ background-color: #fff;
157
+ margin-bottom: 0;
158
+ position: absolute;
159
+ top: 2px;
160
+ left: 15px;
161
+ }
162
+ .has-switch label:hover,
163
+ .has-switch label:focus,
164
+ .has-switch label:active,
165
+ .has-switch label.active,
166
+ .has-switch label.disabled,
167
+ .has-switch label[disabled] {
168
+ background-color: #fff;
169
+ }
170
+ .has-switch span {
171
+ text-align: center;
172
+ z-index: 1;
173
+ width: 50%;
174
+ }
175
+ .has-switch span.switch-right {
176
+ color: $switch-off-bg;
177
+ background-color: $switch-off-bg;
178
+ border-color: $switch-off-bg;
179
+ }
180
+ .has-switch span.switch-right:hover,
181
+ .has-switch span.switch-right:focus,
182
+ .has-switch span.switch-right:active,
183
+ .has-switch span.switch-right.active,
184
+ .has-switch span.switch-right.disabled,
185
+ .has-switch span.switch-right[disabled] {
186
+ background-color: $switch-off-bg;
187
+ }
188
+ .has-switch span.switch-primary,
189
+ .has-switch span.switch-left,
190
+ .has-switch span.switch-default {
191
+ color: $brand-primary;
192
+ background-color: $brand-primary;
193
+ }
194
+ .has-switch span.switch-primary:hover,
195
+ .has-switch span.switch-left:hover,
196
+ .has-switch span.switch-default:hover,
197
+ .has-switch span.switch-primary:focus,
198
+ .has-switch span.switch-left:focus,
199
+ .has-switch span.switch-default:focus,
200
+ .has-switch span.switch-primary:active,
201
+ .has-switch span.switch-left:active,
202
+ .has-switch span.switch-default:active,
203
+ .has-switch span.switch-primary.active,
204
+ .has-switch span.switch-left.active,
205
+ .has-switch span.switch-default.active,
206
+ .has-switch span.switch-primary.disabled,
207
+ .has-switch span.switch-left.disabled,
208
+ .has-switch span.switch-default.disabled,
209
+ .has-switch span.switch-primary[disabled],
210
+ .has-switch span.switch-left[disabled],
211
+ .has-switch span.switch-default[disabled] {
212
+ color: $brand-primary;
213
+ background-color: $brand-primary;
214
+ }
215
+ .has-switch span.switch-primary:active,
216
+ .has-switch span.switch-left:active,
217
+ .has-switch span.switch-default:active,
218
+ .has-switch span.switch-primary.active,
219
+ .has-switch span.switch-left.active,
220
+ .has-switch span.switch-default.active {
221
+ background-color: $brand-primary \9;
222
+ }
@@ -0,0 +1,374 @@
1
+ /*!
2
+ * Copyright 2015 BookingSync SAS.
3
+ * Licensed under MIT (https://github.com/BookingSync/bootstrap-bookingsync-sass/blob/master/LICENSE)
4
+ */
5
+
6
+
7
+ //
8
+ // Typography
9
+ // --------------------------------------------------
10
+
11
+ h1, h2, h3, h4, h5, h6,
12
+ .h1, .h2, .h3, .h4, .h5, .h6 {
13
+ & > i {
14
+ padding-right: 7px;
15
+ color: $gray-light;
16
+ }
17
+
18
+ font-weight: 400;
19
+ }
20
+
21
+ .text-overflow {
22
+ overflow: hidden;
23
+ text-overflow: ellipsis;
24
+ white-space: nowrap;
25
+ }
26
+
27
+ //
28
+ // Menu
29
+ // --------------------------------------------------
30
+
31
+ // Recommended addition
32
+ //
33
+ // .menu {
34
+ // height: 100vh;
35
+ // position: fixed;
36
+ // top: 0;
37
+ // left: 0;
38
+ // }
39
+ //
40
+ .menu {
41
+ background-color: $menu-bg;
42
+ color: $menu-color;
43
+ border-radius: $menu-border-radius;
44
+ width: 60px;
45
+ height: 100%;
46
+ overflow: hidden;
47
+ z-index: 9000;
48
+ transition: width 0.2s cubic-bezier(.4,0,.2,1);
49
+ border-radius: 0;
50
+
51
+ &:hover {
52
+ width: 230px;
53
+
54
+ .body {
55
+ overflow-y: overlay;
56
+ }
57
+
58
+ .menu-dropdown ol {
59
+ overflow-y: overlay;
60
+ }
61
+
62
+ .menu-dropright {
63
+ overflow-y: overlay;
64
+ }
65
+ }
66
+
67
+ header,
68
+ footer {
69
+ .bar {
70
+ height: $menu-header-height;
71
+ position: relative;
72
+ }
73
+
74
+ .brand,
75
+ .avatar {
76
+ height: 24px;
77
+ width: 24px;
78
+ font-size: 24px;
79
+ position: absolute;
80
+ top: 18px;
81
+ left: 18px;
82
+ }
83
+
84
+ .brand {
85
+ font-size: 24px;
86
+ padding-top: 5px;
87
+ }
88
+
89
+ p {
90
+ margin: 0;
91
+ margin-left: 60px;
92
+ padding-top: 17.5px;
93
+ line-height: 1.24em;
94
+ white-space: nowrap;
95
+ }
96
+ }
97
+
98
+ header {
99
+ background-color: $menu-header-bg;
100
+ color: $menu-header-color;
101
+ position: relative;
102
+
103
+ a {
104
+ color: $menu-header-link-color;
105
+ }
106
+
107
+ ol {
108
+ margin-bottom: 0;
109
+ border-top: 1px solid $menu-header-link-hover-bg;
110
+ background-color: $menu-header-bg;
111
+ width: 100%;
112
+ position: absolute;
113
+ z-index: 1000;
114
+ max-height: 100vh;
115
+ overflow: hidden;
116
+
117
+ a:hover {
118
+ background-color: $menu-header-link-hover-bg;
119
+ color: $menu-header-link-hover-color;
120
+ }
121
+ }
122
+
123
+ .bar {
124
+ background-color: $menu-header-bg;
125
+ z-index: 2000;
126
+ }
127
+
128
+ #menu-header-submenu {
129
+ width: 100%;
130
+
131
+ &.open {
132
+ top: $menu-header-height;
133
+ }
134
+ }
135
+ }
136
+
137
+ footer {
138
+ background-color: $menu-footer-bg;
139
+ color: $menu-footer-color;
140
+
141
+ a {
142
+ color: $menu-footer-link-color;
143
+ }
144
+
145
+ .back {
146
+ i {
147
+ color: $menu-footer-back-color;
148
+ }
149
+
150
+ a:hover i {
151
+ color: $menu-footer-back-color;
152
+ }
153
+ }
154
+
155
+ i {
156
+ margin-left: 2px;
157
+ }
158
+
159
+ #menu-footer-submenu {
160
+ top: 0;
161
+ width: 100%;
162
+ height: 100%;
163
+
164
+ ol {
165
+ margin-top: $menu-header-height;
166
+ margin-bottom: 0;
167
+ }
168
+
169
+ &.open {
170
+ ol {
171
+ background-color: $menu-footer-bg;
172
+ }
173
+ }
174
+ }
175
+ }
176
+
177
+ ol {
178
+ // No need to set list-style: none; since li is block level
179
+ padding-left: 0; // reset padding because ul and ol
180
+ }
181
+
182
+ li {
183
+ display: block;
184
+
185
+ a {
186
+ display: block;
187
+ padding: 10px 22px;
188
+ text-decoration: none;
189
+ white-space: nowrap;
190
+ line-height: 30px;
191
+ }
192
+
193
+ i {
194
+ width: 16px;
195
+ height: 16px;
196
+ }
197
+ }
198
+
199
+ .body {
200
+ overflow: hidden;
201
+ }
202
+
203
+ .body,
204
+ footer {
205
+ li {
206
+ a {
207
+ background-color: $menu-link-bg;
208
+ color: $menu-link-color;
209
+
210
+ i {
211
+ color: $menu-link-icon-color;
212
+ }
213
+
214
+ span {
215
+ padding-left: 18px;
216
+ font-weight: 600;
217
+ -webkit-font-smoothing: antialiased;
218
+ -moz-osx-font-smoothing: grayscale;
219
+ }
220
+
221
+ &:hover {
222
+ background-color: $menu-link-hover-bg;
223
+ color: $menu-link-hover-color;
224
+
225
+ i {
226
+ color: $menu-link-hover-icon-color;
227
+ }
228
+ }
229
+ }
230
+
231
+ &.active a,
232
+ &.active:hover a,
233
+ &.active:focus a {
234
+ background-color: $menu-active-bg;
235
+ color: $menu-active-color;
236
+
237
+ i {
238
+ color: $menu-active-icon-color;
239
+ }
240
+ }
241
+ }
242
+ }
243
+ }
244
+
245
+ .menu-toggle {
246
+ height: $menu-header-height;
247
+
248
+ .icon-bar {
249
+ background-color: $menu-default-toggle-icon-bar-bg;
250
+ }
251
+ }
252
+
253
+
254
+ //
255
+ // Label
256
+ // --------------------------------------------------
257
+ .label-transparent {
258
+ border: 1px solid $label-color;
259
+ }
260
+
261
+ //
262
+ // Dropdowns
263
+ // --------------------------------------------------
264
+ .menu-dropdown {
265
+ position: absolute;
266
+ top: -100vh;
267
+ transition: top 0.3s ease-out;
268
+ }
269
+
270
+ .menu-dropdown.open {
271
+ top: 0;
272
+ }
273
+
274
+ .menu-dropright {
275
+ position: absolute;
276
+ left: 100%;
277
+ transition: left 0.3s ease-out;
278
+ }
279
+
280
+ .menu-dropright.open {
281
+ left: 0;
282
+ }
283
+
284
+ //
285
+ // Utilities
286
+ // --------------------------------------------------
287
+ .flex-col {
288
+ display: flex;
289
+ flex-direction: column;
290
+ }
291
+
292
+ .flex-row {
293
+ display: flex;
294
+ }
295
+
296
+ .flex-1 {
297
+ flex: 1;
298
+ }
299
+
300
+ .flex-middle {
301
+ margin-top: auto;
302
+ margin-bottom: auto;
303
+ }
304
+
305
+ // @import "bookingsync-theme-forms";
306
+ @media (max-width: $screen-xs-max) {
307
+ .navbar-form {
308
+ border-top: none;
309
+ border-bottom: none;
310
+ margin-top: 0;
311
+ margin-bottom: 0;
312
+ }
313
+ }
314
+
315
+ @media (min-width: $screen-sm-min) {
316
+ .navbar-form {
317
+ margin-top: 20px;
318
+ margin-bottom: 20px;
319
+ }
320
+ }
321
+
322
+ // Navbar toggle
323
+ //
324
+ // Custom button for toggling the `.navbar-collapse`, powered by the collapse
325
+ // JavaScript plugin.
326
+
327
+ .navbar-toggle-context {
328
+ border: 0;
329
+ border-radius: 15px;
330
+
331
+ .icon-bar {
332
+ width: 3px;
333
+ height: 3px;
334
+ border-radius: 2px;
335
+ }
336
+
337
+ .icon-bar + .icon-bar {
338
+ margin-top: 3px;
339
+ }
340
+ }
341
+
342
+ // Sheet
343
+ //
344
+ // Custom wrapper to simulate a paper sheet container
345
+
346
+ .sheet {
347
+ width: auto;
348
+ position: relative;
349
+ border: 1px solid $sheet-border;
350
+ background-color: $sheet-bg;
351
+ border-radius: $sheet-border-radius;
352
+ margin: $sheet-margin;
353
+ padding: $sheet-padding;
354
+ }
355
+
356
+ .sheet-header {
357
+ margin: (-1 * $sheet-padding);
358
+ margin-bottom: $sheet-padding;
359
+ padding: $sheet-padding;
360
+ border-bottom: 1px solid $sheet-inner-border;
361
+
362
+ h1, h2, h3, h4, h5, h6,
363
+ .h1, .h2, .h3, .h4, .h5, .h6,
364
+ p {
365
+ padding: 0;
366
+ margin: 0;
367
+ }
368
+ }
369
+
370
+ // Tables
371
+ //
372
+ caption {
373
+ color: $table-caption-color;
374
+ }