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,2 @@
1
+ //= require ./bookingsync/form
2
+ //= require ./bookingsync/switch
@@ -0,0 +1,16 @@
1
+ /*!
2
+ * Copyright 2015 BookingSync SAS.
3
+ * Licensed under MIT (https://github.com/BookingSync/bootstrap-bookingsync-sass/blob/master/LICENSE)
4
+ */
5
+
6
+ @import "bootstrap-sprockets";
7
+
8
+ @function bs-font-path($path) {
9
+ @return font-path($path);
10
+ }
11
+
12
+ @function bs-image-path($path) {
13
+ @return image-path($path);
14
+ }
15
+
16
+ $bootstrap-bookingsync-sass-asset-helper: true;
@@ -0,0 +1,63 @@
1
+ /*!
2
+ * Copyright 2015 BookingSync SAS.
3
+ * Licensed under MIT (https://github.com/BookingSync/bootstrap-bookingsync-sass/blob/master/LICENSE)
4
+ */
5
+
6
+ // Core variables and mixins
7
+ @import "bootstrap/variables";
8
+ @import "bookingsync/variables";
9
+ @import "bootstrap/mixins";
10
+
11
+ // Reset and dependencies
12
+ @import "bootstrap/normalize";
13
+ @import "bootstrap/print";
14
+ // @import "bootstrap/glyphicons";
15
+
16
+ // Core CSS
17
+ @import "bootstrap/scaffolding";
18
+ @import "bootstrap/type";
19
+ @import "bootstrap/code";
20
+ @import "bootstrap/grid";
21
+ @import "bootstrap/tables";
22
+ @import "bootstrap/forms";
23
+ @import "bootstrap/buttons";
24
+
25
+ // Components
26
+ @import "bootstrap/component-animations";
27
+ @import "bootstrap/dropdowns";
28
+ @import "bootstrap/button-groups";
29
+ @import "bootstrap/input-groups";
30
+ @import "bootstrap/navs";
31
+ @import "bootstrap/navbar";
32
+ @import "bootstrap/breadcrumbs";
33
+ @import "bootstrap/pagination";
34
+ @import "bootstrap/pager";
35
+ @import "bootstrap/labels";
36
+ @import "bootstrap/badges";
37
+ @import "bootstrap/jumbotron";
38
+ @import "bootstrap/thumbnails";
39
+ @import "bootstrap/alerts";
40
+ @import "bootstrap/progress-bars";
41
+ @import "bootstrap/media";
42
+ @import "bootstrap/list-group";
43
+ @import "bootstrap/panels";
44
+ @import "bootstrap/responsive-embed";
45
+ @import "bootstrap/wells";
46
+ @import "bootstrap/close";
47
+
48
+ // Components w/ JavaScript
49
+ @import "bootstrap/modals";
50
+ @import "bootstrap/tooltip";
51
+ @import "bootstrap/popovers";
52
+ @import "bootstrap/carousel";
53
+
54
+ // Utility classes
55
+ @import "bootstrap/utilities";
56
+ @import "bootstrap/responsive-utilities";
57
+
58
+ @import "bookingsync/theme";
59
+ @import "bookingsync/layout";
60
+ @import "bookingsync/form";
61
+ @import "bookingsync/chosen";
62
+ @import "bookingsync/switch";
63
+ @import "bookingsync/smiles";
@@ -0,0 +1,83 @@
1
+ .chosen-container {
2
+ font-size: inherit;
3
+
4
+ .chosen-single,
5
+ .chosen-choices {
6
+ background: none;
7
+ background-color: $input-bg;
8
+ border: none;
9
+ border-bottom: 1px solid $input-border;
10
+ border-radius: $input-border-radius;
11
+ @include box-shadow(none);
12
+ padding: 0 $grid-gutter-width 0 0;
13
+ height: $input-height-base;
14
+
15
+ &.chosen-default span {
16
+ visibility: hidden;
17
+ }
18
+
19
+ div b {
20
+ background-position: 0 (($input-height-base - 18) / 2);
21
+ }
22
+ }
23
+
24
+ .chosen-drop {
25
+ @include box-shadow(none);
26
+ border-radius: 0 0 ($border-radius-base * 2) ($border-radius-base * 2);
27
+ border: 2px solid $gray-lighter;
28
+ border-top: 0;
29
+ padding-top: 10px;
30
+ }
31
+
32
+ .chosen-results {
33
+ padding: 0;
34
+ margin: 0;
35
+
36
+ li {
37
+ line-height: 34px;
38
+ padding: 0 ceil($grid-gutter-width / 2);
39
+ overflow: hidden;
40
+ text-overflow: ellipsis;
41
+ white-space: nowrap;
42
+ }
43
+
44
+ li.highlighted {
45
+ background: none;
46
+ background-color: $gray-lightest;
47
+ color: $input-color;
48
+ }
49
+ }
50
+ }
51
+
52
+ .chosen-container-active.chosen-with-drop .chosen-single,
53
+ .chosen-container-active.chosen-with-drop .chosen-choices {
54
+ background: none;
55
+ @include box-shadow(none);
56
+ border-radius: ($border-radius-base * 2) ($border-radius-base * 2) 0 0;
57
+ border: 2px solid $gray-lighter;
58
+ border-bottom: 0;
59
+ padding: 5px ceil($grid-gutter-width / 2);
60
+
61
+ div b {
62
+ background-position: 0 (($input-height-base - 18 + 10) / 2);
63
+ }
64
+ }
65
+
66
+ .chosen-container-multi .chosen-choices {
67
+ li.search-choice {
68
+ background: none;
69
+ background-color: $input-bg;
70
+ border: 0;
71
+ @include box-shadow(none);
72
+ margin: 0 10px 0 0;
73
+ padding: 5px 20px 5px 0;
74
+
75
+ .search-choice-close {
76
+ top: floor((($input-height-base - 12) / 2));
77
+ }
78
+ }
79
+
80
+ li.search-field input[type="text"] {
81
+ height: $input-height-base;
82
+ }
83
+ }
@@ -0,0 +1,265 @@
1
+ /*!
2
+ * Copyright 2015 BookingSync SAS.
3
+ * Licensed under MIT (https://github.com/BookingSync/bootstrap-bookingsync-sass/blob/master/LICENSE)
4
+ */
5
+
6
+ //
7
+ // Forms
8
+ // --------------------------------------------------
9
+
10
+ // Form groups
11
+ //
12
+ // Designed to help with the organization and spacing of vertical forms. For
13
+ // horizontal forms, use the predefined grid classes.
14
+
15
+ .form-group {
16
+ position: relative;
17
+ display: block;
18
+ box-sizing: border-box;
19
+ max-width: 100%;
20
+ margin: 0;
21
+ padding: $label-padding-focus 0 $padding-base-vertical;
22
+
23
+ label {
24
+ position: absolute;
25
+ bottom: 0;
26
+ left: 0;
27
+ right: 0;
28
+ top: 20px;
29
+ overflow: hidden;
30
+ white-space: nowrap;
31
+ display: inline-block;
32
+ width: 100%;
33
+ max-width: 100%; // Force IE8 to wrap long content
34
+ // (see https://github.com/twbs/bootstrap/issues/13141)
35
+ margin-bottom: 0;
36
+ font-weight: normal;
37
+ text-align: left;
38
+ color: $input-color;
39
+ pointer-events: none;
40
+ transition-duration: .2s;
41
+ -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
42
+ transition-timing-function: cubic-bezier(.4,0,.2,1);
43
+ }
44
+
45
+ .label-lg {
46
+ font-size: 18px;
47
+ top: 28px;
48
+ }
49
+
50
+ .input-group-addon {
51
+ transition-duration: .2s;
52
+ -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
53
+ transition-timing-function: cubic-bezier(.4,0,.2,1);
54
+ }
55
+
56
+ &.filled label {
57
+ color: $label-color-filled;
58
+ font-size: $label-font-size-filled;
59
+ top: 0;
60
+ visibility: visible;
61
+ }
62
+
63
+ &.focused {
64
+ label {
65
+ color: $label-color-focus;
66
+ font-size: $label-font-size-focus;
67
+ top: 0;
68
+ visibility: visible;
69
+
70
+ &:after {
71
+ left: 0;
72
+ visibility: visible;
73
+ width: 100%;
74
+ }
75
+ }
76
+
77
+ .input-group label:after {
78
+ visibility: hidden;
79
+ }
80
+
81
+ .input-group-addon {
82
+ box-shadow: 0 1px 0 $label-border-focus;
83
+ border-color: $label-color-focus;
84
+ }
85
+ }
86
+ }
87
+
88
+ // FIXME: :not(.readonly) should be used
89
+ .form-group label:after {
90
+ background-color: $label-border-focus;
91
+ bottom: 5px;
92
+ content: '';
93
+ height: 2px;
94
+ left: 45%;
95
+ position: absolute;
96
+ visibility: hidden;
97
+ width: 10%;
98
+ transition-duration: .2s;
99
+ -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
100
+ transition-timing-function: cubic-bezier(.4,0,.2,1);
101
+ }
102
+
103
+ .form-group.disabled label,
104
+ .form-group.readonly label,
105
+ .checkbox.disabled label,
106
+ .radio.disabled label,
107
+ fieldset[disabled] label {
108
+ color: $label-color-disabled;
109
+ }
110
+
111
+ .form-control[disabled],
112
+ .form-control[readonly],
113
+ fieldset[disabled] .form-control {
114
+ opacity: .5;
115
+ }
116
+
117
+ // Common form controls
118
+ //
119
+ // Shared size and type resets for form controls. Apply `.form-control` to any
120
+ // of the following form controls:
121
+ //
122
+ // select
123
+ // textarea
124
+ // input[type="text"]
125
+ // input[type="password"]
126
+ // input[type="datetime"]
127
+ // input[type="datetime-local"]
128
+ // input[type="date"]
129
+ // input[type="month"]
130
+ // input[type="time"]
131
+ // input[type="week"]
132
+ // input[type="number"]
133
+ // input[type="email"]
134
+ // input[type="url"]
135
+ // input[type="search"]
136
+ // input[type="tel"]
137
+ // input[type="color"]
138
+ .form-control {
139
+ padding: 0;
140
+ border: none;
141
+ border-bottom: 1px solid $input-border;
142
+ box-shadow: none;
143
+ transition-duration: .3s;
144
+ -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
145
+ transition-timing-function: cubic-bezier(.4,0,.2,1);
146
+
147
+ &:focus {
148
+ border-color: $label-border-focus;
149
+ box-shadow: 0 1px 0 $label-border-focus;
150
+ }
151
+
152
+ // read-only inputs
153
+ &[readonly] {
154
+ box-shadow: none;
155
+ }
156
+ }
157
+
158
+ // Input group
159
+ .input-group {
160
+ margin-top: (-1 * ($padding-base-vertical + $label-font-size-focus));
161
+
162
+ label {
163
+ left: auto;
164
+ right: auto;
165
+ padding-left: $padding-base-horizontal;
166
+ z-index: 1000;
167
+ top: 17px;
168
+ }
169
+
170
+ .form-control {
171
+ padding-left: $padding-base-horizontal;
172
+ margin-top: ($label-padding-focus - ($padding-base-vertical / 2));
173
+ }
174
+ }
175
+
176
+ .input-group-addon {
177
+ border-top: 0;
178
+ padding-top: $input-group-addon-padding-top;
179
+ }
180
+
181
+ .input-group-addon:first-child {
182
+ border-left: 0;
183
+ border-right: 1px solid $input-group-addon-border-color;
184
+ }
185
+
186
+ .input-group-addon:last-child {
187
+ border-right: 0;
188
+ border-left: 1px solid $input-group-addon-border-color;
189
+ }
190
+
191
+ .help-block {
192
+ color: $help-text;
193
+ }
194
+
195
+ // Feedback states
196
+ .has-success,
197
+ .has-warning,
198
+ .has-error {
199
+ &.focused {
200
+ label:after {
201
+ visibility: hidden;
202
+ }
203
+
204
+ .form-control:focus {
205
+ box-shadow: 0 1px 0 $label-border-focus;
206
+ border-color: $label-border-focus;
207
+ }
208
+ }
209
+
210
+ .form-control {
211
+ box-shadow: none;
212
+
213
+ &:focus {
214
+ box-shadow: none;
215
+ }
216
+ }
217
+
218
+ .help-block {
219
+ color: $help-text;
220
+ }
221
+ }
222
+
223
+ .has-success .input-group-addon {
224
+ border-color: $state-success-border;
225
+ }
226
+
227
+ .has-warning .input-group-addon {
228
+ border-color: $state-warning-border;
229
+ }
230
+
231
+ .has-error {
232
+ .input-group-addon {
233
+ border-color: $state-danger-border;
234
+ }
235
+
236
+ .error-message {
237
+ color: $state-danger-text;
238
+ }
239
+ }
240
+
241
+ .has-feedback label {
242
+ & ~ .form-control-feedback {
243
+ top: ($line-height-computed - 2);
244
+ }
245
+ }
246
+
247
+ .has-feedback .input-group ~ .form-control-feedback {
248
+ top: $label-font-size-focus;
249
+ }
250
+
251
+ .form-inline .has-feedback .form-control-feedback {
252
+ top: ($label-font-size-focus + ($padding-base-vertical / 2));
253
+ }
254
+
255
+ .has-feedback label.sr-only ~ .form-control-feedback {
256
+ top: $label-font-size-focus;
257
+ }
258
+
259
+
260
+ // Navbar form
261
+ //
262
+ .navbar-form {
263
+ margin-top: 4.5px;
264
+ margin-bottom: 4.5px;
265
+ }
@@ -0,0 +1,99 @@
1
+ /*!
2
+ * Copyright 2015 BookingSync SAS.
3
+ * Licensed under MIT (https://github.com/BookingSync/bootstrap-bookingsync-sass/blob/master/LICENSE)
4
+ */
5
+
6
+ body {
7
+ height: 100vh;
8
+ padding-top: $navbar-height;
9
+ }
10
+
11
+ .navbar.navbar-fixed-top {
12
+ margin-bottom: 0;
13
+
14
+ & > .container {
15
+ .navbar-brand {
16
+ margin: 0 15px 0 0;
17
+ padding: 0;
18
+ }
19
+ }
20
+
21
+ .navbar-nav > li > a {
22
+ line-height: 40px;
23
+ }
24
+
25
+ h1,
26
+ .navbar-brand {
27
+ font-size: 18px;
28
+ line-height: $navbar-height;
29
+ padding: 0;
30
+ margin: 0;
31
+ }
32
+
33
+ @media (max-width: $screen-xs-max) {
34
+ .navbar-header > div {
35
+ padding: 0 60px;
36
+ }
37
+
38
+ &.navbar-bs-core .navbar-header > div {
39
+ padding: 0 40px;
40
+ }
41
+
42
+ div > .navbar-brand {
43
+ text-align: center;
44
+ width: 100%;
45
+ }
46
+ }
47
+ }
48
+
49
+ #content {
50
+ overflow: auto;
51
+ height: 100vh;
52
+ font-size: 12px; // FIXME: Temporary fix for easier migration
53
+
54
+ &.with-navbar {
55
+ padding-top: $navbar-height + 1; // navbar border
56
+ }
57
+ }
58
+
59
+ @media (max-width: $screen-xs-max) {
60
+ .menu-toggle {
61
+ position: fixed;
62
+ top: 0;
63
+ left: 0;
64
+ z-index: 2000;
65
+ margin-top: 0;
66
+ margin-bottom: 0;
67
+ margin-left: 5px;
68
+ }
69
+
70
+ .menu {
71
+ position: absolute;
72
+ left: 0;
73
+ top: $navbar-height;
74
+ width: 100%;
75
+ height: calc(100vh - 70px);
76
+
77
+ &:hover {
78
+ width: 100%;
79
+ }
80
+ }
81
+ }
82
+
83
+ @media (min-width: $screen-sm-min) {
84
+ .menu {
85
+ height: 100vh;
86
+ position: fixed;
87
+ top: 0;
88
+ left: 0;
89
+
90
+ &.collapse {
91
+ visibility: visible;
92
+ }
93
+ }
94
+
95
+ body.accounts.index .navbar.navbar-fixed-top,
96
+ body.accounts.index #container {
97
+ margin-left: 0;
98
+ }
99
+ }