rails_admin_featured_content 1.0.3

Sign up to get free protection for your applications and to get access to all the features.
Files changed (119) hide show
  1. checksums.yaml +7 -0
  2. data/.gitignore +15 -0
  3. data/.rspec +2 -0
  4. data/.ruby-gemset +1 -0
  5. data/.ruby-version +1 -0
  6. data/.travis.yml +5 -0
  7. data/CODE_OF_CONDUCT.md +49 -0
  8. data/Gemfile +13 -0
  9. data/LICENSE.txt +21 -0
  10. data/README.md +81 -0
  11. data/Rakefile +21 -0
  12. data/app/assets/images/fc-image-default.jpg +0 -0
  13. data/app/assets/images/fc-loading.svg +1 -0
  14. data/app/assets/images/fc-snippet-highlight.jpg +0 -0
  15. data/app/assets/images/fc-snippet-slide.jpg +0 -0
  16. data/app/assets/images/fc-snippet-text.jpg +0 -0
  17. data/app/assets/images/fc-snippet-three.jpg +0 -0
  18. data/app/assets/images/fc-snippet-two.jpg +0 -0
  19. data/app/assets/javascripts/rails_admin/featured_content.js.erb +399 -0
  20. data/app/assets/stylesheets/rails_admin/featured_content.scss +599 -0
  21. data/app/controllers/rails_admin_featured_content/featured_content_controller.rb +28 -0
  22. data/app/models/.keep +0 -0
  23. data/app/models/rails_admin_featured_content/featured_content.rb +16 -0
  24. data/app/models/rails_admin_featured_content/featured_content_image.rb +9 -0
  25. data/app/views/.gitkeep +0 -0
  26. data/app/views/rails_admin/main/featured_content.html.erb +42 -0
  27. data/bin/console +14 -0
  28. data/bin/setup +8 -0
  29. data/config/initializers/assets.rb +7 -0
  30. data/config/locales/featured_content.en.yml +17 -0
  31. data/config/locales/featured_content.pt-BR.yml +17 -0
  32. data/config/routes.rb +9 -0
  33. data/lib/generators/rails_admin_featured_content_generator.rb +31 -0
  34. data/lib/generators/templates/create_featured_content_images_migration.rb +10 -0
  35. data/lib/generators/templates/create_featured_content_migration.rb +11 -0
  36. data/lib/generators/templates/featured_content_image_uploader.rb +50 -0
  37. data/lib/generators/templates/rails_admin_featured_content.rb +22 -0
  38. data/lib/rails_admin_featured_content.rb +55 -0
  39. data/lib/rails_admin_featured_content/engine.rb +23 -0
  40. data/lib/rails_admin_featured_content/version.rb +3 -0
  41. data/rails_admin_featured_content.gemspec +45 -0
  42. data/spec/controllers/rails_admin_featured_content/featured_content_controller_spec.rb +42 -0
  43. data/spec/dummy/Gemfile +11 -0
  44. data/spec/dummy/Gemfile.lock +235 -0
  45. data/spec/dummy/Rakefile +6 -0
  46. data/spec/dummy/app/assets/javascripts/application.js +13 -0
  47. data/spec/dummy/app/assets/stylesheets/application.css +15 -0
  48. data/spec/dummy/app/controllers/application_controller.rb +5 -0
  49. data/spec/dummy/app/helpers/application_helper.rb +2 -0
  50. data/spec/dummy/app/uploaders/content_builder_image_uploader.rb +54 -0
  51. data/spec/dummy/app/uploaders/featured_content_image_uploader.rb +50 -0
  52. data/spec/dummy/app/views/layouts/application.html.erb +14 -0
  53. data/spec/dummy/bin/bundle +3 -0
  54. data/spec/dummy/bin/rails +4 -0
  55. data/spec/dummy/bin/rake +4 -0
  56. data/spec/dummy/bin/setup +29 -0
  57. data/spec/dummy/config.ru +4 -0
  58. data/spec/dummy/config/application.rb +31 -0
  59. data/spec/dummy/config/boot.rb +5 -0
  60. data/spec/dummy/config/database.yml +25 -0
  61. data/spec/dummy/config/environment.rb +5 -0
  62. data/spec/dummy/config/environments/development.rb +41 -0
  63. data/spec/dummy/config/environments/production.rb +79 -0
  64. data/spec/dummy/config/environments/test.rb +42 -0
  65. data/spec/dummy/config/initializers/assets.rb +11 -0
  66. data/spec/dummy/config/initializers/backtrace_silencers.rb +7 -0
  67. data/spec/dummy/config/initializers/cookies_serializer.rb +3 -0
  68. data/spec/dummy/config/initializers/filter_parameter_logging.rb +4 -0
  69. data/spec/dummy/config/initializers/inflections.rb +16 -0
  70. data/spec/dummy/config/initializers/mime_types.rb +4 -0
  71. data/spec/dummy/config/initializers/rails_admin.rb +37 -0
  72. data/spec/dummy/config/initializers/rails_admin_content_builder.rb +37 -0
  73. data/spec/dummy/config/initializers/rails_admin_featured_content.rb +22 -0
  74. data/spec/dummy/config/initializers/session_store.rb +3 -0
  75. data/spec/dummy/config/initializers/simple_form.rb +165 -0
  76. data/spec/dummy/config/initializers/wrap_parameters.rb +14 -0
  77. data/spec/dummy/config/locales/en.yml +23 -0
  78. data/spec/dummy/config/locales/simple_form.en.yml +31 -0
  79. data/spec/dummy/config/routes.rb +57 -0
  80. data/spec/dummy/config/secrets.yml +22 -0
  81. data/spec/dummy/db/development.sqlite3 +0 -0
  82. data/spec/dummy/db/migrate/20160729105801_create_content_builder_categories.rb +10 -0
  83. data/spec/dummy/db/migrate/20160729105802_create_content_builders.rb +16 -0
  84. data/spec/dummy/db/migrate/20160729105803_create_content_builder_images.rb +10 -0
  85. data/spec/dummy/db/migrate/20160729105947_create_featured_contents.rb +11 -0
  86. data/spec/dummy/db/migrate/20160729105948_create_featured_content_images.rb +10 -0
  87. data/spec/dummy/db/schema.rb +64 -0
  88. data/spec/dummy/db/test.sqlite3 +0 -0
  89. data/spec/dummy/lib/templates/erb/scaffold/_form.html.erb +13 -0
  90. data/spec/dummy/log/development.log +1698 -0
  91. data/spec/dummy/log/test.log +36 -0
  92. data/spec/dummy/public/404.html +67 -0
  93. data/spec/dummy/public/422.html +67 -0
  94. data/spec/dummy/public/500.html +66 -0
  95. data/spec/dummy/public/favicon.ico +0 -0
  96. data/spec/dummy/public/uploads/rails_admin_content_builder/content_builder_image/image/1/center_example.jpg +0 -0
  97. data/spec/dummy/public/uploads/rails_admin_content_builder/content_builder_image/image/1/example.jpg +0 -0
  98. data/spec/dummy/public/uploads/rails_admin_content_builder/content_builder_image/image/1/left_or_right_example.jpg +0 -0
  99. data/spec/dummy/public/uploads/rails_admin_content_builder/content_builder_image/image/2/center_example.jpg +0 -0
  100. data/spec/dummy/public/uploads/rails_admin_content_builder/content_builder_image/image/2/example.jpg +0 -0
  101. data/spec/dummy/public/uploads/rails_admin_content_builder/content_builder_image/image/2/left_or_right_example.jpg +0 -0
  102. data/spec/dummy/public/uploads/rails_admin_featured_content/featured_content_image/image/1/example.jpg +0 -0
  103. data/spec/dummy/public/uploads/rails_admin_featured_content/featured_content_image/image/1/thumb_example.jpg +0 -0
  104. data/spec/dummy/public/uploads/tmp/1461693110-14578-0001-7683/center_example.jpg +0 -0
  105. data/spec/dummy/public/uploads/tmp/1461693110-14578-0001-7683/example.jpg +0 -0
  106. data/spec/dummy/public/uploads/tmp/1461693110-14578-0001-7683/left_or_right_example.jpg +0 -0
  107. data/spec/dummy/public/uploads/tmp/1461693202-14651-0001-6505/center_example.jpg +0 -0
  108. data/spec/dummy/public/uploads/tmp/1461693202-14651-0001-6505/example.jpg +0 -0
  109. data/spec/dummy/public/uploads/tmp/1461693202-14651-0001-6505/left_or_right_example.jpg +0 -0
  110. data/spec/dummy/public/uploads/tmp/1461693245-14728-0001-4392/center_example.jpg +0 -0
  111. data/spec/dummy/public/uploads/tmp/1461693245-14728-0001-4392/example.jpg +0 -0
  112. data/spec/dummy/public/uploads/tmp/1461693245-14728-0001-4392/left_or_right_example.jpg +0 -0
  113. data/spec/factories/featured_content.rb +7 -0
  114. data/spec/factories/featured_content_image.rb +7 -0
  115. data/spec/fixtures/assets/example.jpg +0 -0
  116. data/spec/spec_helper.rb +20 -0
  117. data/spec/version_spec.rb +7 -0
  118. data/vendor/assets/stylesheets/rails_admin_featured_content.scss +557 -0
  119. metadata +575 -0
data/spec/dummy/log/test.log ADDED
@@ -0,0 +1,36 @@
1
+  (0.2ms) begin transaction
2
+  (0.1ms) rollback transaction
3
+  (0.0ms) begin transaction
4
+  (0.0ms) rollback transaction
5
+  (0.1ms) begin transaction
6
+  (0.1ms) rollback transaction
7
+  (0.2ms) begin transaction
8
+  (0.0ms) rollback transaction
9
+  (0.0ms) begin transaction
10
+  (0.0ms) rollback transaction
11
+  (0.0ms) begin transaction
12
+  (0.0ms) rollback transaction
13
+  (0.2ms) begin transaction
14
+  (0.0ms) rollback transaction
15
+  (0.0ms) begin transaction
16
+  (0.0ms) rollback transaction
17
+  (0.0ms) begin transaction
18
+  (0.0ms) rollback transaction
19
+  (0.2ms) begin transaction
20
+  (0.0ms) rollback transaction
21
+  (0.0ms) begin transaction
22
+  (0.0ms) rollback transaction
23
+  (0.0ms) begin transaction
24
+  (0.0ms) rollback transaction
25
+  (0.2ms) begin transaction
26
+  (0.1ms) rollback transaction
27
+  (0.1ms) begin transaction
28
+  (0.1ms) rollback transaction
29
+  (0.1ms) begin transaction
30
+  (0.0ms) rollback transaction
31
+  (0.2ms) begin transaction
32
+  (0.0ms) rollback transaction
33
+  (0.0ms) begin transaction
34
+  (0.0ms) rollback transaction
35
+  (0.0ms) begin transaction
36
+  (0.0ms) rollback transaction
data/spec/dummy/public/404.html ADDED
@@ -0,0 +1,67 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>The page you were looking for doesn't exist (404)</title>
5
+ <meta name="viewport" content="width=device-width,initial-scale=1">
6
+ <style>
7
+ body {
8
+ background-color: #EFEFEF;
9
+ color: #2E2F30;
10
+ text-align: center;
11
+ font-family: arial, sans-serif;
12
+ margin: 0;
13
+ }
14
+
15
+ div.dialog {
16
+ width: 95%;
17
+ max-width: 33em;
18
+ margin: 4em auto 0;
19
+ }
20
+
21
+ div.dialog > div {
22
+ border: 1px solid #CCC;
23
+ border-right-color: #999;
24
+ border-left-color: #999;
25
+ border-bottom-color: #BBB;
26
+ border-top: #B00100 solid 4px;
27
+ border-top-left-radius: 9px;
28
+ border-top-right-radius: 9px;
29
+ background-color: white;
30
+ padding: 7px 12% 0;
31
+ box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
32
+ }
33
+
34
+ h1 {
35
+ font-size: 100%;
36
+ color: #730E15;
37
+ line-height: 1.5em;
38
+ }
39
+
40
+ div.dialog > p {
41
+ margin: 0 0 1em;
42
+ padding: 1em;
43
+ background-color: #F7F7F7;
44
+ border: 1px solid #CCC;
45
+ border-right-color: #999;
46
+ border-left-color: #999;
47
+ border-bottom-color: #999;
48
+ border-bottom-left-radius: 4px;
49
+ border-bottom-right-radius: 4px;
50
+ border-top-color: #DADADA;
51
+ color: #666;
52
+ box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
53
+ }
54
+ </style>
55
+ </head>
56
+
57
+ <body>
58
+ <!-- This file lives in public/404.html -->
59
+ <div class="dialog">
60
+ <div>
61
+ <h1>The page you were looking for doesn't exist.</h1>
62
+ <p>You may have mistyped the address or the page may have moved.</p>
63
+ </div>
64
+ <p>If you are the application owner check the logs for more information.</p>
65
+ </div>
66
+ </body>
67
+ </html>
data/spec/dummy/public/422.html ADDED
@@ -0,0 +1,67 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>The change you wanted was rejected (422)</title>
5
+ <meta name="viewport" content="width=device-width,initial-scale=1">
6
+ <style>
7
+ body {
8
+ background-color: #EFEFEF;
9
+ color: #2E2F30;
10
+ text-align: center;
11
+ font-family: arial, sans-serif;
12
+ margin: 0;
13
+ }
14
+
15
+ div.dialog {
16
+ width: 95%;
17
+ max-width: 33em;
18
+ margin: 4em auto 0;
19
+ }
20
+
21
+ div.dialog > div {
22
+ border: 1px solid #CCC;
23
+ border-right-color: #999;
24
+ border-left-color: #999;
25
+ border-bottom-color: #BBB;
26
+ border-top: #B00100 solid 4px;
27
+ border-top-left-radius: 9px;
28
+ border-top-right-radius: 9px;
29
+ background-color: white;
30
+ padding: 7px 12% 0;
31
+ box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
32
+ }
33
+
34
+ h1 {
35
+ font-size: 100%;
36
+ color: #730E15;
37
+ line-height: 1.5em;
38
+ }
39
+
40
+ div.dialog > p {
41
+ margin: 0 0 1em;
42
+ padding: 1em;
43
+ background-color: #F7F7F7;
44
+ border: 1px solid #CCC;
45
+ border-right-color: #999;
46
+ border-left-color: #999;
47
+ border-bottom-color: #999;
48
+ border-bottom-left-radius: 4px;
49
+ border-bottom-right-radius: 4px;
50
+ border-top-color: #DADADA;
51
+ color: #666;
52
+ box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
53
+ }
54
+ </style>
55
+ </head>
56
+
57
+ <body>
58
+ <!-- This file lives in public/422.html -->
59
+ <div class="dialog">
60
+ <div>
61
+ <h1>The change you wanted was rejected.</h1>
62
+ <p>Maybe you tried to change something you didn't have access to.</p>
63
+ </div>
64
+ <p>If you are the application owner check the logs for more information.</p>
65
+ </div>
66
+ </body>
67
+ </html>
data/spec/dummy/public/500.html ADDED
@@ -0,0 +1,66 @@
1
+ <!DOCTYPE html>
2
+ <html>
3
+ <head>
4
+ <title>We're sorry, but something went wrong (500)</title>
5
+ <meta name="viewport" content="width=device-width,initial-scale=1">
6
+ <style>
7
+ body {
8
+ background-color: #EFEFEF;
9
+ color: #2E2F30;
10
+ text-align: center;
11
+ font-family: arial, sans-serif;
12
+ margin: 0;
13
+ }
14
+
15
+ div.dialog {
16
+ width: 95%;
17
+ max-width: 33em;
18
+ margin: 4em auto 0;
19
+ }
20
+
21
+ div.dialog > div {
22
+ border: 1px solid #CCC;
23
+ border-right-color: #999;
24
+ border-left-color: #999;
25
+ border-bottom-color: #BBB;
26
+ border-top: #B00100 solid 4px;
27
+ border-top-left-radius: 9px;
28
+ border-top-right-radius: 9px;
29
+ background-color: white;
30
+ padding: 7px 12% 0;
31
+ box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
32
+ }
33
+
34
+ h1 {
35
+ font-size: 100%;
36
+ color: #730E15;
37
+ line-height: 1.5em;
38
+ }
39
+
40
+ div.dialog > p {
41
+ margin: 0 0 1em;
42
+ padding: 1em;
43
+ background-color: #F7F7F7;
44
+ border: 1px solid #CCC;
45
+ border-right-color: #999;
46
+ border-left-color: #999;
47
+ border-bottom-color: #999;
48
+ border-bottom-left-radius: 4px;
49
+ border-bottom-right-radius: 4px;
50
+ border-top-color: #DADADA;
51
+ color: #666;
52
+ box-shadow: 0 3px 8px rgba(50, 50, 50, 0.17);
53
+ }
54
+ </style>
55
+ </head>
56
+
57
+ <body>
58
+ <!-- This file lives in public/500.html -->
59
+ <div class="dialog">
60
+ <div>
61
+ <h1>We're sorry, but something went wrong.</h1>
62
+ </div>
63
+ <p>If you are the application owner check the logs for more information.</p>
64
+ </div>
65
+ </body>
66
+ </html>
data/spec/dummy/public/favicon.ico ADDED
File without changes
data/spec/factories/featured_content.rb ADDED
@@ -0,0 +1,7 @@
1
+ FactoryGirl.define do
2
+ factory :featured_content, class: RailsAdminFeaturedContent::FeaturedContent do
3
+ title { Faker::Lorem.characters }
4
+ content ''
5
+ status false
6
+ end
7
+ end
data/spec/factories/featured_content_image.rb ADDED
@@ -0,0 +1,7 @@
1
+ # FactoryGirl.define do
2
+ # factory :featured_content, class: RailsAdminFeaturedContent::FeaturedContent do
3
+ # title { Faker::Lorem.characters }
4
+ # content ''
5
+ # status false
6
+ # end
7
+ # end
data/spec/fixtures/assets/example.jpg ADDED
Binary file
data/spec/spec_helper.rb ADDED
@@ -0,0 +1,20 @@
1
+ ENV['RAILS_ENV'] ||= 'test'
2
+
3
+ require File.expand_path("../dummy/config/environment.rb", __FILE__)
4
+ require 'rspec/rails'
5
+ require 'faker'
6
+ require 'rails_admin_content_builder'
7
+ # require 'rspec/autorun'
8
+ require 'factory_girl_rails'
9
+
10
+ Rails.backtrace_cleaner.remove_silencers!
11
+
12
+ # Load support files
13
+ Dir["#{File.dirname(__FILE__)}/support/**/*.rb"].each { |f| require f }
14
+
15
+ RSpec.configure do |config|
16
+ config.mock_with :rspec
17
+ config.use_transactional_fixtures = true
18
+ config.infer_base_class_for_anonymous_controllers = false
19
+ config.order = "random"
20
+ end
data/spec/version_spec.rb ADDED
@@ -0,0 +1,7 @@
1
+ require 'spec_helper'
2
+
3
+ describe RailsAdminFeaturedContent do
4
+ it 'has a version number' do
5
+ expect(RailsAdminFeaturedContent::VERSION).to eq('1.0.3')
6
+ end
7
+ end
data/vendor/assets/stylesheets/rails_admin_featured_content.scss ADDED
@@ -0,0 +1,557 @@
1
+ // fc
2
+
3
+ .fc {
4
+
5
+ }
6
+
7
+ .fc-row {
8
+ &:after {
9
+ visibility: hidden;
10
+ display: block;
11
+ font-size: 0;
12
+ content: " ";
13
+ clear: both;
14
+ height: 0;
15
+ }
16
+ }
17
+
18
+ .fc-date {
19
+ color: lighten(#111, 50%);
20
+ font-size: .7em;
21
+
22
+ margin-bottom: 1rem;
23
+ padding-bottom: 1rem;
24
+
25
+ border-bottom: solid .1rem rgba(#111, .06);
26
+ }
27
+
28
+ .fc-item {
29
+ position: relative;
30
+
31
+ &:after {
32
+ visibility: hidden;
33
+ display: block;
34
+ font-size: 0;
35
+ content: " ";
36
+ clear: both;
37
+ height: 0;
38
+ }
39
+ }
40
+
41
+ .fc-item--border {
42
+ margin-bottom: 1rem;
43
+ padding-bottom: 1rem;
44
+
45
+ border-bottom: solid 1px rgba(#111, .05);
46
+ }
47
+
48
+ .fc-link {
49
+ display: block;
50
+ text-decoration: none;
51
+
52
+ &:hover,
53
+ &:focus {
54
+ .fc-title {
55
+ text-decoration: underline;
56
+ }
57
+
58
+ .fc-title--highlight {
59
+ color: #fff;
60
+ }
61
+ }
62
+ }
63
+
64
+ .fc-link--absolute {
65
+ position: absolute;
66
+ z-index: 40;
67
+ top: 0;
68
+ left: 0;
69
+
70
+ display: block;
71
+ width: 100%;
72
+ height: calc(100% - 1.5rem);
73
+
74
+ &:hover,
75
+ &:focus {
76
+ ~ .fc-title {
77
+ text-decoration: underline;
78
+ }
79
+
80
+ ~ .fc-title--highlight {
81
+ color: #fff;
82
+ }
83
+ }
84
+ }
85
+
86
+ .fc-figure {
87
+ margin: .25rem 1rem 0 0;
88
+ float: left;
89
+
90
+ width: 6rem;
91
+ height: 4.5rem;
92
+ border-radius: 4px;
93
+
94
+ overflow: hidden;
95
+ }
96
+
97
+ .fc-image {
98
+ width: 100%;
99
+ border-radius: 4px;
100
+ }
101
+
102
+ .fc-content {
103
+ height: 9rem;
104
+ overflow: hidden;
105
+ }
106
+
107
+ .fc-time {
108
+ line-height: 1.6;
109
+
110
+ float: right;
111
+ color: darken(#fff, 40%);
112
+ font-size: .75em;
113
+ }
114
+
115
+ .fc-time--block {
116
+ float: none;
117
+ margin-bottom: .4rem;
118
+
119
+ display: block;
120
+ }
121
+
122
+ .fc-caption {
123
+ color: lighten(#111, 40%);
124
+ font-size: .75em;
125
+ font-weight: 600;
126
+ text-transform: uppercase;
127
+
128
+ margin: 0 0 .5rem;
129
+ }
130
+
131
+ .fc-title {
132
+ line-height: 1.3;
133
+
134
+ color: lighten(#000, 25%);
135
+ font-size: 1em;
136
+ font-weight: 700;
137
+ letter-spacing: -.04rem;
138
+
139
+ margin: 0;
140
+ }
141
+
142
+ .fc-title--highlight {
143
+ padding: .6rem;
144
+ background: #222;
145
+
146
+ color: #fff;
147
+ font-size: .8em;
148
+ }
149
+
150
+ .fc-text {
151
+ line-height: 1.4;
152
+
153
+ color: lighten(#111, 30%);
154
+ font-size: .8em;
155
+
156
+ margin: .5rem 0 0;
157
+
158
+ overflow: hidden;
159
+ }
160
+
161
+
162
+ @media screen and (min-width: 460px) {
163
+ .fc-figure {
164
+ width: 9rem;
165
+ height: 6.2rem;
166
+ }
167
+
168
+ .fc-caption {
169
+ font-size: .8em;
170
+ }
171
+
172
+ .fc-text {
173
+ font-size: .9em;
174
+ }
175
+ }
176
+
177
+ @media screen and (min-width: 768px) {
178
+ .fc-row--flex {
179
+ display: flex;
180
+ }
181
+
182
+ .fc-item--border {
183
+ margin-bottom: 1.5rem;
184
+ padding-bottom: 1.5rem;
185
+ }
186
+
187
+ .fc-item--two {
188
+ float: left;
189
+ display: block;
190
+ margin-right: 3.57866%;
191
+ width: 48.21067%;
192
+
193
+ &:nth-child(2n+1) {
194
+ clear: left;
195
+ }
196
+
197
+ &:nth-child(2n) {
198
+ margin-right: 0;
199
+ }
200
+ }
201
+
202
+ .fc-item--three {
203
+ float: left;
204
+ display: block;
205
+ margin-right: 3.16844%;
206
+ width: 31.22104%;
207
+
208
+ &:nth-child(3n+1) {
209
+ clear: left;
210
+ }
211
+
212
+ &:nth-child(3n) {
213
+ margin-right: 0;
214
+ }
215
+ }
216
+
217
+ .fc-item--four {
218
+ float: left;
219
+ display: block;
220
+ margin-right: 3.57866%;
221
+ width: 22.316%;
222
+
223
+ &:nth-child(4n+1) {
224
+ clear: left;
225
+ }
226
+
227
+ &:nth-child(4n) {
228
+ margin-right: 0;
229
+ }
230
+ }
231
+
232
+ .fc-date {
233
+ font-size: .9em;
234
+ margin-bottom: 1.5rem;
235
+ padding-bottom: 1.5rem;
236
+ }
237
+
238
+ .fc-title {
239
+ line-height: 1.4;
240
+ font-size: 1.2em;
241
+ }
242
+
243
+ .fc-title--small {
244
+ font-size: 1em;
245
+ }
246
+
247
+ .fc-title--large {
248
+ line-height: 1.3;
249
+ font-size: 1.6em;
250
+ }
251
+
252
+ .fc-title--highlight {
253
+ font-size: 1.1em;
254
+ padding: .6rem .9rem .7rem;
255
+ }
256
+
257
+ .fc-figure--block {
258
+ float: none;
259
+ width: 100%;
260
+ margin: 0 1rem .5rem 0;
261
+
262
+ .fc-image {
263
+ width: 100%;
264
+ height: auto;
265
+ }
266
+ }
267
+
268
+ .fc-figure--small {
269
+ height: 4rem;
270
+ }
271
+
272
+ .fc-figure--large {
273
+ height: 8rem;
274
+ }
275
+ }
276
+
277
+ // fc slide
278
+
279
+ .fc-slide {
280
+ .owl-controls {
281
+ .owl-buttons {
282
+ display: none;
283
+ }
284
+
285
+ .owl-pagination {
286
+ margin-top: .5rem;
287
+ text-align: center;
288
+ }
289
+
290
+ .owl-page {
291
+ display: inline-block;
292
+ opacity: .6;
293
+
294
+ span {
295
+ display: block;
296
+
297
+ width: .5rem;
298
+ height: .5rem;
299
+ margin: 0 .2rem;
300
+ background: #999;
301
+ border-radius: 100%;
302
+ }
303
+
304
+ &:hover,
305
+ &:focus {
306
+ opacity: 1;
307
+ }
308
+ }
309
+
310
+ .owl-page.active {
311
+ opacity: 1;
312
+ }
313
+ }
314
+ }
315
+
316
+ .fc-slide__item {
317
+ position: relative;
318
+ overflow: hidden;
319
+ }
320
+
321
+ .fc-slide__link {
322
+ position: absolute;
323
+ z-index: 40;
324
+ top: 0;
325
+ left: 0;
326
+
327
+ display: block;
328
+ width: 100%;
329
+ height: 100%;
330
+
331
+ text-decoration: none;
332
+ }
333
+
334
+ .fc-slide__title {
335
+ margin: 0;
336
+
337
+ color: lighten(#000, 25%);
338
+ font-size: 1em;
339
+ letter-spacing: -.03em;
340
+ line-height: 1.4;
341
+ }
342
+
343
+ .fc-slide__text {
344
+ margin: .5rem 0 0;
345
+
346
+ max-height: 2.6rem;
347
+
348
+ color: lighten(#000, 25%);
349
+ font-size: .8em;
350
+ line-height: 1.6;
351
+
352
+ overflow: hidden;
353
+ }
354
+
355
+ .fc-slide__caption {
356
+ position: absolute;
357
+ top: 0;
358
+ left: 0;
359
+ z-index: 20;
360
+ margin: 0;
361
+
362
+ color: #fff;
363
+ font-size: .8em;
364
+ font-weight: 700;
365
+ text-transform: uppercase;
366
+
367
+ box-sizing: border-box;
368
+ width: 100%;
369
+ padding: 1rem;
370
+
371
+ &:after {
372
+ content: "";
373
+
374
+ position: absolute;
375
+ bottom: .5rem;
376
+ left: 1rem;
377
+
378
+ display: block;
379
+ width: 3rem;
380
+ height: .2rem;
381
+
382
+ background: #333;
383
+ }
384
+ }
385
+
386
+ .fc-slide__figure {
387
+ position: relative;
388
+ z-index: -1;
389
+ margin: 0 0 .5rem;
390
+
391
+ width: 100%;
392
+ height: 0;
393
+ border-radius: 4px;
394
+ padding-bottom: 60%;
395
+
396
+ overflow: hidden;
397
+
398
+ -webkit-backface-visibility: hidden;
399
+ backface-visibility: hidden;
400
+
401
+ -webkit-transform: translate3d(0, 0, 0);
402
+ -moz-transform: translate3d(0, 0, 0);
403
+ transform: translate3d(0, 0, 0);
404
+
405
+ &:before {
406
+ content: "";
407
+
408
+ position: absolute;
409
+ top: 0;
410
+ left: 0;
411
+ z-index: 10;
412
+
413
+ display: block;
414
+ width: 100%;
415
+ height: 100%;
416
+ opacity: .9;
417
+ background: rgba(#000, .4);
418
+ background-size: 120%;
419
+ border-radius: 4px;
420
+ }
421
+ }
422
+
423
+ .fc-slide__image {
424
+ width: 100%;
425
+ min-height: 100%;
426
+
427
+ transition: .3s ease;
428
+ -webkit-transition: .3s ease;
429
+ -moz-transition: .3s ease;
430
+ }
431
+
432
+
433
+ @media screen and (min-width: 480px) {
434
+ .fc-slide__title {
435
+ font-size: 1.2em;
436
+ }
437
+ }
438
+
439
+ @media screen and (min-width: 768px) {
440
+ .fc-slide {
441
+ .owl-controls {
442
+ margin: .25rem 0 0;
443
+
444
+ .owl-pagination {
445
+ position: absolute;
446
+ right: 0;
447
+ bottom: 0;
448
+ margin: 0;
449
+ z-index: 30;
450
+
451
+ padding: 1.2rem 1rem;
452
+ }
453
+
454
+ .owl-buttons {
455
+ position: absolute;
456
+ top: 0;
457
+ right: 0;
458
+
459
+ display: block;
460
+ padding: .7rem .5rem;
461
+
462
+ div {
463
+ opacity: .6;
464
+
465
+ display: inline-block;
466
+ width: 2.5rem;
467
+ height: 2.5rem;
468
+ line-height: 2.5rem;
469
+ opacity: 1;
470
+
471
+ color: #fff;
472
+ font-size: 1.4em;
473
+ text-align: center;
474
+
475
+ padding: 0;
476
+ margin: 0;
477
+
478
+ background: none;
479
+ border-radius: 0;
480
+
481
+ &:hover,
482
+ &:focus {
483
+ opacity: .7 !important;
484
+ }
485
+ }
486
+ }
487
+
488
+ .owl-page {
489
+ span {
490
+ background: #fff;
491
+ }
492
+ }
493
+ }
494
+ }
495
+
496
+ .fc-slide__link {
497
+ &:hover,
498
+ &:focus {
499
+ ~ .fc-slide__figure {
500
+ .fc-slide__image {
501
+ transform: scale(1.04);
502
+ -webkit-transform: scale(1.04);
503
+ -moz-transform: scale(1.04);
504
+ }
505
+ }
506
+ }
507
+ }
508
+
509
+ .fc-slide__content {
510
+ position: absolute;
511
+ bottom: 0;
512
+ left: 0;
513
+ z-index: 20;
514
+ margin: 2rem;
515
+ }
516
+
517
+ .fc-slide__caption {
518
+ font-size: 1em;
519
+ text-shadow: 1px 1px 0 rgba(0,0,0,.5);
520
+ padding: 2rem;
521
+
522
+ &:after {
523
+ bottom: 1.2rem;
524
+ left: 2rem;
525
+ }
526
+ }
527
+
528
+ .fc-slide__title {
529
+ line-height: 1.3;
530
+ color: #fff;
531
+ font-size: 1.6em;
532
+ text-shadow: 1px 1px 0 rgba(0,0,0,.6);
533
+ }
534
+
535
+ .fc-slide__text {
536
+ max-height: none;
537
+ color: #fff;
538
+ font-size: 1.2em;
539
+ text-shadow: 1px 1px 0 rgba(0,0,0,.6);
540
+ }
541
+
542
+ .fc-slide__figure {
543
+ margin: 0;
544
+ }
545
+ }
546
+
547
+ @media screen and (min-width: 990px) {
548
+ .fc-slide__title {
549
+ font-size: 1.8em;
550
+ }
551
+ }
552
+
553
+ @media screen and (min-width: 1200px) {
554
+ .fc-slide__title {
555
+ font-size: 2em;
556
+ }
557
+ }