bootstrap-honoka-rails 3.3.7.5 → 4.0.0
Sign up to get free protection for your applications and to get access to all the features.
- 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
|
}
|