bootstrap-honoka-rails 4.0.0.5 → 4.3.1
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/README.md +11 -116
- data/Rakefile +17 -39
- data/assets/stylesheets/honoka/_honoka.scss +4 -2
- data/assets/stylesheets/honoka/_variables.scss +431 -202
- data/lib/bootstrap/honoka/rails.rb +0 -5
- data/lib/bootstrap/honoka/rails/engine.rb +5 -8
- data/lib/bootstrap/honoka/rails/version.rb +1 -8
- data/test/dummy/app/assets/javascripts/application.js +1 -2
- data/test/dummy/app/assets/stylesheets/application.css +2 -0
- data/test/dummy/app/controllers/pages_controller.rb +2 -4
- data/test/dummy/app/views/layouts/application.html.erb +14 -17
- data/test/dummy/app/views/pages/root.html.erb +40 -0
- data/test/dummy/config/application.rb +3 -1
- data/test/dummy/config/environments/development.rb +24 -0
- data/test/dummy/config/environments/production.rb +8 -4
- data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
- data/test/dummy/config/initializers/inflections.rb +16 -0
- data/test/dummy/config/initializers/mime_types.rb +4 -0
- data/test/dummy/config/routes.rb +1 -3
- data/test/honoka_test.rb +3 -42
- data/test/test_helper.rb +5 -49
- metadata +14 -154
- data/VERSIONS.md +0 -10
- data/assets/stylesheets/_nico.scss +0 -8
- data/assets/stylesheets/_umi.scss +0 -8
- data/assets/stylesheets/nico/_honoka.scss +0 -49
- data/assets/stylesheets/nico/_mixins.scss +0 -1
- data/assets/stylesheets/nico/_override.scss +0 -82
- data/assets/stylesheets/nico/_variables.scss +0 -897
- data/assets/stylesheets/umi/_bootswatch.scss +0 -193
- data/assets/stylesheets/umi/_honoka.scss +0 -52
- data/assets/stylesheets/umi/_mixins.scss +0 -1
- data/assets/stylesheets/umi/_override.scss +0 -42
- data/assets/stylesheets/umi/_variables.scss +0 -897
- data/test/dummy/app/assets/stylesheets/honoka.css +0 -3
- data/test/dummy/app/assets/stylesheets/nico.css +0 -3
- data/test/dummy/app/assets/stylesheets/umi.css +0 -3
- data/test/dummy/app/views/pages/honoka.html.erb +0 -1598
- data/test/dummy/app/views/pages/nico.html.erb +0 -1588
- data/test/dummy/app/views/pages/umi.html.erb +0 -1588
- data/test/dummy/bin/rails +0 -4
- data/test/dummy/config/initializers/assets.rb +0 -1
- data/test/dummy/production_key_generate.sh +0 -4
- data/test/dummy/public/favicon.ico +0 -0
- data/test/support/dummy_integration.rb +0 -57
- data/test/support/dummy_reporters.rb +0 -61
checksums.yaml
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
---
|
|
2
2
|
SHA256:
|
|
3
|
-
metadata.gz:
|
|
4
|
-
data.tar.gz:
|
|
3
|
+
metadata.gz: ecbba12eff01fdcb043f82f21a62262b802360796bf115acbfc0f37693b416a6
|
|
4
|
+
data.tar.gz: 87a900c09a05062a8d24874e996bdf3d32ff4c2bff2b7b012d342c9c3ad93508
|
|
5
5
|
SHA512:
|
|
6
|
-
metadata.gz:
|
|
7
|
-
data.tar.gz:
|
|
6
|
+
metadata.gz: ad2774b8ff33d31c79f173424a0b344a275dc5aa5ee9930f2d0ea23d389d8465aef38927ef30cec4a7553a58c8d48e87cd3aa0f9e3054bdeddc306170d6db2a5
|
|
7
|
+
data.tar.gz: e9c9cd132492e5d08f578054c32b8b3dca007f7630270e0e275e0a788eac24e4f40c8acbb0ff8baba023353d1e478ead6d8c69654246bf6c4f8da1e54771fc15
|
data/README.md
CHANGED
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
# Bootstrap-Honoka-Rails
|
|
2
2
|
|
|
3
|
-
[
|
|
4
|
-
bootstrap-honoka-rails can easily install
|
|
3
|
+
[honoka](https://github.com/windyakin/Honoka) is a Bootstrap theme that can display Japanese beautifully.
|
|
4
|
+
bootstrap-honoka-rails can easily install honoka on rails.
|
|
5
5
|
|
|
6
|
-
[
|
|
7
|
-
bootstrap-honoka-rails は
|
|
6
|
+
[honoka](https://github.com/windyakin/Honoka) は日本語も美しく表示できる Bootstrap テーマです。
|
|
7
|
+
bootstrap-honoka-rails は honoka を rails 上に簡単にインストールできます。
|
|
8
8
|
|
|
9
9
|
## Installation
|
|
10
10
|
|
|
11
11
|
Add this line to your application's Gemfile:
|
|
12
12
|
|
|
13
13
|
```ruby
|
|
14
|
-
gem 'bootstrap-honoka-rails' , '~>4.3.1'
|
|
14
|
+
gem 'bootstrap-honoka-rails' , '~>4.3.1'
|
|
15
15
|
```
|
|
16
16
|
|
|
17
17
|
And then execute:
|
|
@@ -26,133 +26,28 @@ Or install it yourself as:
|
|
|
26
26
|
gemfile にこれ書いておけばいいと思います。
|
|
27
27
|
|
|
28
28
|
```ruby
|
|
29
|
-
gem 'bootstrap-honoka-rails' , '~>4.3.1'
|
|
29
|
+
gem 'bootstrap-honoka-rails' , '~>4.3.1'
|
|
30
30
|
```
|
|
31
31
|
|
|
32
32
|
## Usage
|
|
33
33
|
|
|
34
|
-
Add to application.css
|
|
35
|
-
For bootstrap ver3 you need `*= _bootstrap-sprockets`.
|
|
34
|
+
Add to application.css [ *= require _honoka ]
|
|
36
35
|
|
|
37
|
-
app/assets/stylesheets/application.css
|
|
38
|
-
|
|
39
|
-
```css
|
|
40
|
-
/*
|
|
41
|
-
*= require _bootstrap-sprockets # Add line ※ v3 only
|
|
36
|
+
```app/assets/stylesheets/application.css
|
|
42
37
|
*= require _honoka # Add line
|
|
43
38
|
*= require_self
|
|
44
|
-
*/
|
|
45
|
-
```
|
|
46
|
-
|
|
47
|
-
and add to application.js <br>
|
|
48
|
-
`//= require popper` (bootstrap ver4 later), <br>
|
|
49
|
-
`//= require bootstrap-sprockets`
|
|
50
|
-
|
|
51
|
-
app/assets/javascripts/application.js
|
|
52
|
-
|
|
53
|
-
```js
|
|
54
|
-
//= require jquery2
|
|
55
|
-
//= require rails-ujs
|
|
56
|
-
//= require activestorage
|
|
57
|
-
//= require popper # add line ※ v4 later
|
|
58
|
-
//= require bootstrap-sprockets # add line
|
|
59
|
-
//= require turbolinks
|
|
60
|
-
//= require_tree .
|
|
61
39
|
```
|
|
62
40
|
|
|
63
|
-
If you loaded `bootstrap-sprockets`, you do not need to load `bootstrap.min` .<br>
|
|
64
|
-
Because Dropdown features may not work properly.<br>
|
|
65
|
-
Please check [here](https://github.com/twbs/bootstrap-sass/issues/714) for more details.<br>
|
|
66
|
-
(It has been tested on production environment. The sample app is in the 'test/dummy' directory. )
|
|
67
|
-
|
|
68
41
|
[日本語訳]
|
|
69
|
-
とりあえずインストール後、上記を application.css
|
|
70
|
-
注意点として `bootstrap-sprockets` を読み込むと思いますが、その場合 `bootstrap.min` は読み込む必要がありません。<br>
|
|
71
|
-
何故なら Dropdown が正しく動作しない可能性があります。 <br>
|
|
72
|
-
詳細は[こちら](https://github.com/twbs/bootstrap-sass/issues/714)をご確認ください。<br>
|
|
73
|
-
※production 環境で動作することを確認済み。 サンプルアプリは 'test/dummy' ディレクトリ内 にあります。
|
|
74
|
-
|
|
75
|
-
---
|
|
76
|
-
|
|
77
|
-
Certain [versions](VERSIONS.md) also support Nico , Umi and Rin.
|
|
78
|
-
|
|
79
|
-
app/assets/stylesheets/application.css
|
|
80
|
-
|
|
81
|
-
```css
|
|
82
|
-
*= require _umi # Add line
|
|
83
|
-
*= require_self
|
|
84
|
-
```
|
|
85
|
-
|
|
86
|
-
or
|
|
87
|
-
|
|
88
|
-
```css
|
|
89
|
-
*= require _nico # Add line
|
|
90
|
-
*= require_self
|
|
91
|
-
```
|
|
92
|
-
|
|
93
|
-
or
|
|
94
|
-
|
|
95
|
-
```css
|
|
96
|
-
*= require _rin # Add line
|
|
97
|
-
*= require_self
|
|
98
|
-
```
|
|
99
|
-
|
|
100
|
-
Please check [VERSIONS.md](VERSIONS.md) for Honoka Nico Umi Rin compatible Ver.
|
|
101
|
-
|
|
102
|
-
[日本語訳][特定のバージョン](VERSIONS.md)では "Nico"と "Umi" と "Rin" も対応しています。
|
|
103
|
-
`_honoka` の代わりに `*= require _nico` と書けば Nico になりますし、 `_umi` と書けば Umi デザインになります。 <br>
|
|
104
|
-
Rin も Ver によっては `_rin` と書けば対応出来ます。<br>
|
|
105
|
-
Honoka Nico Umi Rin の対応 Ver は[VERSIONS.md](VERSIONS.md)をご確認ください。
|
|
42
|
+
とりあえずインストール後、上記を application.css に追加すれば OK です。
|
|
106
43
|
|
|
107
44
|
## Notice
|
|
108
45
|
|
|
109
|
-
bootstrap-honoka-rails uses bootstrap
|
|
46
|
+
bootstrap-honoka-rails uses bootstrap internally.
|
|
110
47
|
|
|
111
48
|
[日本語訳]
|
|
112
|
-
bootstrap-honoka-rails は bootstrap
|
|
49
|
+
bootstrap-honoka-rails は bootstrap を内部的に使っています。
|
|
113
50
|
|
|
114
51
|
## License
|
|
115
52
|
|
|
116
53
|
The gem is available as open source under the terms of the [MIT License](https://opensource.org/licenses/MIT).
|
|
117
|
-
|
|
118
|
-
## Supported bootstrap themes
|
|
119
|
-
|
|
120
|
-
#### [Honoka](http://honokak.osaka/)
|
|
121
|
-
|
|
122
|
-
Source URL ... [https://github.com/windyakin/Honoka](https://github.com/windyakin/Honoka)
|
|
123
|
-
|
|
124
|
-
> The MIT License (MIT)
|
|
125
|
-
>
|
|
126
|
-
> Copyright (c) 2015 windyakin
|
|
127
|
-
|
|
128
|
-
[License View All](https://github.com/windyakin/Honoka/blob/master/LICENSE)
|
|
129
|
-
|
|
130
|
-
#### [Umi](https://ysakasin.github.io/Umi/)
|
|
131
|
-
|
|
132
|
-
Source URL ... [https://github.com/ysakasin/Umi](https://github.com/ysakasin/Umi)
|
|
133
|
-
|
|
134
|
-
> The MIT License (MIT)
|
|
135
|
-
>
|
|
136
|
-
> Copyright (c) 2015 ysakasin
|
|
137
|
-
|
|
138
|
-
[License View All](https://github.com/ysakasin/Umi/blob/master/LICENSE)
|
|
139
|
-
|
|
140
|
-
#### [Nico](https://nico.kubosho.com/)
|
|
141
|
-
|
|
142
|
-
Source URL ... [https://github.com/kubosho/Nico](https://github.com/kubosho/Nico)
|
|
143
|
-
|
|
144
|
-
> The MIT License (MIT)
|
|
145
|
-
>
|
|
146
|
-
> Copyright (c) 2015 windyakin, kubosho
|
|
147
|
-
|
|
148
|
-
[License View All](https://github.com/kubosho/Nico/blob/master/LICENSE)
|
|
149
|
-
|
|
150
|
-
#### [Rin](https://rinhoshizo.la/)
|
|
151
|
-
|
|
152
|
-
Source URL ... [https://github.com/raryosu/Rin](https://github.com/raryosu/Rin)
|
|
153
|
-
|
|
154
|
-
> The MIT License (MIT)
|
|
155
|
-
>
|
|
156
|
-
> Copyright (c) 2016 Hagihara Ryosuke
|
|
157
|
-
|
|
158
|
-
[License View All](https://github.com/raryosu/Rin/blob/master/LICENSE)
|
data/Rakefile
CHANGED
|
@@ -1,55 +1,33 @@
|
|
|
1
1
|
begin
|
|
2
|
-
# bundlerでインストールしたgemをrequireで読み取り可能とする。
|
|
3
2
|
require 'bundler/setup'
|
|
4
3
|
rescue LoadError
|
|
5
4
|
puts 'You must `gem install bundler` and `bundle install` to run rake tasks'
|
|
6
5
|
end
|
|
7
6
|
|
|
8
|
-
|
|
9
|
-
require 'bundler/gem_tasks' # build, clobber, release などのコマンドを使用可能とする。
|
|
10
|
-
require 'rdoc/task' # RDoc::Taskクラスのrequireを行う。
|
|
11
|
-
require 'rake/testtask' # Rake::TestTaskクラスのrequireを行う。
|
|
12
|
-
require 'rake/file_utils_ext' # rake用file_utilsの拡張
|
|
7
|
+
require 'rdoc/task'
|
|
13
8
|
|
|
14
|
-
# rdoc, clobber_rdoc コマンド定義
|
|
15
9
|
RDoc::Task.new(:rdoc) do |rdoc|
|
|
16
10
|
rdoc.rdoc_dir = 'rdoc'
|
|
17
|
-
rdoc.title = 'Bootstrap::
|
|
11
|
+
rdoc.title = 'Bootstrap::Honoka4'
|
|
18
12
|
rdoc.options << '--line-numbers'
|
|
19
|
-
rdoc.rdoc_files.include('README.md'
|
|
13
|
+
rdoc.rdoc_files.include('README.md')
|
|
14
|
+
rdoc.rdoc_files.include('lib/**/*.rb')
|
|
20
15
|
end
|
|
21
16
|
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
t.libs << 'test' # require pathの追加
|
|
25
|
-
t.pattern = 'test/**/*_test.rb' # 実行するテストコマンド
|
|
26
|
-
t.verbose = false # 詳細なテキストを非表示化
|
|
27
|
-
t.warning = false # 警告を非表示
|
|
28
|
-
end
|
|
17
|
+
APP_RAKEFILE = File.expand_path('test/dummy/Rakefile', __dir__)
|
|
18
|
+
load 'rails/tasks/engine.rake'
|
|
29
19
|
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
# 下記 rm_rf を使用するとbegin rescueで囲む必要もないが、
|
|
34
|
-
# あえて rm_r を使用している理由は下記の通り。
|
|
35
|
-
#
|
|
36
|
-
# - 本処理は主にシステムのデフォルトで用意されているrdocに倣っている。
|
|
37
|
-
# ※rdocの削除処理に対して [secure属性] だけは追加している。
|
|
38
|
-
# - rdocの削除である `rake clobber_rdoc` コマンドを使用すると
|
|
39
|
-
# ::Rake::Fileutils::rm_r が使用されている。
|
|
40
|
-
# - その rm_r コマンドでは `rm_r @rdoc_dir rescue nil` というように
|
|
41
|
-
# no such file or directoryエラーが発生する事も考慮して、
|
|
42
|
-
# rescueを行う処理となっていた。
|
|
43
|
-
#
|
|
44
|
-
# 以上の事から、rm_rf ではなく rm_r を使用している。
|
|
45
|
-
begin
|
|
46
|
-
::Rake::FileUtilsExt.rm_r('tmp', secure: true)
|
|
47
|
-
rescue StandardError
|
|
48
|
-
end
|
|
49
|
-
end
|
|
20
|
+
load 'rails/tasks/statistics.rake'
|
|
21
|
+
|
|
22
|
+
require 'bundler/gem_tasks'
|
|
50
23
|
|
|
51
|
-
|
|
52
|
-
|
|
24
|
+
require 'rake/testtask'
|
|
25
|
+
|
|
26
|
+
Rake::TestTask.new(:test) do |t|
|
|
27
|
+
t.libs << 'test'
|
|
28
|
+
t.pattern = 'test/**/*_test.rb'
|
|
29
|
+
t.verbose = false
|
|
30
|
+
t.warning = false
|
|
31
|
+
end
|
|
53
32
|
|
|
54
|
-
# test コマンドをrakeのデフォルト動作とする。
|
|
55
33
|
task default: :test
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
@import "bootstrap/functions";
|
|
5
5
|
|
|
6
6
|
// Honoka variables
|
|
7
|
-
@import "
|
|
7
|
+
@import "honoka/variables";
|
|
8
8
|
|
|
9
9
|
@import "bootstrap/variables";
|
|
10
10
|
@import "bootstrap/mixins";
|
|
@@ -38,12 +38,14 @@
|
|
|
38
38
|
@import "bootstrap/media";
|
|
39
39
|
@import "bootstrap/list-group";
|
|
40
40
|
@import "bootstrap/close";
|
|
41
|
+
@import "bootstrap/toasts";
|
|
41
42
|
@import "bootstrap/modal";
|
|
42
43
|
@import "bootstrap/tooltip";
|
|
43
44
|
@import "bootstrap/popover";
|
|
44
45
|
@import "bootstrap/carousel";
|
|
46
|
+
@import "bootstrap/spinners";
|
|
45
47
|
@import "bootstrap/utilities";
|
|
46
48
|
@import "bootstrap/print";
|
|
47
49
|
|
|
48
50
|
// Honoka original setting
|
|
49
|
-
@import "
|
|
51
|
+
@import "honoka/override";
|
|
@@ -4,12 +4,8 @@
|
|
|
4
4
|
// Variables should follow the `$component-state-property-size` formula for
|
|
5
5
|
// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
//
|
|
9
7
|
// Color system
|
|
10
|
-
//
|
|
11
8
|
|
|
12
|
-
// stylelint-disable
|
|
13
9
|
$white: #fff !default;
|
|
14
10
|
$gray-100: #f8f9fa !default;
|
|
15
11
|
$gray-200: #e9ecef !default;
|
|
@@ -23,17 +19,21 @@ $gray-900: #212529 !default;
|
|
|
23
19
|
$black: #000 !default;
|
|
24
20
|
|
|
25
21
|
$grays: () !default;
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
22
|
+
// stylelint-disable-next-line scss/dollar-variable-default
|
|
23
|
+
$grays: map-merge(
|
|
24
|
+
(
|
|
25
|
+
"100": $gray-100,
|
|
26
|
+
"200": $gray-200,
|
|
27
|
+
"300": $gray-300,
|
|
28
|
+
"400": $gray-400,
|
|
29
|
+
"500": $gray-500,
|
|
30
|
+
"600": $gray-600,
|
|
31
|
+
"700": $gray-700,
|
|
32
|
+
"800": $gray-800,
|
|
33
|
+
"900": $gray-900
|
|
34
|
+
),
|
|
35
|
+
$grays
|
|
36
|
+
);
|
|
37
37
|
|
|
38
38
|
$blue: #007bff !default;
|
|
39
39
|
$indigo: #6610f2 !default;
|
|
@@ -47,21 +47,25 @@ $teal: #20c997 !default;
|
|
|
47
47
|
$cyan: #17a2b8 !default;
|
|
48
48
|
|
|
49
49
|
$colors: () !default;
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
50
|
+
// stylelint-disable-next-line scss/dollar-variable-default
|
|
51
|
+
$colors: map-merge(
|
|
52
|
+
(
|
|
53
|
+
"blue": $blue,
|
|
54
|
+
"indigo": $indigo,
|
|
55
|
+
"purple": $purple,
|
|
56
|
+
"pink": $pink,
|
|
57
|
+
"red": $red,
|
|
58
|
+
"orange": $orange,
|
|
59
|
+
"yellow": $yellow,
|
|
60
|
+
"green": $green,
|
|
61
|
+
"teal": $teal,
|
|
62
|
+
"cyan": $cyan,
|
|
63
|
+
"white": $white,
|
|
64
|
+
"gray": $gray-600,
|
|
65
|
+
"gray-dark": $gray-800
|
|
66
|
+
),
|
|
67
|
+
$colors
|
|
68
|
+
);
|
|
65
69
|
|
|
66
70
|
$primary: $blue !default;
|
|
67
71
|
$secondary: $gray-600 !default;
|
|
@@ -73,40 +77,49 @@ $light: $gray-100 !default;
|
|
|
73
77
|
$dark: $gray-800 !default;
|
|
74
78
|
|
|
75
79
|
$theme-colors: () !default;
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
80
|
+
// stylelint-disable-next-line scss/dollar-variable-default
|
|
81
|
+
$theme-colors: map-merge(
|
|
82
|
+
(
|
|
83
|
+
"primary": $primary,
|
|
84
|
+
"secondary": $secondary,
|
|
85
|
+
"success": $success,
|
|
86
|
+
"info": $info,
|
|
87
|
+
"warning": $warning,
|
|
88
|
+
"danger": $danger,
|
|
89
|
+
"light": $light,
|
|
90
|
+
"dark": $dark
|
|
91
|
+
),
|
|
92
|
+
$theme-colors
|
|
93
|
+
);
|
|
87
94
|
|
|
88
95
|
// Set a specific jump point for requesting color jumps
|
|
89
96
|
$theme-color-interval: 8% !default;
|
|
90
97
|
|
|
91
98
|
// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
|
|
92
|
-
$yiq-contrasted-threshold:
|
|
99
|
+
$yiq-contrasted-threshold: 150 !default;
|
|
93
100
|
|
|
94
101
|
// Customize the light and dark text colors for use in our YIQ color contrast function.
|
|
95
|
-
$yiq-text-dark:
|
|
96
|
-
$yiq-text-light:
|
|
102
|
+
$yiq-text-dark: $gray-900 !default;
|
|
103
|
+
$yiq-text-light: $white !default;
|
|
104
|
+
|
|
97
105
|
|
|
98
106
|
// Options
|
|
99
107
|
//
|
|
100
108
|
// Quickly modify global styling by enabling or disabling optional features.
|
|
101
109
|
|
|
102
|
-
$enable-caret:
|
|
103
|
-
$enable-rounded:
|
|
104
|
-
$enable-shadows:
|
|
105
|
-
$enable-gradients:
|
|
106
|
-
$enable-transitions:
|
|
107
|
-
$enable-
|
|
108
|
-
$enable-
|
|
109
|
-
$enable-
|
|
110
|
+
$enable-caret: true !default;
|
|
111
|
+
$enable-rounded: true !default;
|
|
112
|
+
$enable-shadows: false !default;
|
|
113
|
+
$enable-gradients: false !default;
|
|
114
|
+
$enable-transitions: true !default;
|
|
115
|
+
$enable-prefers-reduced-motion-media-query: true !default;
|
|
116
|
+
$enable-hover-media-query: false !default; // Deprecated, no longer affects any compiled CSS
|
|
117
|
+
$enable-grid-classes: true !default;
|
|
118
|
+
$enable-pointer-cursor-for-buttons: true !default;
|
|
119
|
+
$enable-print-styles: true !default;
|
|
120
|
+
$enable-responsive-font-sizes: false !default;
|
|
121
|
+
$enable-validation-icons: true !default;
|
|
122
|
+
$enable-deprecation-messages: true !default;
|
|
110
123
|
|
|
111
124
|
|
|
112
125
|
// Spacing
|
|
@@ -115,27 +128,35 @@ $enable-print-styles: true !default;
|
|
|
115
128
|
// variables. Mostly focused on spacing.
|
|
116
129
|
// You can add more entries to the $spacers map, should you need more variation.
|
|
117
130
|
|
|
118
|
-
// stylelint-disable
|
|
119
131
|
$spacer: 1rem !default;
|
|
120
132
|
$spacers: () !default;
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
133
|
+
// stylelint-disable-next-line scss/dollar-variable-default
|
|
134
|
+
$spacers: map-merge(
|
|
135
|
+
(
|
|
136
|
+
0: 0,
|
|
137
|
+
1: ($spacer * .25),
|
|
138
|
+
2: ($spacer * .5),
|
|
139
|
+
3: $spacer,
|
|
140
|
+
4: ($spacer * 1.5),
|
|
141
|
+
5: ($spacer * 3)
|
|
142
|
+
),
|
|
143
|
+
$spacers
|
|
144
|
+
);
|
|
129
145
|
|
|
130
146
|
// This variable affects the `.h-*` and `.w-*` classes.
|
|
131
147
|
$sizes: () !default;
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
148
|
+
// stylelint-disable-next-line scss/dollar-variable-default
|
|
149
|
+
$sizes: map-merge(
|
|
150
|
+
(
|
|
151
|
+
25: 25%,
|
|
152
|
+
50: 50%,
|
|
153
|
+
75: 75%,
|
|
154
|
+
100: 100%,
|
|
155
|
+
auto: auto
|
|
156
|
+
),
|
|
157
|
+
$sizes
|
|
158
|
+
);
|
|
159
|
+
|
|
139
160
|
|
|
140
161
|
// Body
|
|
141
162
|
//
|
|
@@ -144,14 +165,17 @@ $sizes: map-merge((
|
|
|
144
165
|
$body-bg: $white !default;
|
|
145
166
|
$body-color: $gray-900 !default;
|
|
146
167
|
|
|
168
|
+
|
|
147
169
|
// Links
|
|
148
170
|
//
|
|
149
171
|
// Style anchor elements.
|
|
150
172
|
|
|
151
|
-
$link-color:
|
|
152
|
-
$link-decoration:
|
|
153
|
-
$link-hover-color:
|
|
154
|
-
$link-hover-decoration:
|
|
173
|
+
$link-color: theme-color("primary") !default;
|
|
174
|
+
$link-decoration: none !default;
|
|
175
|
+
$link-hover-color: darken($link-color, 15%) !default;
|
|
176
|
+
$link-hover-decoration: underline !default;
|
|
177
|
+
// Darken percentage for links with `.text-*` class (e.g. `.text-success`)
|
|
178
|
+
$emphasized-link-hover-darken-percentage: 15% !default;
|
|
155
179
|
|
|
156
180
|
// Paragraphs
|
|
157
181
|
//
|
|
@@ -174,7 +198,7 @@ $grid-breakpoints: (
|
|
|
174
198
|
) !default;
|
|
175
199
|
|
|
176
200
|
@include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
|
|
177
|
-
@include _assert-starts-at-zero($grid-breakpoints);
|
|
201
|
+
@include _assert-starts-at-zero($grid-breakpoints, "$grid-breakpoints");
|
|
178
202
|
|
|
179
203
|
|
|
180
204
|
// Grid containers
|
|
@@ -198,6 +222,7 @@ $container-max-widths: (
|
|
|
198
222
|
$grid-columns: 12 !default;
|
|
199
223
|
$grid-gutter-width: 30px !default;
|
|
200
224
|
|
|
225
|
+
|
|
201
226
|
// Components
|
|
202
227
|
//
|
|
203
228
|
// Define common padding and border radius sizes and more.
|
|
@@ -212,34 +237,55 @@ $border-radius: .25rem !default;
|
|
|
212
237
|
$border-radius-lg: .3rem !default;
|
|
213
238
|
$border-radius-sm: .2rem !default;
|
|
214
239
|
|
|
240
|
+
$rounded-pill: 50rem !default;
|
|
241
|
+
|
|
242
|
+
$box-shadow-sm: 0 .125rem .25rem rgba($black, .075) !default;
|
|
243
|
+
$box-shadow: 0 .5rem 1rem rgba($black, .15) !default;
|
|
244
|
+
$box-shadow-lg: 0 1rem 3rem rgba($black, .175) !default;
|
|
245
|
+
|
|
215
246
|
$component-active-color: $white !default;
|
|
216
247
|
$component-active-bg: theme-color("primary") !default;
|
|
217
248
|
|
|
218
249
|
$caret-width: .3em !default;
|
|
250
|
+
$caret-vertical-align: $caret-width * .85 !default;
|
|
251
|
+
$caret-spacing: $caret-width * .85 !default;
|
|
219
252
|
|
|
220
253
|
$transition-base: all .2s ease-in-out !default;
|
|
221
254
|
$transition-fade: opacity .15s linear !default;
|
|
222
255
|
$transition-collapse: height .35s ease !default;
|
|
223
256
|
|
|
224
|
-
|
|
225
|
-
//
|
|
257
|
+
$embed-responsive-aspect-ratios: () !default;
|
|
258
|
+
// stylelint-disable-next-line scss/dollar-variable-default
|
|
259
|
+
$embed-responsive-aspect-ratios: join(
|
|
260
|
+
(
|
|
261
|
+
(21 9),
|
|
262
|
+
(16 9),
|
|
263
|
+
(4 3),
|
|
264
|
+
(1 1),
|
|
265
|
+
),
|
|
266
|
+
$embed-responsive-aspect-ratios
|
|
267
|
+
);
|
|
268
|
+
|
|
269
|
+
// Typography
|
|
226
270
|
//
|
|
227
271
|
// Font, line-height, and color for body text, headings, and more.
|
|
228
272
|
|
|
229
273
|
// stylelint-disable value-keyword-case
|
|
230
|
-
$font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
|
|
274
|
+
$font-family-sans-serif: -apple-system, "BlinkMacSystemFont", "Helvetica Neue", Helvetica, "Arial", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
|
|
231
275
|
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
|
|
232
276
|
$font-family-serif: "Times New Roman", Times, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif !default;
|
|
233
277
|
$font-family-base: $font-family-sans-serif !default;
|
|
234
278
|
// stylelint-enable value-keyword-case
|
|
235
279
|
|
|
236
280
|
$font-size-base: 1rem !default; // Assumes the browser default, typically `16px`
|
|
237
|
-
$font-size-lg:
|
|
238
|
-
$font-size-sm:
|
|
281
|
+
$font-size-lg: $font-size-base * 1.25 !default;
|
|
282
|
+
$font-size-sm: $font-size-base * .875 !default;
|
|
239
283
|
|
|
284
|
+
$font-weight-lighter: lighter !default;
|
|
240
285
|
$font-weight-light: 400 !default;
|
|
241
286
|
$font-weight-normal: 400 !default;
|
|
242
287
|
$font-weight-bold: 600 !default;
|
|
288
|
+
$font-weight-bolder: bolder !default;
|
|
243
289
|
|
|
244
290
|
$font-weight-base: $font-weight-normal !default;
|
|
245
291
|
$line-height-base: 1.5 !default;
|
|
@@ -251,11 +297,11 @@ $h4-font-size: $font-size-base * 1.5 !default;
|
|
|
251
297
|
$h5-font-size: $font-size-base * 1.25 !default;
|
|
252
298
|
$h6-font-size: $font-size-base !default;
|
|
253
299
|
|
|
254
|
-
$headings-margin-bottom:
|
|
255
|
-
$headings-font-family:
|
|
300
|
+
$headings-margin-bottom: $spacer / 2 !default;
|
|
301
|
+
$headings-font-family: null !default;
|
|
256
302
|
$headings-font-weight: $font-weight-bold !default;
|
|
257
303
|
$headings-line-height: 1.2 !default;
|
|
258
|
-
$headings-color:
|
|
304
|
+
$headings-color: null !default;
|
|
259
305
|
|
|
260
306
|
$display1-size: 6rem !default;
|
|
261
307
|
$display2-size: 5.5rem !default;
|
|
@@ -268,7 +314,7 @@ $display3-weight: $font-weight-normal !default;
|
|
|
268
314
|
$display4-weight: $font-weight-normal !default;
|
|
269
315
|
$display-line-height: $headings-line-height !default;
|
|
270
316
|
|
|
271
|
-
$lead-font-size:
|
|
317
|
+
$lead-font-size: $font-size-base * 1.25 !default;
|
|
272
318
|
$lead-font-weight: $font-weight-normal !default;
|
|
273
319
|
|
|
274
320
|
$small-font-size: 80% !default;
|
|
@@ -276,6 +322,7 @@ $small-font-size: 80% !default;
|
|
|
276
322
|
$text-muted: $gray-600 !default;
|
|
277
323
|
|
|
278
324
|
$blockquote-small-color: $gray-600 !default;
|
|
325
|
+
$blockquote-small-font-size: $small-font-size !default;
|
|
279
326
|
$blockquote-font-size: $font-size-base !default;
|
|
280
327
|
|
|
281
328
|
$hr-border-color: rgba($black, .1) !default;
|
|
@@ -302,22 +349,33 @@ $hr-margin-y: $spacer !default;
|
|
|
302
349
|
$table-cell-padding: .75rem !default;
|
|
303
350
|
$table-cell-padding-sm: .3rem !default;
|
|
304
351
|
|
|
305
|
-
$table-
|
|
352
|
+
$table-color: $body-color !default;
|
|
353
|
+
$table-bg: null !default;
|
|
306
354
|
$table-accent-bg: rgba($black, .05) !default;
|
|
355
|
+
$table-hover-color: $table-color !default;
|
|
307
356
|
$table-hover-bg: rgba($black, .075) !default;
|
|
308
357
|
$table-active-bg: $table-hover-bg !default;
|
|
309
358
|
|
|
310
359
|
$table-border-width: $border-width !default;
|
|
311
|
-
$table-border-color: $
|
|
360
|
+
$table-border-color: $border-color !default;
|
|
312
361
|
|
|
313
362
|
$table-head-bg: $gray-200 !default;
|
|
314
363
|
$table-head-color: $gray-700 !default;
|
|
315
364
|
|
|
316
|
-
$table-dark-
|
|
365
|
+
$table-dark-color: $white !default;
|
|
366
|
+
$table-dark-bg: $gray-800 !default;
|
|
317
367
|
$table-dark-accent-bg: rgba($white, .05) !default;
|
|
368
|
+
$table-dark-hover-color: $table-dark-color !default;
|
|
318
369
|
$table-dark-hover-bg: rgba($white, .075) !default;
|
|
319
|
-
$table-dark-border-color: lighten($
|
|
320
|
-
$table-dark-color: $
|
|
370
|
+
$table-dark-border-color: lighten($table-dark-bg, 7.5%) !default;
|
|
371
|
+
$table-dark-color: $white !default;
|
|
372
|
+
|
|
373
|
+
$table-striped-order: odd !default;
|
|
374
|
+
|
|
375
|
+
$table-caption-color: $text-muted !default;
|
|
376
|
+
|
|
377
|
+
$table-bg-level: -9 !default;
|
|
378
|
+
$table-border-level: -6 !default;
|
|
321
379
|
|
|
322
380
|
|
|
323
381
|
// Buttons + Forms
|
|
@@ -326,6 +384,8 @@ $table-dark-color: $body-bg !default;
|
|
|
326
384
|
|
|
327
385
|
$input-btn-padding-y: .375rem !default;
|
|
328
386
|
$input-btn-padding-x: .75rem !default;
|
|
387
|
+
$input-btn-font-family: null !default;
|
|
388
|
+
$input-btn-font-size: $font-size-base !default;
|
|
329
389
|
$input-btn-line-height: $line-height-base !default;
|
|
330
390
|
|
|
331
391
|
$input-btn-focus-width: .2rem !default;
|
|
@@ -334,10 +394,12 @@ $input-btn-focus-box-shadow: 0 0 0 $input-btn-focus-width $input-btn-focus-colo
|
|
|
334
394
|
|
|
335
395
|
$input-btn-padding-y-sm: .25rem !default;
|
|
336
396
|
$input-btn-padding-x-sm: .5rem !default;
|
|
397
|
+
$input-btn-font-size-sm: $font-size-sm !default;
|
|
337
398
|
$input-btn-line-height-sm: $line-height-sm !default;
|
|
338
399
|
|
|
339
400
|
$input-btn-padding-y-lg: .5rem !default;
|
|
340
401
|
$input-btn-padding-x-lg: 1rem !default;
|
|
402
|
+
$input-btn-font-size-lg: $font-size-lg !default;
|
|
341
403
|
$input-btn-line-height-lg: $line-height-lg !default;
|
|
342
404
|
|
|
343
405
|
$input-btn-border-width: $border-width !default;
|
|
@@ -349,14 +411,18 @@ $input-btn-border-width: $border-width !default;
|
|
|
349
411
|
|
|
350
412
|
$btn-padding-y: $input-btn-padding-y !default;
|
|
351
413
|
$btn-padding-x: $input-btn-padding-x !default;
|
|
414
|
+
$btn-font-family: $input-btn-font-family !default;
|
|
415
|
+
$btn-font-size: $input-btn-font-size !default;
|
|
352
416
|
$btn-line-height: $input-btn-line-height !default;
|
|
353
417
|
|
|
354
418
|
$btn-padding-y-sm: $input-btn-padding-y-sm !default;
|
|
355
419
|
$btn-padding-x-sm: $input-btn-padding-x-sm !default;
|
|
420
|
+
$btn-font-size-sm: $input-btn-font-size-sm !default;
|
|
356
421
|
$btn-line-height-sm: $input-btn-line-height-sm !default;
|
|
357
422
|
|
|
358
423
|
$btn-padding-y-lg: $input-btn-padding-y-lg !default;
|
|
359
424
|
$btn-padding-x-lg: $input-btn-padding-x-lg !default;
|
|
425
|
+
$btn-font-size-lg: $input-btn-font-size-lg !default;
|
|
360
426
|
$btn-line-height-lg: $input-btn-line-height-lg !default;
|
|
361
427
|
|
|
362
428
|
$btn-border-width: $input-btn-border-width !default;
|
|
@@ -382,16 +448,23 @@ $btn-transition: color .15s ease-in-out, background-color .15s ease
|
|
|
382
448
|
|
|
383
449
|
// Forms
|
|
384
450
|
|
|
451
|
+
$label-margin-bottom: .5rem !default;
|
|
452
|
+
|
|
385
453
|
$input-padding-y: $input-btn-padding-y !default;
|
|
386
454
|
$input-padding-x: $input-btn-padding-x !default;
|
|
455
|
+
$input-font-family: $input-btn-font-family !default;
|
|
456
|
+
$input-font-size: $input-btn-font-size !default;
|
|
457
|
+
$input-font-weight: $font-weight-base !default;
|
|
387
458
|
$input-line-height: $input-btn-line-height !default;
|
|
388
459
|
|
|
389
460
|
$input-padding-y-sm: $input-btn-padding-y-sm !default;
|
|
390
461
|
$input-padding-x-sm: $input-btn-padding-x-sm !default;
|
|
462
|
+
$input-font-size-sm: $input-btn-font-size-sm !default;
|
|
391
463
|
$input-line-height-sm: $input-btn-line-height-sm !default;
|
|
392
464
|
|
|
393
465
|
$input-padding-y-lg: $input-btn-padding-y-lg !default;
|
|
394
466
|
$input-padding-x-lg: $input-btn-padding-x-lg !default;
|
|
467
|
+
$input-font-size-lg: $input-btn-font-size-lg !default;
|
|
395
468
|
$input-line-height-lg: $input-btn-line-height-lg !default;
|
|
396
469
|
|
|
397
470
|
$input-bg: $white !default;
|
|
@@ -413,17 +486,17 @@ $input-focus-width: $input-btn-focus-width !default;
|
|
|
413
486
|
$input-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
|
414
487
|
|
|
415
488
|
$input-placeholder-color: $gray-600 !default;
|
|
489
|
+
$input-plaintext-color: $body-color !default;
|
|
416
490
|
|
|
417
491
|
$input-height-border: $input-border-width * 2 !default;
|
|
418
492
|
|
|
419
|
-
$input-height-inner: ($
|
|
420
|
-
$input-height:
|
|
421
|
-
|
|
422
|
-
$input-height-inner-sm: ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
|
|
423
|
-
$input-height-sm: calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;
|
|
493
|
+
$input-height-inner: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2}) !default;
|
|
494
|
+
$input-height-inner-half: calc(#{$input-line-height * .5em} + #{$input-padding-y}) !default;
|
|
495
|
+
$input-height-inner-quarter: calc(#{$input-line-height * .25em} + #{$input-padding-y / 2}) !default;
|
|
424
496
|
|
|
425
|
-
$input-height
|
|
426
|
-
$input-height-
|
|
497
|
+
$input-height: calc(#{$input-line-height * 1em} + #{$input-padding-y * 2} + #{$input-height-border}) !default;
|
|
498
|
+
$input-height-sm: calc(#{$input-line-height-sm * 1em} + #{$input-btn-padding-y-sm * 2} + #{$input-height-border}) !default;
|
|
499
|
+
$input-height-lg: calc(#{$input-line-height-lg * 1em} + #{$input-btn-padding-y-lg * 2} + #{$input-height-border}) !default;
|
|
427
500
|
|
|
428
501
|
$input-transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
|
|
429
502
|
|
|
@@ -436,125 +509,169 @@ $form-check-input-margin-x: .25rem !default;
|
|
|
436
509
|
$form-check-inline-margin-x: .75rem !default;
|
|
437
510
|
$form-check-inline-input-margin-x: .3125rem !default;
|
|
438
511
|
|
|
512
|
+
$form-grid-gutter-width: 10px !default;
|
|
439
513
|
$form-group-margin-bottom: 1rem !default;
|
|
440
514
|
|
|
441
515
|
$input-group-addon-color: $input-color !default;
|
|
442
516
|
$input-group-addon-bg: $gray-200 !default;
|
|
443
517
|
$input-group-addon-border-color: $input-border-color !default;
|
|
444
518
|
|
|
445
|
-
$custom-
|
|
519
|
+
$custom-forms-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
|
|
520
|
+
|
|
521
|
+
$custom-control-gutter: .5rem !default;
|
|
446
522
|
$custom-control-spacer-x: 1rem !default;
|
|
447
523
|
|
|
448
524
|
$custom-control-indicator-size: 1rem !default;
|
|
449
|
-
$custom-control-indicator-bg: $
|
|
525
|
+
$custom-control-indicator-bg: $input-bg !default;
|
|
526
|
+
|
|
450
527
|
$custom-control-indicator-bg-size: 50% 50% !default;
|
|
451
|
-
$custom-control-indicator-box-shadow:
|
|
528
|
+
$custom-control-indicator-box-shadow: $input-box-shadow !default;
|
|
529
|
+
$custom-control-indicator-border-color: $gray-500 !default;
|
|
530
|
+
$custom-control-indicator-border-width: $input-border-width !default;
|
|
452
531
|
|
|
453
|
-
$custom-control-indicator-disabled-bg: $
|
|
454
|
-
$custom-control-label-disabled-color:
|
|
532
|
+
$custom-control-indicator-disabled-bg: $input-disabled-bg !default;
|
|
533
|
+
$custom-control-label-disabled-color: $gray-600 !default;
|
|
455
534
|
|
|
456
535
|
$custom-control-indicator-checked-color: $component-active-color !default;
|
|
457
536
|
$custom-control-indicator-checked-bg: $component-active-bg !default;
|
|
458
537
|
$custom-control-indicator-checked-disabled-bg: rgba(theme-color("primary"), .5) !default;
|
|
459
538
|
$custom-control-indicator-checked-box-shadow: none !default;
|
|
539
|
+
$custom-control-indicator-checked-border-color: $custom-control-indicator-checked-bg !default;
|
|
460
540
|
|
|
461
|
-
$custom-control-indicator-focus-box-shadow:
|
|
541
|
+
$custom-control-indicator-focus-box-shadow: $input-focus-box-shadow !default;
|
|
542
|
+
$custom-control-indicator-focus-border-color: $input-focus-border-color !default;
|
|
462
543
|
|
|
463
544
|
$custom-control-indicator-active-color: $component-active-color !default;
|
|
464
545
|
$custom-control-indicator-active-bg: lighten($component-active-bg, 35%) !default;
|
|
465
546
|
$custom-control-indicator-active-box-shadow: none !default;
|
|
547
|
+
$custom-control-indicator-active-border-color: $custom-control-indicator-active-bg !default;
|
|
466
548
|
|
|
467
549
|
$custom-checkbox-indicator-border-radius: $border-radius !default;
|
|
468
|
-
$custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml
|
|
550
|
+
$custom-checkbox-indicator-icon-checked: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
469
551
|
|
|
470
|
-
$custom-checkbox-indicator-indeterminate-bg:
|
|
471
|
-
$custom-checkbox-indicator-indeterminate-color:
|
|
472
|
-
$custom-checkbox-indicator-icon-indeterminate:
|
|
473
|
-
$custom-checkbox-indicator-indeterminate-box-shadow:
|
|
552
|
+
$custom-checkbox-indicator-indeterminate-bg: $component-active-bg !default;
|
|
553
|
+
$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
|
|
554
|
+
$custom-checkbox-indicator-icon-indeterminate: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3e%3cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
555
|
+
$custom-checkbox-indicator-indeterminate-box-shadow: none !default;
|
|
556
|
+
$custom-checkbox-indicator-indeterminate-border-color: $custom-checkbox-indicator-indeterminate-bg !default;
|
|
474
557
|
|
|
475
558
|
$custom-radio-indicator-border-radius: 50% !default;
|
|
476
|
-
$custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml
|
|
559
|
+
$custom-radio-indicator-icon-checked: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
477
560
|
|
|
478
|
-
$custom-
|
|
479
|
-
$custom-
|
|
561
|
+
$custom-switch-width: $custom-control-indicator-size * 1.75 !default;
|
|
562
|
+
$custom-switch-indicator-border-radius: $custom-control-indicator-size / 2 !default;
|
|
563
|
+
$custom-switch-indicator-size: calc(#{$custom-control-indicator-size} - #{$custom-control-indicator-border-width * 4}) !default;
|
|
564
|
+
|
|
565
|
+
$custom-select-padding-y: $input-padding-y !default;
|
|
566
|
+
$custom-select-padding-x: $input-padding-x !default;
|
|
567
|
+
$custom-select-font-family: $input-font-family !default;
|
|
568
|
+
$custom-select-font-size: $input-font-size !default;
|
|
480
569
|
$custom-select-height: $input-height !default;
|
|
481
570
|
$custom-select-indicator-padding: 1rem !default; // Extra padding to account for the presence of the background-image based indicator
|
|
482
|
-
$custom-select-
|
|
571
|
+
$custom-select-font-weight: $input-font-weight !default;
|
|
572
|
+
$custom-select-line-height: $input-line-height !default;
|
|
483
573
|
$custom-select-color: $input-color !default;
|
|
484
574
|
$custom-select-disabled-color: $gray-600 !default;
|
|
485
|
-
$custom-select-bg: $
|
|
575
|
+
$custom-select-bg: $input-bg !default;
|
|
486
576
|
$custom-select-disabled-bg: $gray-200 !default;
|
|
487
577
|
$custom-select-bg-size: 8px 10px !default; // In pixels because image dimensions
|
|
488
578
|
$custom-select-indicator-color: $gray-800 !default;
|
|
489
|
-
$custom-select-indicator: str-replace(url("data:image/svg+xml
|
|
490
|
-
$custom-select-
|
|
579
|
+
$custom-select-indicator: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
580
|
+
$custom-select-background: $custom-select-indicator no-repeat right $custom-select-padding-x center / $custom-select-bg-size !default; // Used so we can have multiple background elements (e.g., arrow and feedback icon)
|
|
581
|
+
|
|
582
|
+
$custom-select-feedback-icon-padding-right: calc((1em + #{2 * $custom-select-padding-y}) * 3 / 4 + #{$custom-select-padding-x + $custom-select-indicator-padding}) !default;
|
|
583
|
+
$custom-select-feedback-icon-position: center right ($custom-select-padding-x + $custom-select-indicator-padding) !default;
|
|
584
|
+
$custom-select-feedback-icon-size: $input-height-inner-half $input-height-inner-half !default;
|
|
585
|
+
|
|
586
|
+
$custom-select-border-width: $input-border-width !default;
|
|
491
587
|
$custom-select-border-color: $input-border-color !default;
|
|
492
588
|
$custom-select-border-radius: $border-radius !default;
|
|
589
|
+
$custom-select-box-shadow: inset 0 1px 2px rgba($black, .075) !default;
|
|
493
590
|
|
|
494
591
|
$custom-select-focus-border-color: $input-focus-border-color !default;
|
|
495
|
-
$custom-select-focus-
|
|
592
|
+
$custom-select-focus-width: $input-focus-width !default;
|
|
593
|
+
$custom-select-focus-box-shadow: 0 0 0 $custom-select-focus-width $input-btn-focus-color !default;
|
|
496
594
|
|
|
497
|
-
$custom-select-
|
|
595
|
+
$custom-select-padding-y-sm: $input-padding-y-sm !default;
|
|
596
|
+
$custom-select-padding-x-sm: $input-padding-x-sm !default;
|
|
597
|
+
$custom-select-font-size-sm: $input-font-size-sm !default;
|
|
498
598
|
$custom-select-height-sm: $input-height-sm !default;
|
|
499
599
|
|
|
500
|
-
$custom-select-
|
|
600
|
+
$custom-select-padding-y-lg: $input-padding-y-lg !default;
|
|
601
|
+
$custom-select-padding-x-lg: $input-padding-x-lg !default;
|
|
602
|
+
$custom-select-font-size-lg: $input-font-size-lg !default;
|
|
501
603
|
$custom-select-height-lg: $input-height-lg !default;
|
|
502
604
|
|
|
605
|
+
$custom-range-track-width: 100% !default;
|
|
606
|
+
$custom-range-track-height: .5rem !default;
|
|
607
|
+
$custom-range-track-cursor: pointer !default;
|
|
608
|
+
$custom-range-track-bg: $gray-300 !default;
|
|
609
|
+
$custom-range-track-border-radius: 1rem !default;
|
|
610
|
+
$custom-range-track-box-shadow: inset 0 .25rem .25rem rgba($black, .1) !default;
|
|
611
|
+
|
|
612
|
+
$custom-range-thumb-width: 1rem !default;
|
|
613
|
+
$custom-range-thumb-height: $custom-range-thumb-width !default;
|
|
614
|
+
$custom-range-thumb-bg: $component-active-bg !default;
|
|
615
|
+
$custom-range-thumb-border: 0 !default;
|
|
616
|
+
$custom-range-thumb-border-radius: 1rem !default;
|
|
617
|
+
$custom-range-thumb-box-shadow: 0 .1rem .25rem rgba($black, .1) !default;
|
|
618
|
+
$custom-range-thumb-focus-box-shadow: 0 0 0 1px $body-bg, $input-focus-box-shadow !default;
|
|
619
|
+
$custom-range-thumb-focus-box-shadow-width: $input-focus-width !default; // For focus box shadow issue in IE/Edge
|
|
620
|
+
$custom-range-thumb-active-bg: lighten($component-active-bg, 35%) !default;
|
|
621
|
+
$custom-range-thumb-disabled-bg: $gray-500 !default;
|
|
622
|
+
|
|
503
623
|
$custom-file-height: $input-height !default;
|
|
624
|
+
$custom-file-height-inner: $input-height-inner !default;
|
|
504
625
|
$custom-file-focus-border-color: $input-focus-border-color !default;
|
|
505
|
-
$custom-file-focus-box-shadow: $input-
|
|
506
|
-
|
|
507
|
-
|
|
508
|
-
$custom-file-padding-
|
|
509
|
-
$custom-file-
|
|
626
|
+
$custom-file-focus-box-shadow: $input-focus-box-shadow !default;
|
|
627
|
+
$custom-file-disabled-bg: $input-disabled-bg !default;
|
|
628
|
+
|
|
629
|
+
$custom-file-padding-y: $input-padding-y !default;
|
|
630
|
+
$custom-file-padding-x: $input-padding-x !default;
|
|
631
|
+
$custom-file-line-height: $input-line-height !default;
|
|
632
|
+
$custom-file-font-family: $input-font-family !default;
|
|
633
|
+
$custom-file-font-weight: $input-font-weight !default;
|
|
510
634
|
$custom-file-color: $input-color !default;
|
|
511
635
|
$custom-file-bg: $input-bg !default;
|
|
512
|
-
$custom-file-border-width: $input-
|
|
636
|
+
$custom-file-border-width: $input-border-width !default;
|
|
513
637
|
$custom-file-border-color: $input-border-color !default;
|
|
514
638
|
$custom-file-border-radius: $input-border-radius !default;
|
|
515
639
|
$custom-file-box-shadow: $input-box-shadow !default;
|
|
516
640
|
$custom-file-button-color: $custom-file-color !default;
|
|
517
641
|
$custom-file-button-bg: $input-group-addon-bg !default;
|
|
518
642
|
$custom-file-text: (
|
|
519
|
-
en: "Browse"
|
|
643
|
+
en: "Browse",
|
|
644
|
+
ja: "選択"
|
|
520
645
|
) !default;
|
|
521
646
|
|
|
522
647
|
|
|
523
648
|
// Form validation
|
|
649
|
+
|
|
524
650
|
$form-feedback-margin-top: $form-text-margin-top !default;
|
|
525
651
|
$form-feedback-font-size: $small-font-size !default;
|
|
526
652
|
$form-feedback-valid-color: theme-color("success") !default;
|
|
527
653
|
$form-feedback-invalid-color: theme-color("danger") !default;
|
|
528
654
|
|
|
529
|
-
|
|
530
|
-
|
|
531
|
-
|
|
532
|
-
|
|
533
|
-
|
|
534
|
-
$
|
|
535
|
-
|
|
536
|
-
$
|
|
537
|
-
|
|
538
|
-
|
|
539
|
-
$
|
|
540
|
-
$
|
|
541
|
-
|
|
542
|
-
|
|
543
|
-
|
|
544
|
-
$
|
|
545
|
-
|
|
546
|
-
|
|
547
|
-
|
|
548
|
-
|
|
549
|
-
$dropdown-link-active-bg: $component-active-bg !default;
|
|
550
|
-
|
|
551
|
-
$dropdown-link-disabled-color: $gray-600 !default;
|
|
552
|
-
|
|
553
|
-
$dropdown-item-padding-y: .25rem !default;
|
|
554
|
-
$dropdown-item-padding-x: 1.5rem !default;
|
|
555
|
-
|
|
556
|
-
$dropdown-header-color: $gray-600 !default;
|
|
557
|
-
|
|
655
|
+
$form-feedback-icon-valid-color: $form-feedback-valid-color !default;
|
|
656
|
+
$form-feedback-icon-valid: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='#{$form-feedback-icon-valid-color}' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
657
|
+
$form-feedback-icon-invalid-color: $form-feedback-invalid-color !default;
|
|
658
|
+
$form-feedback-icon-invalid: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$form-feedback-icon-invalid-color}' viewBox='-2 -2 7 7'%3e%3cpath stroke='#{$form-feedback-icon-invalid-color}' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"), "#", "%23") !default;
|
|
659
|
+
|
|
660
|
+
$form-validation-states: () !default;
|
|
661
|
+
// stylelint-disable-next-line scss/dollar-variable-default
|
|
662
|
+
$form-validation-states: map-merge(
|
|
663
|
+
(
|
|
664
|
+
"valid": (
|
|
665
|
+
"color": $form-feedback-valid-color,
|
|
666
|
+
"icon": $form-feedback-icon-valid
|
|
667
|
+
),
|
|
668
|
+
"invalid": (
|
|
669
|
+
"color": $form-feedback-invalid-color,
|
|
670
|
+
"icon": $form-feedback-icon-invalid
|
|
671
|
+
),
|
|
672
|
+
),
|
|
673
|
+
$form-validation-states
|
|
674
|
+
);
|
|
558
675
|
|
|
559
676
|
// Z-index master list
|
|
560
677
|
//
|
|
@@ -569,6 +686,7 @@ $zindex-modal: 1050 !default;
|
|
|
569
686
|
$zindex-popover: 1060 !default;
|
|
570
687
|
$zindex-tooltip: 1070 !default;
|
|
571
688
|
|
|
689
|
+
|
|
572
690
|
// Navs
|
|
573
691
|
|
|
574
692
|
$nav-link-padding-y: .5rem !default;
|
|
@@ -587,16 +705,19 @@ $nav-pills-border-radius: $border-radius !default;
|
|
|
587
705
|
$nav-pills-link-active-color: $component-active-color !default;
|
|
588
706
|
$nav-pills-link-active-bg: $component-active-bg !default;
|
|
589
707
|
|
|
708
|
+
$nav-divider-color: $gray-200 !default;
|
|
709
|
+
$nav-divider-margin-y: $spacer / 2 !default;
|
|
710
|
+
|
|
590
711
|
// Navbar
|
|
591
712
|
|
|
592
|
-
$navbar-padding-y:
|
|
593
|
-
$navbar-padding-x:
|
|
713
|
+
$navbar-padding-y: $spacer * 1.2 !default;
|
|
714
|
+
$navbar-padding-x: $spacer * 1.5 !default;
|
|
594
715
|
|
|
595
716
|
$navbar-nav-link-padding-x: .5rem !default;
|
|
596
717
|
|
|
597
718
|
$navbar-brand-font-size: $font-size-lg !default;
|
|
598
719
|
// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
|
|
599
|
-
$nav-link-height:
|
|
720
|
+
$nav-link-height: $font-size-base * $line-height-base + $nav-link-padding-y * 2 !default;
|
|
600
721
|
$navbar-brand-height: $navbar-brand-font-size * $line-height-base !default;
|
|
601
722
|
$navbar-brand-padding-y: ($nav-link-height - $navbar-brand-height) / 2 !default;
|
|
602
723
|
|
|
@@ -609,16 +730,55 @@ $navbar-dark-color: rgba($white, .5) !default;
|
|
|
609
730
|
$navbar-dark-hover-color: rgba($white, .75) !default;
|
|
610
731
|
$navbar-dark-active-color: $white !default;
|
|
611
732
|
$navbar-dark-disabled-color: rgba($white, .25) !default;
|
|
612
|
-
$navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml
|
|
733
|
+
$navbar-dark-toggler-icon-bg: str-replace(url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
613
734
|
$navbar-dark-toggler-border-color: rgba($white, .1) !default;
|
|
614
735
|
|
|
615
736
|
$navbar-light-color: rgba($black, .5) !default;
|
|
616
737
|
$navbar-light-hover-color: rgba($black, .7) !default;
|
|
617
738
|
$navbar-light-active-color: rgba($black, .9) !default;
|
|
618
739
|
$navbar-light-disabled-color: rgba($black, .3) !default;
|
|
619
|
-
$navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml
|
|
740
|
+
$navbar-light-toggler-icon-bg: str-replace(url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
620
741
|
$navbar-light-toggler-border-color: rgba($black, .1) !default;
|
|
621
742
|
|
|
743
|
+
$navbar-light-brand-color: $navbar-light-active-color !default;
|
|
744
|
+
$navbar-light-brand-hover-color: $navbar-light-active-color !default;
|
|
745
|
+
$navbar-dark-brand-color: $navbar-dark-active-color !default;
|
|
746
|
+
$navbar-dark-brand-hover-color: $navbar-dark-active-color !default;
|
|
747
|
+
|
|
748
|
+
|
|
749
|
+
// Dropdowns
|
|
750
|
+
//
|
|
751
|
+
// Dropdown menu container and contents.
|
|
752
|
+
|
|
753
|
+
$dropdown-min-width: 10rem !default;
|
|
754
|
+
$dropdown-padding-y: .5rem !default;
|
|
755
|
+
$dropdown-spacer: .125rem !default;
|
|
756
|
+
$dropdown-font-size: $font-size-base !default;
|
|
757
|
+
$dropdown-color: $body-color !default;
|
|
758
|
+
$dropdown-bg: $white !default;
|
|
759
|
+
$dropdown-border-color: rgba($black, .15) !default;
|
|
760
|
+
$dropdown-border-radius: $border-radius !default;
|
|
761
|
+
$dropdown-border-width: $border-width !default;
|
|
762
|
+
$dropdown-inner-border-radius: calc(#{$dropdown-border-radius} - #{$dropdown-border-width}) !default;
|
|
763
|
+
$dropdown-divider-bg: $gray-200 !default;
|
|
764
|
+
$dropdown-divider-margin-y: $nav-divider-margin-y !default;
|
|
765
|
+
$dropdown-box-shadow: 0 .5rem 1rem rgba($black, .175) !default;
|
|
766
|
+
|
|
767
|
+
$dropdown-link-color: $gray-900 !default;
|
|
768
|
+
$dropdown-link-hover-color: darken($gray-900, 5%) !default;
|
|
769
|
+
$dropdown-link-hover-bg: $gray-100 !default;
|
|
770
|
+
|
|
771
|
+
$dropdown-link-active-color: $component-active-color !default;
|
|
772
|
+
$dropdown-link-active-bg: $component-active-bg !default;
|
|
773
|
+
|
|
774
|
+
$dropdown-link-disabled-color: $gray-600 !default;
|
|
775
|
+
|
|
776
|
+
$dropdown-item-padding-y: .25rem !default;
|
|
777
|
+
$dropdown-item-padding-x: 1.5rem !default;
|
|
778
|
+
|
|
779
|
+
$dropdown-header-color: $gray-600 !default;
|
|
780
|
+
|
|
781
|
+
|
|
622
782
|
// Pagination
|
|
623
783
|
|
|
624
784
|
$pagination-padding-y: .5rem !default;
|
|
@@ -635,6 +795,7 @@ $pagination-border-width: $border-width !default;
|
|
|
635
795
|
$pagination-border-color: $gray-300 !default;
|
|
636
796
|
|
|
637
797
|
$pagination-focus-box-shadow: $input-btn-focus-box-shadow !default;
|
|
798
|
+
$pagination-focus-outline: 0 !default;
|
|
638
799
|
|
|
639
800
|
$pagination-hover-color: $link-hover-color !default;
|
|
640
801
|
$pagination-hover-bg: $gray-200 !default;
|
|
@@ -652,6 +813,7 @@ $pagination-disabled-border-color: $gray-300 !default;
|
|
|
652
813
|
// Jumbotron
|
|
653
814
|
|
|
654
815
|
$jumbotron-padding: 2rem !default;
|
|
816
|
+
$jumbotron-color: null !default;
|
|
655
817
|
$jumbotron-bg: $gray-200 !default;
|
|
656
818
|
|
|
657
819
|
|
|
@@ -664,11 +826,13 @@ $card-border-radius: $border-radius !default;
|
|
|
664
826
|
$card-border-color: rgba($black, .125) !default;
|
|
665
827
|
$card-inner-border-radius: calc(#{$card-border-radius} - #{$card-border-width}) !default;
|
|
666
828
|
$card-cap-bg: rgba($black, .03) !default;
|
|
829
|
+
$card-cap-color: null !default;
|
|
830
|
+
$card-color: null !default;
|
|
667
831
|
$card-bg: $white !default;
|
|
668
832
|
|
|
669
833
|
$card-img-overlay-padding: 1.25rem !default;
|
|
670
834
|
|
|
671
|
-
$card-group-margin:
|
|
835
|
+
$card-group-margin: $grid-gutter-width / 2 !default;
|
|
672
836
|
$card-deck-margin: $card-group-margin !default;
|
|
673
837
|
|
|
674
838
|
$card-columns-count: 3 !default;
|
|
@@ -678,19 +842,27 @@ $card-columns-margin: $card-spacer-y !default;
|
|
|
678
842
|
|
|
679
843
|
// Tooltips
|
|
680
844
|
|
|
681
|
-
$tooltip-font-size:
|
|
682
|
-
$tooltip-max-width:
|
|
683
|
-
$tooltip-color:
|
|
684
|
-
$tooltip-bg:
|
|
685
|
-
$tooltip-border-radius:
|
|
686
|
-
$tooltip-opacity:
|
|
687
|
-
$tooltip-padding-y:
|
|
688
|
-
$tooltip-padding-x:
|
|
689
|
-
$tooltip-margin:
|
|
690
|
-
|
|
691
|
-
$tooltip-arrow-width:
|
|
692
|
-
$tooltip-arrow-height:
|
|
693
|
-
$tooltip-arrow-color:
|
|
845
|
+
$tooltip-font-size: $font-size-sm !default;
|
|
846
|
+
$tooltip-max-width: 200px !default;
|
|
847
|
+
$tooltip-color: $white !default;
|
|
848
|
+
$tooltip-bg: $black !default;
|
|
849
|
+
$tooltip-border-radius: $border-radius !default;
|
|
850
|
+
$tooltip-opacity: .9 !default;
|
|
851
|
+
$tooltip-padding-y: .25rem !default;
|
|
852
|
+
$tooltip-padding-x: .5rem !default;
|
|
853
|
+
$tooltip-margin: 0 !default;
|
|
854
|
+
|
|
855
|
+
$tooltip-arrow-width: .8rem !default;
|
|
856
|
+
$tooltip-arrow-height: .4rem !default;
|
|
857
|
+
$tooltip-arrow-color: $tooltip-bg !default;
|
|
858
|
+
|
|
859
|
+
// Form tooltips must come after regular tooltips
|
|
860
|
+
$form-feedback-tooltip-padding-y: $tooltip-padding-y !default;
|
|
861
|
+
$form-feedback-tooltip-padding-x: $tooltip-padding-x !default;
|
|
862
|
+
$form-feedback-tooltip-font-size: $tooltip-font-size !default;
|
|
863
|
+
$form-feedback-tooltip-line-height: $line-height-base !default;
|
|
864
|
+
$form-feedback-tooltip-opacity: $tooltip-opacity !default;
|
|
865
|
+
$form-feedback-tooltip-border-radius: $tooltip-border-radius !default;
|
|
694
866
|
|
|
695
867
|
|
|
696
868
|
// Popovers
|
|
@@ -719,6 +891,24 @@ $popover-arrow-color: $popover-bg !default;
|
|
|
719
891
|
$popover-arrow-outer-color: fade-in($popover-border-color, .05) !default;
|
|
720
892
|
|
|
721
893
|
|
|
894
|
+
// Toasts
|
|
895
|
+
|
|
896
|
+
$toast-max-width: 350px !default;
|
|
897
|
+
$toast-padding-x: .75rem !default;
|
|
898
|
+
$toast-padding-y: .25rem !default;
|
|
899
|
+
$toast-font-size: .875rem !default;
|
|
900
|
+
$toast-color: null !default;
|
|
901
|
+
$toast-background-color: rgba($white, .85) !default;
|
|
902
|
+
$toast-border-width: 1px !default;
|
|
903
|
+
$toast-border-color: rgba(0, 0, 0, .1) !default;
|
|
904
|
+
$toast-border-radius: .25rem !default;
|
|
905
|
+
$toast-box-shadow: 0 .25rem .75rem rgba($black, .1) !default;
|
|
906
|
+
|
|
907
|
+
$toast-header-color: $gray-600 !default;
|
|
908
|
+
$toast-header-background-color: rgba($white, .85) !default;
|
|
909
|
+
$toast-header-border-color: rgba(0, 0, 0, .05) !default;
|
|
910
|
+
|
|
911
|
+
|
|
722
912
|
// Badges
|
|
723
913
|
|
|
724
914
|
$badge-font-size: 75% !default;
|
|
@@ -727,6 +917,9 @@ $badge-padding-y: .25em !default;
|
|
|
727
917
|
$badge-padding-x: .4em !default;
|
|
728
918
|
$badge-border-radius: $border-radius !default;
|
|
729
919
|
|
|
920
|
+
$badge-transition: $btn-transition !default;
|
|
921
|
+
$badge-focus-width: $input-btn-focus-width !default;
|
|
922
|
+
|
|
730
923
|
$badge-pill-padding-x: .6em !default;
|
|
731
924
|
// Use a higher than normal value to ensure completely rounded edges when
|
|
732
925
|
// customizing padding or font-size on labels.
|
|
@@ -736,31 +929,38 @@ $badge-pill-border-radius: 10rem !default;
|
|
|
736
929
|
// Modals
|
|
737
930
|
|
|
738
931
|
// Padding applied to the modal body
|
|
739
|
-
$modal-inner-padding:
|
|
932
|
+
$modal-inner-padding: 1rem !default;
|
|
740
933
|
|
|
741
|
-
$modal-dialog-margin:
|
|
742
|
-
$modal-dialog-margin-y-sm-up:
|
|
934
|
+
$modal-dialog-margin: .5rem !default;
|
|
935
|
+
$modal-dialog-margin-y-sm-up: 1.75rem !default;
|
|
743
936
|
|
|
744
937
|
$modal-title-line-height: $line-height-base !default;
|
|
745
938
|
|
|
746
|
-
$modal-content-
|
|
747
|
-
$modal-content-
|
|
748
|
-
$modal-content-border-
|
|
749
|
-
$modal-content-
|
|
750
|
-
$modal-content-
|
|
751
|
-
|
|
752
|
-
$modal-
|
|
753
|
-
|
|
754
|
-
$modal-
|
|
755
|
-
$modal-
|
|
756
|
-
$modal-header-border-
|
|
757
|
-
$modal-footer-border-
|
|
758
|
-
$modal-header-
|
|
759
|
-
|
|
939
|
+
$modal-content-color: null !default;
|
|
940
|
+
$modal-content-bg: $white !default;
|
|
941
|
+
$modal-content-border-color: rgba($black, .2) !default;
|
|
942
|
+
$modal-content-border-width: $border-width !default;
|
|
943
|
+
$modal-content-border-radius: $border-radius-lg !default;
|
|
944
|
+
$modal-content-box-shadow-xs: 0 .25rem .5rem rgba($black, .5) !default;
|
|
945
|
+
$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;
|
|
946
|
+
|
|
947
|
+
$modal-backdrop-bg: $black !default;
|
|
948
|
+
$modal-backdrop-opacity: .5 !default;
|
|
949
|
+
$modal-header-border-color: $border-color !default;
|
|
950
|
+
$modal-footer-border-color: $modal-header-border-color !default;
|
|
951
|
+
$modal-header-border-width: $modal-content-border-width !default;
|
|
952
|
+
$modal-footer-border-width: $modal-header-border-width !default;
|
|
953
|
+
$modal-header-padding-y: 1rem !default;
|
|
954
|
+
$modal-header-padding-x: 1rem !default;
|
|
955
|
+
$modal-header-padding: $modal-header-padding-y $modal-header-padding-x !default; // Keep this for backwards compatibility
|
|
956
|
+
|
|
957
|
+
$modal-xl: 1140px !default;
|
|
760
958
|
$modal-lg: 800px !default;
|
|
761
959
|
$modal-md: 500px !default;
|
|
762
960
|
$modal-sm: 300px !default;
|
|
763
961
|
|
|
962
|
+
$modal-fade-transform: translate(0, -50px) !default;
|
|
963
|
+
$modal-show-transform: none !default;
|
|
764
964
|
$modal-transition: transform .3s ease-out !default;
|
|
765
965
|
|
|
766
966
|
|
|
@@ -783,7 +983,7 @@ $alert-color-level: 6 !default;
|
|
|
783
983
|
// Progress bars
|
|
784
984
|
|
|
785
985
|
$progress-height: 1rem !default;
|
|
786
|
-
$progress-font-size:
|
|
986
|
+
$progress-font-size: $font-size-base * .75 !default;
|
|
787
987
|
$progress-bg: $gray-200 !default;
|
|
788
988
|
$progress-border-radius: $border-radius !default;
|
|
789
989
|
$progress-box-shadow: inset 0 .1rem .1rem rgba($black, .1) !default;
|
|
@@ -792,8 +992,10 @@ $progress-bar-bg: theme-color("primary") !default;
|
|
|
792
992
|
$progress-bar-animation-timing: 1s linear infinite !default;
|
|
793
993
|
$progress-bar-transition: width .6s ease !default;
|
|
794
994
|
|
|
995
|
+
|
|
795
996
|
// List group
|
|
796
997
|
|
|
998
|
+
$list-group-color: null !default;
|
|
797
999
|
$list-group-bg: $white !default;
|
|
798
1000
|
$list-group-border-color: rgba($black, .125) !default;
|
|
799
1001
|
$list-group-border-width: $border-width !default;
|
|
@@ -844,29 +1046,47 @@ $breadcrumb-margin-bottom: 1rem !default;
|
|
|
844
1046
|
$breadcrumb-bg: $gray-200 !default;
|
|
845
1047
|
$breadcrumb-divider-color: $gray-600 !default;
|
|
846
1048
|
$breadcrumb-active-color: $gray-600 !default;
|
|
847
|
-
$breadcrumb-divider: "/" !default;
|
|
1049
|
+
$breadcrumb-divider: quote("/") !default;
|
|
1050
|
+
|
|
1051
|
+
$breadcrumb-border-radius: $border-radius !default;
|
|
848
1052
|
|
|
849
1053
|
|
|
850
1054
|
// Carousel
|
|
851
1055
|
|
|
852
|
-
$carousel-control-color:
|
|
853
|
-
$carousel-control-width:
|
|
854
|
-
$carousel-control-opacity:
|
|
1056
|
+
$carousel-control-color: $white !default;
|
|
1057
|
+
$carousel-control-width: 15% !default;
|
|
1058
|
+
$carousel-control-opacity: .5 !default;
|
|
1059
|
+
$carousel-control-hover-opacity: .9 !default;
|
|
1060
|
+
$carousel-control-transition: opacity .15s ease !default;
|
|
1061
|
+
|
|
1062
|
+
$carousel-indicator-width: 30px !default;
|
|
1063
|
+
$carousel-indicator-height: 3px !default;
|
|
1064
|
+
$carousel-indicator-hit-area-height: 10px !default;
|
|
1065
|
+
$carousel-indicator-spacer: 3px !default;
|
|
1066
|
+
$carousel-indicator-active-bg: $white !default;
|
|
1067
|
+
$carousel-indicator-transition: opacity .6s ease !default;
|
|
1068
|
+
|
|
1069
|
+
$carousel-caption-width: 70% !default;
|
|
1070
|
+
$carousel-caption-color: $white !default;
|
|
1071
|
+
|
|
1072
|
+
$carousel-control-icon-width: 20px !default;
|
|
855
1073
|
|
|
856
|
-
$carousel-
|
|
857
|
-
$carousel-
|
|
858
|
-
$carousel-indicator-spacer: 3px !default;
|
|
859
|
-
$carousel-indicator-active-bg: $white !default;
|
|
1074
|
+
$carousel-control-prev-icon-bg: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
1075
|
+
$carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3e%3c/svg%3e"), "#", "%23") !default;
|
|
860
1076
|
|
|
861
|
-
$carousel-
|
|
862
|
-
$carousel-
|
|
1077
|
+
$carousel-transition-duration: .6s !default;
|
|
1078
|
+
$carousel-transition: transform $carousel-transition-duration ease-in-out !default; // Define transform transition first if using multiple transitions (e.g., `transform 2s ease, opacity .5s ease-out`)
|
|
863
1079
|
|
|
864
|
-
$carousel-control-icon-width: 20px !default;
|
|
865
1080
|
|
|
866
|
-
|
|
867
|
-
$carousel-control-next-icon-bg: str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;
|
|
1081
|
+
// Spinners
|
|
868
1082
|
|
|
869
|
-
$
|
|
1083
|
+
$spinner-width: 2rem !default;
|
|
1084
|
+
$spinner-height: $spinner-width !default;
|
|
1085
|
+
$spinner-border-width: .25em !default;
|
|
1086
|
+
|
|
1087
|
+
$spinner-width-sm: 1rem !default;
|
|
1088
|
+
$spinner-height-sm: $spinner-width-sm !default;
|
|
1089
|
+
$spinner-border-width-sm: .2em !default;
|
|
870
1090
|
|
|
871
1091
|
|
|
872
1092
|
// Close
|
|
@@ -876,6 +1096,7 @@ $close-font-weight: $font-weight-bold !default;
|
|
|
876
1096
|
$close-color: $black !default;
|
|
877
1097
|
$close-text-shadow: 0 1px 0 $white !default;
|
|
878
1098
|
|
|
1099
|
+
|
|
879
1100
|
// Code
|
|
880
1101
|
|
|
881
1102
|
$code-font-size: 87.5% !default;
|
|
@@ -891,6 +1112,14 @@ $pre-color: $gray-900 !default;
|
|
|
891
1112
|
$pre-scrollable-max-height: 340px !default;
|
|
892
1113
|
|
|
893
1114
|
|
|
1115
|
+
// Utilities
|
|
1116
|
+
|
|
1117
|
+
$displays: none, inline, inline-block, block, table, table-row, table-cell, flex, inline-flex !default;
|
|
1118
|
+
$overflows: auto, hidden !default;
|
|
1119
|
+
$positions: static, relative, absolute, fixed, sticky !default;
|
|
1120
|
+
|
|
1121
|
+
|
|
894
1122
|
// Printing
|
|
1123
|
+
|
|
895
1124
|
$print-page-size: a3 !default;
|
|
896
1125
|
$print-body-min-width: map-get($grid-breakpoints, "lg") !default;
|