bootstrap-honoka-rails 3.3.7.5 → 4.0.0
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 +23 -94
- data/Rakefile +17 -39
- data/assets/stylesheets/_honoka.scss +5 -0
- data/assets/stylesheets/_nico.scss +5 -0
- data/assets/stylesheets/_umi.scss +5 -0
- data/assets/stylesheets/honoka/_honoka.scss +25 -36
- data/assets/stylesheets/honoka/_mixins.scss +1 -60
- data/assets/stylesheets/honoka/_override.scss +35 -63
- data/assets/stylesheets/honoka/_variables.scss +729 -710
- data/assets/stylesheets/nico/_honoka.scss +25 -36
- data/assets/stylesheets/nico/_mixins.scss +1 -60
- data/assets/stylesheets/nico/_override.scss +66 -68
- data/assets/stylesheets/nico/_variables.scss +730 -710
- data/assets/stylesheets/umi/_bootswatch.scss +193 -0
- data/assets/stylesheets/umi/_honoka.scss +28 -36
- data/assets/stylesheets/umi/_mixins.scss +1 -60
- data/assets/stylesheets/umi/_override.scss +35 -63
- data/assets/stylesheets/umi/_variables.scss +730 -710
- data/lib/bootstrap/honoka/rails.rb +0 -5
- data/lib/bootstrap/honoka/rails/engine.rb +4 -2
- data/lib/bootstrap/honoka/rails/version.rb +1 -5
- data/test/dummy/app/assets/javascripts/application.js +2 -2
- data/test/dummy/app/assets/stylesheets/application.css +1 -0
- data/test/dummy/app/assets/stylesheets/honoka.css +0 -1
- data/test/dummy/app/assets/stylesheets/nico.css +0 -1
- data/test/dummy/app/assets/stylesheets/umi.css +0 -1
- data/test/dummy/app/controllers/pages_controller.rb +6 -4
- data/test/dummy/app/views/layouts/application.html.erb +1 -1
- data/test/dummy/app/views/pages/honoka.html.erb +1108 -682
- data/test/dummy/app/views/pages/nico.html.erb +994 -685
- data/test/dummy/app/views/pages/umi.html.erb +993 -684
- data/test/dummy/config/application.rb +4 -1
- data/test/dummy/config/environments/development.rb +24 -0
- data/test/dummy/config/environments/production.rb +8 -4
- data/test/dummy/config/initializers/assets.rb +1 -17
- 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 +3 -3
- data/test/honoka_test.rb +4 -41
- data/test/test_helper.rb +5 -49
- metadata +16 -117
- data/VERSIONS.md +0 -10
- data/assets/stylesheets/_rin.scss +0 -3
- data/assets/stylesheets/honoka/_font.scss +0 -58
- data/assets/stylesheets/nico/_font.scss +0 -58
- data/assets/stylesheets/rin/_font.scss +0 -58
- data/assets/stylesheets/rin/_honoka.scss +0 -60
- data/assets/stylesheets/rin/_mixins.scss +0 -60
- data/assets/stylesheets/rin/_override.scss +0 -372
- data/assets/stylesheets/rin/_variables.scss +0 -877
- data/assets/stylesheets/umi/_font.scss +0 -58
- data/test/dummy/app/assets/stylesheets/rin.css +0 -4
- data/test/dummy/app/views/pages/rin.html.erb +0 -1278
- data/test/dummy/bin/rails +0 -4
- 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: a582d4a48b935a024234de3d544c29b55d569397c5987d31baa96821e18ff306
|
4
|
+
data.tar.gz: '092a80596377cd63d9dedaa5c99405e256dba1d6abf119466a4b771decd2ebda'
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
6
|
+
metadata.gz: f560dc1fa32c8608932981d12f1f6ce2fa606f7f557acda775c19f54cdbcbd47881fb5677fe177f1c6996219aac60e19c889ee41bbbeb645ce8c74eb27fee72b
|
7
|
+
data.tar.gz: 0dd35c2db3d74e67ccb27a96080aa941f22734c00613fc1855167e8321ee5c704763ed05a6a58267033751c3d4f1af4a8597d8cb45bd73fe6254527991dea453
|
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](https://github.com/windyakin/Honoka),[Umi](https://ysakasin.github.io/Umi/) and [Nico](https://nico.kubosho.com/) on rails.
|
5
5
|
|
6
|
-
[
|
7
|
-
bootstrap-honoka-rails は [
|
6
|
+
[honoka](https://github.com/windyakin/Honoka) は日本語も美しく表示できる Bootstrap テーマです。
|
7
|
+
bootstrap-honoka-rails は [honoka](https://github.com/windyakin/Honoka) や [Umi](https://ysakasin.github.io/Umi/) や [Nico](https://nico.kubosho.com/) を 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,62 @@ 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
39
|
```
|
46
40
|
|
47
|
-
and add to application.js
|
48
|
-
`//= require popper` (bootstrap ver4 later), <br>
|
49
|
-
`//= require bootstrap-sprockets`
|
50
|
-
|
51
|
-
app/assets/javascripts/application.js
|
41
|
+
and add to application.js [ //= require popper, //= require bootstrap-sprockets , //= require bootstrap.min]
|
52
42
|
|
53
|
-
```js
|
54
|
-
//= require jquery2
|
43
|
+
```app/assets/javascripts/application.js
|
55
44
|
//= require rails-ujs
|
56
45
|
//= require activestorage
|
57
|
-
//= require popper # add line ※ v4 later
|
58
|
-
//= require bootstrap-sprockets # add line
|
59
46
|
//= require turbolinks
|
47
|
+
//= require popper # add line
|
48
|
+
//= require bootstrap-sprockets # add line
|
49
|
+
//= require bootstrap.min # add line
|
60
50
|
//= require_tree .
|
61
51
|
```
|
62
52
|
|
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
53
|
[日本語訳]
|
69
|
-
とりあえずインストール後、上記を application.css と application.js に追加すれば OK
|
70
|
-
注意点として `bootstrap-sprockets` を読み込むと思いますが、その場合 `bootstrap.min` は読み込む必要がありません。<br>
|
71
|
-
何故なら Dropdown が正しく動作しない可能性があります。 <br>
|
72
|
-
詳細は[こちら](https://github.com/twbs/bootstrap-sass/issues/714)をご確認ください。<br>
|
73
|
-
※production 環境で動作することを確認済み。 サンプルアプリは 'test/dummy' ディレクトリ内 にあります。
|
54
|
+
とりあえずインストール後、上記を application.css と application.js に追加すれば OK です。
|
74
55
|
|
75
56
|
---
|
76
57
|
|
77
|
-
Certain [versions](VERSIONS.md) also support
|
78
|
-
|
79
|
-
app/assets/stylesheets/application.css
|
58
|
+
Certain [versions](VERSIONS.md) also support nico and umi.
|
80
59
|
|
81
|
-
```css
|
60
|
+
```app/assets/stylesheets/application.css
|
82
61
|
*= require _umi # Add line
|
83
62
|
*= require_self
|
84
63
|
```
|
85
64
|
|
86
65
|
or
|
87
66
|
|
88
|
-
```css
|
67
|
+
```app/assets/stylesheets/application.css
|
89
68
|
*= require _nico # Add line
|
90
69
|
*= require_self
|
91
70
|
```
|
92
71
|
|
93
|
-
|
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.
|
72
|
+
Please check [VERSIONS.md](VERSIONS.md) for honoka nico umi compatible Ver.
|
101
73
|
|
102
|
-
[日本語訳][特定のバージョン](VERSIONS.md)では "
|
103
|
-
`
|
104
|
-
|
105
|
-
Honoka Nico Umi Rin の対応 Ver は[VERSIONS.md](VERSIONS.md)をご確認ください。
|
74
|
+
[日本語訳][特定のバージョン](VERSIONS.md)では "nico"と "umi"も対応しています。
|
75
|
+
`honoka` の代わりに `*= require _nico` と書けば nico になりますし、 `umi` と書けば umi デザインになります。
|
76
|
+
honoka nico umi の対応 Ver は[VERSIONS.md](VERSIONS.md)をご確認ください。
|
106
77
|
|
107
78
|
## Notice
|
108
79
|
|
109
|
-
bootstrap-honoka-rails uses bootstrap
|
80
|
+
bootstrap-honoka-rails uses bootstrap internally.
|
110
81
|
|
111
82
|
[日本語訳]
|
112
|
-
bootstrap-honoka-rails は bootstrap
|
83
|
+
bootstrap-honoka-rails は bootstrap を内部的に使っています。
|
113
84
|
|
114
85
|
## License
|
115
86
|
|
116
87
|
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
|
@@ -1,22 +1,19 @@
|
|
1
1
|
@charset "UTF-8";
|
2
2
|
|
3
|
-
// Core
|
4
|
-
@import "
|
5
|
-
// Core mixins
|
6
|
-
@import "bootstrap/mixins";
|
7
|
-
@import "./mixins";
|
3
|
+
// Core functions
|
4
|
+
@import "bootstrap/functions";
|
8
5
|
|
9
|
-
// Honoka
|
10
|
-
@import "./
|
6
|
+
// Honoka variables
|
7
|
+
@import "./variables";
|
11
8
|
|
12
|
-
@import "bootstrap/
|
13
|
-
@import "bootstrap/
|
14
|
-
@import "bootstrap/
|
15
|
-
@import "bootstrap/glyphicons";
|
9
|
+
@import "bootstrap/variables";
|
10
|
+
@import "bootstrap/mixins";
|
11
|
+
@import "bootstrap/root";
|
16
12
|
|
17
13
|
// Core CSS
|
18
|
-
@import "bootstrap/
|
14
|
+
@import "bootstrap/reboot";
|
19
15
|
@import "bootstrap/type";
|
16
|
+
@import "bootstrap/images";
|
20
17
|
@import "bootstrap/code";
|
21
18
|
@import "bootstrap/grid";
|
22
19
|
@import "bootstrap/tables";
|
@@ -24,37 +21,29 @@
|
|
24
21
|
@import "bootstrap/buttons";
|
25
22
|
|
26
23
|
// Components
|
27
|
-
@import "bootstrap/
|
28
|
-
@import "bootstrap/
|
29
|
-
@import "bootstrap/button-
|
30
|
-
@import "bootstrap/input-
|
31
|
-
@import "bootstrap/
|
24
|
+
@import "bootstrap/transitions";
|
25
|
+
@import "bootstrap/dropdown";
|
26
|
+
@import "bootstrap/button-group";
|
27
|
+
@import "bootstrap/input-group";
|
28
|
+
@import "bootstrap/custom-forms";
|
29
|
+
@import "bootstrap/nav";
|
32
30
|
@import "bootstrap/navbar";
|
33
|
-
@import "bootstrap/
|
31
|
+
@import "bootstrap/card";
|
32
|
+
@import "bootstrap/breadcrumb";
|
34
33
|
@import "bootstrap/pagination";
|
35
|
-
@import "bootstrap/
|
36
|
-
@import "bootstrap/labels";
|
37
|
-
@import "bootstrap/badges";
|
34
|
+
@import "bootstrap/badge";
|
38
35
|
@import "bootstrap/jumbotron";
|
39
|
-
@import "bootstrap/
|
40
|
-
@import "bootstrap/
|
41
|
-
@import "bootstrap/progress-bars";
|
36
|
+
@import "bootstrap/alert";
|
37
|
+
@import "bootstrap/progress";
|
42
38
|
@import "bootstrap/media";
|
43
39
|
@import "bootstrap/list-group";
|
44
|
-
@import "bootstrap/panels";
|
45
|
-
@import "bootstrap/responsive-embed";
|
46
|
-
@import "bootstrap/wells";
|
47
40
|
@import "bootstrap/close";
|
48
|
-
|
49
|
-
// Components w/ JavaScript
|
50
|
-
@import "bootstrap/modals";
|
41
|
+
@import "bootstrap/modal";
|
51
42
|
@import "bootstrap/tooltip";
|
52
|
-
@import "bootstrap/
|
43
|
+
@import "bootstrap/popover";
|
53
44
|
@import "bootstrap/carousel";
|
54
|
-
|
55
|
-
// Utility classes
|
56
45
|
@import "bootstrap/utilities";
|
57
|
-
@import "bootstrap/
|
46
|
+
@import "bootstrap/print";
|
58
47
|
|
59
|
-
// Honoka
|
60
|
-
@import "./override";
|
48
|
+
// Honoka original setting
|
49
|
+
@import "./override";
|
@@ -1,60 +1 @@
|
|
1
|
-
|
2
|
-
@mixin button-variant($color, $background, $border) {
|
3
|
-
color: $color;
|
4
|
-
background-color: $background;
|
5
|
-
border-color: $border;
|
6
|
-
|
7
|
-
transition-property: all;
|
8
|
-
transition-duration: 0.3s;
|
9
|
-
transition-timing-function: ease;
|
10
|
-
|
11
|
-
&:focus,
|
12
|
-
&.focus {
|
13
|
-
color: $color;
|
14
|
-
background-color: darken($background, 10%);
|
15
|
-
border-color: darken($border, 25%);
|
16
|
-
}
|
17
|
-
&:hover {
|
18
|
-
color: $color;
|
19
|
-
background-color: darken($background, 10%);
|
20
|
-
border-color: darken($border, 12%);
|
21
|
-
}
|
22
|
-
&:active,
|
23
|
-
&.active,
|
24
|
-
.open > &.dropdown-toggle {
|
25
|
-
color: $color;
|
26
|
-
background-color: darken($background, 5%);
|
27
|
-
border-color: darken($border, 6%);
|
28
|
-
|
29
|
-
&:hover,
|
30
|
-
&:focus,
|
31
|
-
&.focus {
|
32
|
-
color: $color;
|
33
|
-
background-color: darken($background, 17%);
|
34
|
-
border-color: darken($border, 25%);
|
35
|
-
}
|
36
|
-
}
|
37
|
-
&:active,
|
38
|
-
&.active,
|
39
|
-
.open > &.dropdown-toggle {
|
40
|
-
background-image: none;
|
41
|
-
}
|
42
|
-
&.disabled,
|
43
|
-
&[disabled],
|
44
|
-
fieldset[disabled] & {
|
45
|
-
&,
|
46
|
-
&:hover,
|
47
|
-
&:focus,
|
48
|
-
&.focus,
|
49
|
-
&:active,
|
50
|
-
&.active {
|
51
|
-
background-color: $background;
|
52
|
-
border-color: $border;
|
53
|
-
}
|
54
|
-
}
|
55
|
-
|
56
|
-
.badge {
|
57
|
-
color: $background;
|
58
|
-
background-color: $color;
|
59
|
-
}
|
60
|
-
}
|
1
|
+
// original mixin functions
|
@@ -1,70 +1,42 @@
|
|
1
1
|
@charset "UTF-8";
|
2
2
|
|
3
|
-
|
4
|
-
|
5
|
-
|
6
|
-
|
7
|
-
|
3
|
+
.navbar {
|
4
|
+
.nav-item {
|
5
|
+
.nav-link {
|
6
|
+
position: relative;
|
7
|
+
margin-right: $spacer * .5;
|
8
|
+
&::before {
|
9
|
+
position: absolute;
|
10
|
+
right: 0;
|
11
|
+
bottom: 0;
|
12
|
+
left: 0;
|
13
|
+
width: 0;
|
14
|
+
margin: 0 auto;
|
15
|
+
content: "";
|
16
|
+
border-bottom-style: solid;
|
17
|
+
border-bottom-width: 1px;
|
18
|
+
transition: width .2s;
|
19
|
+
}
|
20
|
+
@include hover-focus {
|
21
|
+
&::before {
|
22
|
+
width: 100%;
|
23
|
+
}
|
24
|
+
}
|
25
|
+
}
|
26
|
+
&.active .nav-link::before {
|
27
|
+
width: 100%;
|
28
|
+
}
|
29
|
+
}
|
8
30
|
}
|
9
31
|
|
10
|
-
|
11
|
-
.
|
12
|
-
|
13
|
-
|
14
|
-
box-shadow: none;
|
15
|
-
}
|
32
|
+
.navbar-dark {
|
33
|
+
.nav-item .nav-link::before {
|
34
|
+
border-color: $navbar-dark-active-color;
|
35
|
+
}
|
16
36
|
}
|
17
37
|
|
18
|
-
|
19
|
-
.
|
20
|
-
|
21
|
-
|
22
|
-
> a {
|
23
|
-
padding-top: ($navbar-padding-vertical / 4);
|
24
|
-
padding-bottom: ($navbar-padding-vertical / 4);
|
25
|
-
margin-top: ($navbar-padding-vertical / 4 * 3);
|
26
|
-
margin-bottom: ($navbar-padding-vertical / 4 * 3);
|
27
|
-
border-radius: $border-radius-large;
|
28
|
-
}
|
29
|
-
> .dropdown-menu {
|
30
|
-
margin-top: (-$navbar-padding-vertical / 4 * 3);
|
31
|
-
}
|
32
|
-
}
|
33
|
-
> li:not(:last-child) {
|
34
|
-
margin-right: ($navbar-padding-horizontal / 3);
|
35
|
-
}
|
36
|
-
}
|
37
|
-
}
|
38
|
-
|
39
|
-
.navbar-brand {
|
40
|
-
margin-right: ($navbar-padding-horizontal / 3);
|
41
|
-
font-size: $font-size-large;
|
42
|
-
}
|
43
|
-
|
44
|
-
// label
|
45
|
-
.label {
|
46
|
-
vertical-align: 2px;
|
47
|
-
}
|
48
|
-
|
49
|
-
// フォント指定
|
50
|
-
.no-thank-yu,
|
51
|
-
.navbar,
|
52
|
-
.btn,
|
53
|
-
.form-control,
|
54
|
-
.input-gruop,
|
55
|
-
.breadcrumb,
|
56
|
-
.nav-tabs,
|
57
|
-
.nav-pills,
|
58
|
-
.panel-title,
|
59
|
-
.list-group,
|
60
|
-
.pagination,
|
61
|
-
.pager,
|
62
|
-
.alert,
|
63
|
-
.label,
|
64
|
-
.badge,
|
65
|
-
.panel-heading,
|
66
|
-
.lead,
|
67
|
-
.tooltip,
|
68
|
-
.popover {
|
69
|
-
font-family: $font-family-sans-serif;
|
38
|
+
.navbar-light {
|
39
|
+
.nav-item .nav-link::before {
|
40
|
+
border-color: $navbar-light-active-color;
|
41
|
+
}
|
70
42
|
}
|