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.
- checksums.yaml +4 -4
- data/.gitignore +2 -0
- data/Gemfile +3 -0
- data/LICENSE +21 -0
- data/README.md +132 -0
- data/assets/fonts/bookingsync/bookingsync-smiles.eot +0 -0
- data/assets/fonts/bookingsync/bookingsync-smiles.svg +19 -0
- data/assets/fonts/bookingsync/bookingsync-smiles.ttf +0 -0
- data/assets/fonts/bookingsync/bookingsync-smiles.woff +0 -0
- data/assets/javascripts/bookingsync/form.js +40 -0
- data/assets/javascripts/bookingsync/switch.js +388 -0
- data/assets/javascripts/bootstrap-bookingsync-sprockets.js +2 -0
- data/assets/stylesheets/_bootstrap-bookingsync-sprockets.scss +16 -0
- data/assets/stylesheets/_bootstrap-bookingsync.scss +63 -0
- data/assets/stylesheets/bookingsync/_chosen.scss +83 -0
- data/assets/stylesheets/bookingsync/_form.scss +265 -0
- data/assets/stylesheets/bookingsync/_layout.scss +99 -0
- data/assets/stylesheets/bookingsync/_smiles.scss +58 -0
- data/assets/stylesheets/bookingsync/_switch.scss +222 -0
- data/assets/stylesheets/bookingsync/_theme.scss +374 -0
- data/assets/stylesheets/bookingsync/_variables.scss +183 -0
- data/bootstrap-bookingsync-sass.gemspec +17 -0
- data/lib/bootstrap-bookingsync-sass.rb +86 -0
- data/lib/bootstrap/bookingsync/engine.rb +16 -0
- data/lib/bootstrap/bookingsync/version.rb +5 -0
- metadata +27 -3
@@ -0,0 +1,183 @@
|
|
1
|
+
/*!
|
2
|
+
* Copyright 2015 BookingSync SAS.
|
3
|
+
* Licensed under MIT (https://github.com/BookingSync/bootstrap-bookingsync-sass/blob/master/LICENSE)
|
4
|
+
*/
|
5
|
+
$bootstrap-bookingsync-sass-asset-helper: false !default;
|
6
|
+
|
7
|
+
|
8
|
+
$heading-gray: #292c33;
|
9
|
+
$darkblue: #1e3264;
|
10
|
+
$blue: #199bd7;
|
11
|
+
$green: #2db859;
|
12
|
+
|
13
|
+
$brand-primary: $blue;
|
14
|
+
$brand-success: $green;
|
15
|
+
$brand-info: #199bd7;
|
16
|
+
$brand-warning: #f8c432;
|
17
|
+
$brand-danger: #e74c3c; // #ef5f36;
|
18
|
+
|
19
|
+
$gray-base: $darkblue;
|
20
|
+
$gray-darker: $gray-base;
|
21
|
+
$gray-dark: rgba($gray-base, .75);
|
22
|
+
$gray: rgba($gray-base, .75);
|
23
|
+
$gray-light: rgba($gray-base, .5);
|
24
|
+
$gray-lighter: rgba($gray-base, .25);
|
25
|
+
$gray-lightest: rgba($gray-base, .15);
|
26
|
+
|
27
|
+
//== Scaffolding
|
28
|
+
//
|
29
|
+
//## Settings for some of the most global styles.
|
30
|
+
$text-color: $gray-dark;
|
31
|
+
$body-bg: #edeff4;
|
32
|
+
|
33
|
+
//== Typography
|
34
|
+
//
|
35
|
+
//## Font, line-height, and color for body text, headings, and more.
|
36
|
+
$font-family-sans-serif: "Open Sans", Helvetica, Arial, sans-serif;
|
37
|
+
$font-family-base: $font-family-sans-serif;
|
38
|
+
$font-size-base: 14px;
|
39
|
+
$font-size-h1: 26px;
|
40
|
+
$font-size-h2: 22px;
|
41
|
+
$font-size-h3: 18px;
|
42
|
+
$font-size-h4: 16px;
|
43
|
+
$headings-color: $heading-gray;
|
44
|
+
|
45
|
+
//== Iconography
|
46
|
+
//
|
47
|
+
//## Specify custom location and filename of the included Smiles icon font.
|
48
|
+
//## Useful for those including Bootstrap BookingSync via Bower.
|
49
|
+
|
50
|
+
//** Load fonts from this directory.
|
51
|
+
|
52
|
+
// If $bootstrap-bookingsync-sass-asset-helper if used, provide path relative to the assets load path.
|
53
|
+
// This is because some asset helpers, such as Sprockets, do not work with file-relative paths.
|
54
|
+
$smiles-font-path: if($bootstrap-bookingsync-sass-asset-helper, "bookingsync/", "../fonts/bookingsync/") !default;
|
55
|
+
|
56
|
+
//** File name for all font files.
|
57
|
+
$smiles-font-name: "bookingsync-smiles" !default;
|
58
|
+
//** Element ID within SVG icon file.
|
59
|
+
$smiles-font-svg-id: "bookingsync_smiles" !default;
|
60
|
+
|
61
|
+
|
62
|
+
//== Components
|
63
|
+
//
|
64
|
+
//## Define common padding and border radius sizes and more. Values based on 14px
|
65
|
+
$border-radius-base: 2px;
|
66
|
+
$border-radius-large: 3px;
|
67
|
+
$border-radius-small: 1px;
|
68
|
+
|
69
|
+
|
70
|
+
//== BookingSync
|
71
|
+
//
|
72
|
+
$menu-color: #566da7;
|
73
|
+
$menu-bg: #1e3264;
|
74
|
+
$menu-header-height: 70px;
|
75
|
+
$menu-header-color: #ffffff;
|
76
|
+
$menu-header-bg: $brand-primary;
|
77
|
+
$menu-header-link-color: #ffffff;
|
78
|
+
$menu-header-link-hover-color: $menu-header-link-color;
|
79
|
+
$menu-header-link-hover-bg: #53b4e1;
|
80
|
+
$menu-link-color: #8ea8ea;
|
81
|
+
$menu-link-icon-color: rgba($menu-link-color, 0.5);
|
82
|
+
$menu-link-bg: $menu-bg;
|
83
|
+
$menu-link-hover-color: #ffffff;
|
84
|
+
$menu-link-hover-icon-color: $menu-color;
|
85
|
+
$menu-link-hover-bg: #263c73;
|
86
|
+
$menu-active-color: #ffffff;
|
87
|
+
$menu-active-icon-color: $brand-primary;
|
88
|
+
$menu-active-bg: #16264e;
|
89
|
+
$menu-footer-color: #ffffff;
|
90
|
+
$menu-footer-bg: $menu-bg;
|
91
|
+
$menu-footer-link-color: $menu-link-color;
|
92
|
+
$menu-footer-back-color: #fff;
|
93
|
+
|
94
|
+
$menu-border-radius: $border-radius-base;
|
95
|
+
$menu-default-toggle-icon-bar-bg: $gray-light;
|
96
|
+
|
97
|
+
//== Buttons
|
98
|
+
//
|
99
|
+
$btn-primary-bg: $brand-success;
|
100
|
+
$btn-primary-border: darken($btn-success-bg, 5%);
|
101
|
+
$btn-border-radius-base: $border-radius-base;
|
102
|
+
$btn-border-radius-small: $border-radius-small;
|
103
|
+
$btn-border-radius-large: $border-radius-large;
|
104
|
+
|
105
|
+
//== Forms
|
106
|
+
//
|
107
|
+
$input-color: rgb(106, 117, 141); // #6a758d
|
108
|
+
$input-bg: transparent;
|
109
|
+
$input-border-radius-base: 0;
|
110
|
+
$input-border-radius: $input-border-radius-base;
|
111
|
+
$input-border-radius-small: $input-border-radius-base;
|
112
|
+
$input-border-radius-large: $input-border-radius-base;
|
113
|
+
$input-border: rgba(30, 50, 100, 0.5);
|
114
|
+
$input-border-focus: $input-color;
|
115
|
+
$input-height-base: (($padding-base-vertical * 2) + $font-size-base + 1); // 1 for bottom border
|
116
|
+
$input-bg-disabled: transparent;
|
117
|
+
|
118
|
+
$label-color: rgba(106, 117, 141, .75);
|
119
|
+
|
120
|
+
$label-font-size-focus: 12px;
|
121
|
+
$label-padding-focus: ($padding-base-vertical + $label-font-size-focus);
|
122
|
+
$label-color-focus: $brand-primary;
|
123
|
+
$label-border-focus: $label-color-focus;
|
124
|
+
|
125
|
+
$label-font-size-filled: $label-font-size-focus;
|
126
|
+
$label-color-filled: rgba(106, 117, 141, 0.6);
|
127
|
+
$label-border-filled: $input-border;
|
128
|
+
|
129
|
+
$label-color-disabled: rgba(106, 117, 141, 0.5);
|
130
|
+
|
131
|
+
$input-group-addon-bg: transparent;
|
132
|
+
$input-group-addon-height: ($input-height-base + $label-padding-focus);
|
133
|
+
$input-group-addon-padding-top: ($label-padding-focus + ($padding-base-vertical / 2));
|
134
|
+
|
135
|
+
$help-text: $gray-light;
|
136
|
+
|
137
|
+
$state-success-text: #2db859;
|
138
|
+
$state-success-bg: rgba($brand-success, 1);
|
139
|
+
$state-success-border: $state-success-text;
|
140
|
+
|
141
|
+
$state-warning-text: #f39c12;
|
142
|
+
$state-warning-bg: rgba($brand-warning, 1);
|
143
|
+
$state-warning-border: $state-warning-text;
|
144
|
+
|
145
|
+
$state-danger-text: #e74c3c;
|
146
|
+
$state-danger-bg: rgba($brand-danger, 1);
|
147
|
+
$state-danger-border: $state-danger-text;
|
148
|
+
|
149
|
+
|
150
|
+
//== Navbar
|
151
|
+
//
|
152
|
+
$navbar-height: 70px;
|
153
|
+
$navbar-default-bg: #fff;
|
154
|
+
$navbar-default-color: $gray-dark;
|
155
|
+
$navbar-default-border: $gray-lighter;
|
156
|
+
$navbar-default-toggle-icon-bar-bg: $gray-light;
|
157
|
+
|
158
|
+
|
159
|
+
//== Panels
|
160
|
+
//
|
161
|
+
$panel-footer-bg: #fff;
|
162
|
+
$panel-default-heading-bg: #fff;
|
163
|
+
$panel-border-radius: $border-radius-large;
|
164
|
+
$panel-inner-border: $gray-lightest;
|
165
|
+
$panel-default-border: $gray-lighter;
|
166
|
+
|
167
|
+
|
168
|
+
//== Tables
|
169
|
+
//
|
170
|
+
$table-border-color: $gray-lightest;
|
171
|
+
$table-bg-accent: #f4f5f7;
|
172
|
+
$table-bg: #fff;
|
173
|
+
$table-caption-color: $gray;
|
174
|
+
|
175
|
+
|
176
|
+
//== Sheet
|
177
|
+
//
|
178
|
+
$sheet-bg: #fff;
|
179
|
+
$sheet-border: $gray-lighter;
|
180
|
+
$sheet-border-radius: 3px;
|
181
|
+
$sheet-margin: ($grid-gutter-width / 2);
|
182
|
+
$sheet-padding: $sheet-margin;
|
183
|
+
$sheet-inner-border: $gray-lightest;
|
@@ -0,0 +1,17 @@
|
|
1
|
+
lib = File.expand_path('../lib', __FILE__)
|
2
|
+
$LOAD_PATH.unshift(lib) unless $LOAD_PATH.include?(lib)
|
3
|
+
require 'bootstrap/bookingsync/version'
|
4
|
+
|
5
|
+
Gem::Specification.new do |s|
|
6
|
+
s.name = "bootstrap-bookingsync-sass"
|
7
|
+
s.version = Bootstrap::BookingSync::VERSION
|
8
|
+
s.authors = ["Sebastien Grosjean"]
|
9
|
+
s.email = ["dev@bookingsync.com"]
|
10
|
+
s.summary = "Twitter's Bootstrap with BookingSync Theme, ready to drop into Rails"
|
11
|
+
s.homepage = "https://github.com/BookingSync/bootstrap-bookingsync-sass"
|
12
|
+
s.license = 'MIT'
|
13
|
+
|
14
|
+
s.add_runtime_dependency 'bootstrap-sass', '>= 3.3.5'
|
15
|
+
|
16
|
+
s.files = `git ls-files`.split("\n")
|
17
|
+
end
|
@@ -0,0 +1,86 @@
|
|
1
|
+
require "bootstrap/bookingsync/version"
|
2
|
+
module Bootstrap
|
3
|
+
module BookingSync
|
4
|
+
class << self
|
5
|
+
# Inspired by Kaminari
|
6
|
+
def load!
|
7
|
+
register_compass_extension if compass?
|
8
|
+
|
9
|
+
if rails?
|
10
|
+
register_rails_engine
|
11
|
+
elsif sprockets?
|
12
|
+
register_sprockets
|
13
|
+
end
|
14
|
+
|
15
|
+
configure_sass
|
16
|
+
end
|
17
|
+
|
18
|
+
# Paths
|
19
|
+
def gem_path
|
20
|
+
@gem_path ||= File.expand_path '..', File.dirname(__FILE__)
|
21
|
+
end
|
22
|
+
|
23
|
+
def stylesheets_path
|
24
|
+
File.join assets_path, 'stylesheets'
|
25
|
+
end
|
26
|
+
|
27
|
+
def fonts_path
|
28
|
+
File.join assets_path, 'fonts'
|
29
|
+
end
|
30
|
+
|
31
|
+
def javascripts_path
|
32
|
+
File.join assets_path, 'javascripts'
|
33
|
+
end
|
34
|
+
|
35
|
+
def assets_path
|
36
|
+
@assets_path ||= File.join gem_path, 'assets'
|
37
|
+
end
|
38
|
+
|
39
|
+
# Environment detection helpers
|
40
|
+
def sprockets?
|
41
|
+
defined?(::Sprockets)
|
42
|
+
end
|
43
|
+
|
44
|
+
def compass?
|
45
|
+
defined?(::Compass::Frameworks)
|
46
|
+
end
|
47
|
+
|
48
|
+
def rails?
|
49
|
+
defined?(::Rails)
|
50
|
+
end
|
51
|
+
|
52
|
+
private
|
53
|
+
|
54
|
+
def configure_sass
|
55
|
+
require 'sass'
|
56
|
+
|
57
|
+
::Sass.load_paths << stylesheets_path
|
58
|
+
|
59
|
+
# bootstrap requires minimum precision of 8, see https://github.com/twbs/bootstrap-sass/issues/409
|
60
|
+
::Sass::Script::Number.precision = [8, ::Sass::Script::Number.precision].max
|
61
|
+
end
|
62
|
+
|
63
|
+
def register_compass_extension
|
64
|
+
::Compass::Frameworks.register(
|
65
|
+
'bootstrap-bookinsync',
|
66
|
+
:version => Bootstrap::BookingSync::VERSION,
|
67
|
+
:path => gem_path,
|
68
|
+
:stylesheets_directory => stylesheets_path,
|
69
|
+
:templates_directory => File.join(gem_path, 'templates')
|
70
|
+
)
|
71
|
+
end
|
72
|
+
|
73
|
+
def register_rails_engine
|
74
|
+
require 'bootstrap/bookingsync/engine'
|
75
|
+
end
|
76
|
+
|
77
|
+
def register_sprockets
|
78
|
+
Sprockets.append_path(stylesheets_path)
|
79
|
+
Sprockets.append_path(fonts_path)
|
80
|
+
Sprockets.append_path(javascripts_path)
|
81
|
+
end
|
82
|
+
end
|
83
|
+
end
|
84
|
+
end
|
85
|
+
|
86
|
+
Bootstrap::BookingSync.load!
|
@@ -0,0 +1,16 @@
|
|
1
|
+
module Bootstrap
|
2
|
+
module BookingSync
|
3
|
+
module Rails
|
4
|
+
class Engine < ::Rails::Engine
|
5
|
+
require 'bootstrap-sass'
|
6
|
+
|
7
|
+
initializer 'bootstrap-bookingsync-sass.assets.precompile' do |app|
|
8
|
+
%w(stylesheets javascripts fonts images).each do |sub|
|
9
|
+
app.config.assets.paths << root.join('assets', sub).to_s
|
10
|
+
end
|
11
|
+
app.config.assets.precompile << %r(bookingsync/bookingsync-smiles\.(?:eot|svg|ttf|woff2?)$)
|
12
|
+
end
|
13
|
+
end
|
14
|
+
end
|
15
|
+
end
|
16
|
+
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.
|
4
|
+
version: 0.0.6
|
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-
|
11
|
+
date: 2015-09-18 00:00:00.000000000 Z
|
12
12
|
dependencies:
|
13
13
|
- !ruby/object:Gem::Dependency
|
14
14
|
name: bootstrap-sass
|
@@ -30,7 +30,31 @@ email:
|
|
30
30
|
executables: []
|
31
31
|
extensions: []
|
32
32
|
extra_rdoc_files: []
|
33
|
-
files:
|
33
|
+
files:
|
34
|
+
- ".gitignore"
|
35
|
+
- Gemfile
|
36
|
+
- LICENSE
|
37
|
+
- README.md
|
38
|
+
- assets/fonts/bookingsync/bookingsync-smiles.eot
|
39
|
+
- assets/fonts/bookingsync/bookingsync-smiles.svg
|
40
|
+
- assets/fonts/bookingsync/bookingsync-smiles.ttf
|
41
|
+
- assets/fonts/bookingsync/bookingsync-smiles.woff
|
42
|
+
- assets/javascripts/bookingsync/form.js
|
43
|
+
- assets/javascripts/bookingsync/switch.js
|
44
|
+
- assets/javascripts/bootstrap-bookingsync-sprockets.js
|
45
|
+
- assets/stylesheets/_bootstrap-bookingsync-sprockets.scss
|
46
|
+
- assets/stylesheets/_bootstrap-bookingsync.scss
|
47
|
+
- assets/stylesheets/bookingsync/_chosen.scss
|
48
|
+
- assets/stylesheets/bookingsync/_form.scss
|
49
|
+
- assets/stylesheets/bookingsync/_layout.scss
|
50
|
+
- assets/stylesheets/bookingsync/_smiles.scss
|
51
|
+
- assets/stylesheets/bookingsync/_switch.scss
|
52
|
+
- assets/stylesheets/bookingsync/_theme.scss
|
53
|
+
- assets/stylesheets/bookingsync/_variables.scss
|
54
|
+
- bootstrap-bookingsync-sass.gemspec
|
55
|
+
- lib/bootstrap-bookingsync-sass.rb
|
56
|
+
- lib/bootstrap/bookingsync/engine.rb
|
57
|
+
- lib/bootstrap/bookingsync/version.rb
|
34
58
|
homepage: https://github.com/BookingSync/bootstrap-bookingsync-sass
|
35
59
|
licenses:
|
36
60
|
- MIT
|