bootstrap-bookingsync-sass 0.0.5 → 0.0.6
Sign up to get free protection for your applications and to get access to all the features.
- 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
|