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.
Files changed (60) hide show
  1. checksums.yaml +4 -4
  2. data/README.md +23 -94
  3. data/Rakefile +17 -39
  4. data/assets/stylesheets/_honoka.scss +5 -0
  5. data/assets/stylesheets/_nico.scss +5 -0
  6. data/assets/stylesheets/_umi.scss +5 -0
  7. data/assets/stylesheets/honoka/_honoka.scss +25 -36
  8. data/assets/stylesheets/honoka/_mixins.scss +1 -60
  9. data/assets/stylesheets/honoka/_override.scss +35 -63
  10. data/assets/stylesheets/honoka/_variables.scss +729 -710
  11. data/assets/stylesheets/nico/_honoka.scss +25 -36
  12. data/assets/stylesheets/nico/_mixins.scss +1 -60
  13. data/assets/stylesheets/nico/_override.scss +66 -68
  14. data/assets/stylesheets/nico/_variables.scss +730 -710
  15. data/assets/stylesheets/umi/_bootswatch.scss +193 -0
  16. data/assets/stylesheets/umi/_honoka.scss +28 -36
  17. data/assets/stylesheets/umi/_mixins.scss +1 -60
  18. data/assets/stylesheets/umi/_override.scss +35 -63
  19. data/assets/stylesheets/umi/_variables.scss +730 -710
  20. data/lib/bootstrap/honoka/rails.rb +0 -5
  21. data/lib/bootstrap/honoka/rails/engine.rb +4 -2
  22. data/lib/bootstrap/honoka/rails/version.rb +1 -5
  23. data/test/dummy/app/assets/javascripts/application.js +2 -2
  24. data/test/dummy/app/assets/stylesheets/application.css +1 -0
  25. data/test/dummy/app/assets/stylesheets/honoka.css +0 -1
  26. data/test/dummy/app/assets/stylesheets/nico.css +0 -1
  27. data/test/dummy/app/assets/stylesheets/umi.css +0 -1
  28. data/test/dummy/app/controllers/pages_controller.rb +6 -4
  29. data/test/dummy/app/views/layouts/application.html.erb +1 -1
  30. data/test/dummy/app/views/pages/honoka.html.erb +1108 -682
  31. data/test/dummy/app/views/pages/nico.html.erb +994 -685
  32. data/test/dummy/app/views/pages/umi.html.erb +993 -684
  33. data/test/dummy/config/application.rb +4 -1
  34. data/test/dummy/config/environments/development.rb +24 -0
  35. data/test/dummy/config/environments/production.rb +8 -4
  36. data/test/dummy/config/initializers/assets.rb +1 -17
  37. data/test/dummy/config/initializers/backtrace_silencers.rb +7 -0
  38. data/test/dummy/config/initializers/inflections.rb +16 -0
  39. data/test/dummy/config/initializers/mime_types.rb +4 -0
  40. data/test/dummy/config/routes.rb +3 -3
  41. data/test/honoka_test.rb +4 -41
  42. data/test/test_helper.rb +5 -49
  43. metadata +16 -117
  44. data/VERSIONS.md +0 -10
  45. data/assets/stylesheets/_rin.scss +0 -3
  46. data/assets/stylesheets/honoka/_font.scss +0 -58
  47. data/assets/stylesheets/nico/_font.scss +0 -58
  48. data/assets/stylesheets/rin/_font.scss +0 -58
  49. data/assets/stylesheets/rin/_honoka.scss +0 -60
  50. data/assets/stylesheets/rin/_mixins.scss +0 -60
  51. data/assets/stylesheets/rin/_override.scss +0 -372
  52. data/assets/stylesheets/rin/_variables.scss +0 -877
  53. data/assets/stylesheets/umi/_font.scss +0 -58
  54. data/test/dummy/app/assets/stylesheets/rin.css +0 -4
  55. data/test/dummy/app/views/pages/rin.html.erb +0 -1278
  56. data/test/dummy/bin/rails +0 -4
  57. data/test/dummy/production_key_generate.sh +0 -4
  58. data/test/dummy/public/favicon.ico +0 -0
  59. data/test/support/dummy_integration.rb +0 -57
  60. data/test/support/dummy_reporters.rb +0 -61
data/assets/stylesheets/umi/_bootswatch.scss ADDED
@@ -0,0 +1,193 @@
1
+ // stylelint-disable
2
+
3
+ // Flatly 4.0.0
4
+ // Bootswatch
5
+
6
+
7
+
8
+ // Navbar =======================================================================
9
+
10
+ .bg-primary {
11
+ .navbar-nav {
12
+ .active > .nav-link,
13
+ .nav-link:hover,
14
+ .nav-link:focus {
15
+ color: $success !important;
16
+ }
17
+ }
18
+ .nav-item .nav-link::before {
19
+ border-color: $success !important;
20
+ }
21
+ }
22
+
23
+ .bg-dark {
24
+ background-color: $success !important;
25
+ &.navbar-dark .navbar-nav {
26
+ .nav-link:focus,
27
+ .nav-link:hover,
28
+ .active > .nav-link {
29
+ color: $primary !important;
30
+ }
31
+ .nav-item .nav-link::before {
32
+ border-color: $primary !important;
33
+ }
34
+ }
35
+ }
36
+
37
+ // Buttons =====================================================================
38
+
39
+ .btn {
40
+ &-secondary,
41
+ &-secondary:hover,
42
+ &-warning,
43
+ &-warning:hover {
44
+ color: #fff;
45
+
46
+ &.disabled {
47
+ color: #fff;
48
+ }
49
+ }
50
+ }
51
+
52
+ // Typography ==================================================================
53
+
54
+ // Tables ======================================================================
55
+
56
+ .table {
57
+
58
+ .thead-dark th {
59
+ background-color: $primary;
60
+ }
61
+
62
+ &-success,
63
+ &-info,
64
+ &-warning,
65
+ &-danger {
66
+ color: #fff;
67
+ }
68
+
69
+ &-success {
70
+ &, > th, > td {
71
+ background-color: $success;
72
+ }
73
+ }
74
+
75
+ &-info {
76
+ &, > th, > td {
77
+ background-color: $info;
78
+ }
79
+ }
80
+
81
+ &-danger {
82
+ &, > th, > td {
83
+ background-color: $danger;
84
+ }
85
+ }
86
+
87
+ &-warning {
88
+ &, > th, > td {
89
+ background-color: $warning;
90
+ }
91
+ }
92
+
93
+ &-hover {
94
+
95
+ .table-success:hover {
96
+ &, > th, > td {
97
+ background-color: darken($success, 5%);
98
+ }
99
+ }
100
+
101
+ .table-info:hover {
102
+ &, > th, > td {
103
+ background-color: darken($info, 5%);
104
+ }
105
+ }
106
+
107
+ .table-danger:hover {
108
+ &, > th, > td {
109
+ background-color: darken($danger, 5%);
110
+ }
111
+ }
112
+
113
+ .table-warning:hover {
114
+ &, > th, > td {
115
+ background-color: darken($warning, 5%);
116
+ }
117
+ }
118
+
119
+ }
120
+ }
121
+
122
+ // Forms =======================================================================
123
+
124
+ // Navs ========================================================================
125
+
126
+ .nav-tabs {
127
+ .nav-link.active,
128
+ .nav-link.active:focus,
129
+ .nav-link.active:hover,
130
+ .nav-item.open .nav-link,
131
+ .nav-item.open .nav-link:focus,
132
+ .nav-item.open .nav-link:hover {
133
+ color: $primary;
134
+ }
135
+ }
136
+
137
+ .pagination {
138
+ a:hover {
139
+ text-decoration: none;
140
+ }
141
+ }
142
+
143
+ // Indicators ==================================================================
144
+
145
+ .close {
146
+ text-decoration: none;
147
+ opacity: 0.4;
148
+
149
+ &:hover,
150
+ &:focus {
151
+ opacity: 1;
152
+ }
153
+ }
154
+
155
+ .badge {
156
+ &-secondary,
157
+ &-warning {
158
+ color: #fff;
159
+ }
160
+ }
161
+
162
+
163
+ .alert {
164
+ border: none;
165
+ color: $white;
166
+
167
+ a,
168
+ .alert-link {
169
+ color: #fff;
170
+ text-decoration: underline;
171
+ }
172
+
173
+ @each $color, $value in $theme-colors {
174
+ &-#{$color} {
175
+ background-color: $value;
176
+ }
177
+ }
178
+
179
+ &-light {
180
+ &,
181
+ & a,
182
+ & .alert-link {
183
+ color: $body-color;
184
+ }
185
+ }
186
+ }
187
+
188
+ // Progress bars ===============================================================
189
+
190
+ // Containers ==================================================================
191
+ .modal .close{
192
+ color: $black;
193
+ }
data/assets/stylesheets/umi/_honoka.scss CHANGED
@@ -1,22 +1,19 @@
1
1
  @charset "UTF-8";
2
2
 
3
- // Core variables
4
- @import "./variables";
5
- // Core mixins
6
- @import "bootstrap/mixins";
7
- @import "./mixins";
3
+ // Core functions
4
+ @import "bootstrap/functions";
8
5
 
9
- // Honoka Font Setting
10
- @import "./font";
6
+ // Honoka variables
7
+ @import "./variables";
11
8
 
12
- @import "bootstrap/normalize";
13
- @import "bootstrap/grid";
14
- @import "bootstrap/print";
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/scaffolding";
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,32 @@
24
21
  @import "bootstrap/buttons";
25
22
 
26
23
  // Components
27
- @import "bootstrap/component-animations";
28
- @import "bootstrap/dropdowns";
29
- @import "bootstrap/button-groups";
30
- @import "bootstrap/input-groups";
31
- @import "bootstrap/navs";
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/breadcrumbs";
31
+ @import "bootstrap/card";
32
+ @import "bootstrap/breadcrumb";
34
33
  @import "bootstrap/pagination";
35
- @import "bootstrap/pager";
36
- @import "bootstrap/labels";
37
- @import "bootstrap/badges";
34
+ @import "bootstrap/badge";
38
35
  @import "bootstrap/jumbotron";
39
- @import "bootstrap/thumbnails";
40
- @import "bootstrap/alerts";
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/popovers";
43
+ @import "bootstrap/popover";
53
44
  @import "bootstrap/carousel";
54
-
55
- // Utility classes
56
45
  @import "bootstrap/utilities";
57
- @import "bootstrap/responsive-utilities";
46
+ @import "bootstrap/print";
47
+
48
+ // Honoka original setting
49
+ @import "./override";
58
50
 
59
- // Honoka Original Setting
60
- @import "./override";
51
+ // Bootswatch
52
+ @import "./bootswatch";
data/assets/stylesheets/umi/_mixins.scss CHANGED
@@ -1,60 +1 @@
1
- //== buttons
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
data/assets/stylesheets/umi/_override.scss CHANGED
@@ -1,70 +1,42 @@
1
1
  @charset "UTF-8";
2
2
 
3
- // animation
4
- a {
5
- transition-timing-function: ease;
6
- transition-duration: 0.3s;
7
- transition-property: all;
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
- // buttons
11
- .btn {
12
- &:active,
13
- &.active {
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
- // navbar
19
- .navbar-nav {
20
- @media (min-width: $grid-float-breakpoint) {
21
- > li {
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
  }