blacklight-spotlight 3.0.0.alpha.3 → 3.0.0.alpha.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (71) hide show
  1. checksums.yaml +4 -4
  2. data/app/assets/images/blacklight/highlight_off.svg +1 -0
  3. data/app/assets/stylesheets/spotlight/_blacklight_configuration.scss +3 -3
  4. data/app/assets/stylesheets/spotlight/_bootstrap_overrides.scss +19 -23
  5. data/app/assets/stylesheets/spotlight/_browse.scss +22 -13
  6. data/app/assets/stylesheets/spotlight/_catalog.scss +2 -2
  7. data/app/assets/stylesheets/spotlight/_curation.scss +5 -3
  8. data/app/assets/stylesheets/spotlight/_exhibits_index.scss +14 -1
  9. data/app/assets/stylesheets/spotlight/_featured_browse_categories_block.scss +5 -5
  10. data/app/assets/stylesheets/spotlight/_header.scss +14 -6
  11. data/app/assets/stylesheets/spotlight/_multi_image_selector.scss +1 -1
  12. data/app/assets/stylesheets/spotlight/_multi_up_item_grid.scss +3 -3
  13. data/app/assets/stylesheets/spotlight/_pages.scss +23 -16
  14. data/app/assets/stylesheets/spotlight/_sir-trevor_overrides.scss +3 -4
  15. data/app/assets/stylesheets/spotlight/_slideshow_block.scss +1 -0
  16. data/app/assets/stylesheets/spotlight/_spotlight.scss +0 -1
  17. data/app/assets/stylesheets/spotlight/_translations.scss +6 -6
  18. data/app/assets/stylesheets/spotlight/_utilities.scss +4 -0
  19. data/app/controllers/spotlight/translations_controller.rb +9 -1
  20. data/app/helpers/spotlight/pages_helper.rb +2 -1
  21. data/app/models/spotlight/field_metadata.rb +1 -2
  22. data/app/views/shared/_masthead.html.erb +13 -11
  23. data/app/views/spotlight/about_pages/_contact.html.erb +3 -3
  24. data/app/views/spotlight/about_pages/_contact_properties.html.erb +1 -1
  25. data/app/views/spotlight/admin_users/index.html.erb +77 -71
  26. data/app/views/spotlight/browse/_search_box.html.erb +1 -1
  27. data/app/views/spotlight/browse/show.html.erb +23 -26
  28. data/app/views/spotlight/catalog/_edit_default.html.erb +1 -1
  29. data/app/views/spotlight/catalog/_index_compact_default.html.erb +2 -2
  30. data/app/views/spotlight/contacts/_form.html.erb +1 -1
  31. data/app/views/spotlight/custom_fields/_form.html.erb +2 -2
  32. data/app/views/spotlight/custom_fields/form_group/_text.html.erb +2 -2
  33. data/app/views/spotlight/custom_fields/form_group/_vocab.html.erb +2 -2
  34. data/app/views/spotlight/custom_search_fields/_form.html.erb +1 -1
  35. data/app/views/spotlight/dashboards/_page.html.erb +4 -4
  36. data/app/views/spotlight/exhibits/_exhibit_card_back.html.erb +2 -2
  37. data/app/views/spotlight/feature_pages/_header.html.erb +2 -2
  38. data/app/views/spotlight/metadata_configurations/edit.html.erb +2 -2
  39. data/app/views/spotlight/pages/_form.html.erb +1 -1
  40. data/app/views/spotlight/pages/_page.html.erb +3 -3
  41. data/app/views/spotlight/roles/index.html.erb +2 -2
  42. data/app/views/spotlight/search_configurations/_facet_metadata.html.erb +0 -5
  43. data/app/views/spotlight/search_configurations/_facets.html.erb +3 -3
  44. data/app/views/spotlight/search_configurations/_search_fields.html.erb +2 -2
  45. data/app/views/spotlight/searches/_form.html.erb +2 -2
  46. data/app/views/spotlight/shared/_report_a_problem.html.erb +1 -1
  47. data/app/views/spotlight/sir_trevor/blocks/_oembed_block.html.erb +1 -1
  48. data/app/views/spotlight/sir_trevor/blocks/_quote_block.html.erb +4 -4
  49. data/app/views/spotlight/sir_trevor/blocks/_solr_documents_block.html.erb +1 -1
  50. data/app/views/spotlight/sir_trevor/blocks/_solr_documents_embed_block.html.erb +1 -1
  51. data/app/views/spotlight/sir_trevor/blocks/_solr_documents_grid_block.html.erb +1 -1
  52. data/app/views/spotlight/sir_trevor/blocks/_uploaded_items_block.html.erb +1 -1
  53. data/app/views/spotlight/translations/_search_fields.html.erb +1 -1
  54. data/app/views/spotlight/translations/edit.html.erb +1 -1
  55. data/lib/generators/spotlight/install_generator.rb +6 -2
  56. data/lib/generators/spotlight/templates/config/initializers/oembed.rb +4 -0
  57. data/lib/spotlight/engine.rb +0 -5
  58. data/lib/spotlight/version.rb +1 -1
  59. data/spec/controllers/spotlight/translations_controller_spec.rb +8 -0
  60. data/spec/examples.txt +6 -7
  61. data/spec/features/javascript/search_config_admin_spec.rb +1 -1
  62. data/spec/helpers/spotlight/pages_helper_spec.rb +6 -0
  63. data/spec/models/spotlight/field_metadata_spec.rb +0 -7
  64. data/spec/test_app_templates/Gemfile.extra +0 -1
  65. data/spec/views/spotlight/search_configurations/_facet_metadata.html.erb_spec.rb +0 -1
  66. data/vendor/assets/stylesheets/sir-trevor/_variables.scss +0 -8
  67. data/vendor/assets/stylesheets/sir-trevor/block-controls.scss +0 -4
  68. metadata +4 -6
  69. data/app/assets/images/blacklight/remove_circle_outline.svg +0 -1
  70. data/app/views/spotlight/browse/_sort_and_per_page.html.erb +0 -5
  71. data/spec/views/spotlight/browse/_sort_and_per_page.html.erb_spec.rb +0 -12
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 3fa9f3a7e1e9c57300b2fe7d8e6bd5b9a71060f67023d4af18d98e71a4ab403f
4
- data.tar.gz: 56ee1b33497e018c21b2715cb70ffe046cbb20c9b94d29bd8c190a0e6bf98861
3
+ metadata.gz: bf040d06231addeeddad2c12c808c05ffbbed3796698c684342cdb24bc72f801
4
+ data.tar.gz: 6a7053824debabd84e6d28ca792b8522119b4758023e50868d6d1b56d6f778d0
5
5
  SHA512:
6
- metadata.gz: d983db3c039418272a76203ae52763887394bc6f04100b0d5722142ce122e87a59c7e28eb1c7616a6cbb078c28d5df4f04d1b0a63e1e0b9780058e6b8c9b2ce0
7
- data.tar.gz: 1445e0928407f8e5510c0b86b7e2fbfb1ea62d7124ea131ae78fcafb0c183ec6dfab34434c41128d6031ef93a3b16c0d12ff3c371e56d8c7da0d0b15fdb8fefc
6
+ metadata.gz: 94292e85276117a330ae63efe002071a84a478548452fb55c4ba99a768cffeb8b9bd76f0b8886bf82e2d4699fbd9e6379b1b14c6ea8b6162a9a686460fbf4135
7
+ data.tar.gz: 5c52f8ebb429e803634eae3cb5db5099168cc2100fb34497612858297d855c8d9723a5f18fb5dbd2fad484cf5ad236014a629d8fbda6267bbbebec3c0d9c9698
@@ -0,0 +1 @@
1
+ <svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M14.59 8L12 10.59 9.41 8 8 9.41 10.59 12 8 14.59 9.41 16 12 13.41 14.59 16 16 14.59 13.41 12 16 9.41 14.59 8zM12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"/></svg>
@@ -31,8 +31,8 @@
31
31
  padding-bottom: 0;
32
32
 
33
33
  label {
34
- margin-left: $padding-base-horizontal;
35
- margin-right: $padding-base-horizontal;
34
+ margin-left: $spacer;
35
+ margin-right: $spacer;
36
36
  padding-left: 0px;
37
37
  padding-bottom: $table-cell-padding;
38
38
  padding-top: 1 + $table-cell-padding;
@@ -47,7 +47,7 @@
47
47
  }
48
48
 
49
49
  .dd-table {
50
- margin-top: 2 * $padding-large-vertical;
50
+ margin-top: 2 * $spacer;
51
51
 
52
52
  th {
53
53
  &:first-child {
@@ -15,8 +15,8 @@
15
15
 
16
16
  .navbar-sm {
17
17
  li > a {
18
- padding-top:$padding-base-vertical !important;
19
- padding-bottom:$padding-base-vertical !important;
18
+ padding-top:$spacer !important;
19
+ padding-bottom:$spacer !important;
20
20
  }
21
21
 
22
22
  margin-top: -10px;
@@ -32,14 +32,13 @@
32
32
 
33
33
  padding-bottom: 0.25rem;
34
34
  margin-bottom: 0.25rem;
35
- margin-left: 0.5rem;
36
35
  padding-left: 0;
37
36
  padding-top: 0;
38
37
  }
39
38
 
40
39
  .nav-link {
41
40
  padding: 0rem 1rem;
42
- padding-left: 0.5rem;
41
+ padding-left: 0px;
43
42
  }
44
43
 
45
44
  .nav-link.active {
@@ -81,21 +80,22 @@ h1,h2,h3,h4,h5,h6 {
81
80
  }
82
81
  }
83
82
 
84
- .tab-pane {
85
- fieldset {
86
- margin-bottom: $padding-large-vertical * 2;
87
- margin-top: $padding-large-vertical * 1;
88
- }
89
- legend {
90
- margin-bottom: $padding-large-vertical;
91
- }
92
- small.form-text {
93
- margin-bottom: $spacer;
94
- margin-top: $spacer * 0.3125;
95
- }
96
- div.form-check + input[type="file"] {
97
- margin-top: $padding-large-vertical;
98
- }
83
+ fieldset {
84
+ margin-bottom: $spacer * 2;
85
+ margin-top: $spacer * 1;
86
+ }
87
+
88
+ legend {
89
+ margin-bottom: $spacer;
90
+ }
91
+
92
+ small.form-text {
93
+ margin-bottom: $spacer;
94
+ margin-top: $spacer * 0.3125;
95
+ }
96
+
97
+ div.form-check + input[type="file"] {
98
+ margin-top: $spacer;
99
99
  }
100
100
 
101
101
  @media (max-width: breakpoint-max("md")) {
@@ -103,7 +103,3 @@ h1,h2,h3,h4,h5,h6 {
103
103
  padding-left: 0;
104
104
  }
105
105
  }
106
-
107
- .carousel-block .carousel-indicators li {
108
- opacity: 1;
109
- }
@@ -1,7 +1,7 @@
1
1
  $image-overlay-max-height: 300px;
2
2
 
3
3
  .long-description-text {
4
- margin: ($padding-base-vertical * 2) 0;
4
+ margin: ($spacer * 2) 0;
5
5
  width: 40em;
6
6
  }
7
7
 
@@ -14,6 +14,18 @@ $image-overlay-max-height: 300px;
14
14
  }
15
15
  }
16
16
 
17
+ .blacklight-browse {
18
+ .sort-pagination {
19
+ .page-links {
20
+ display: none;
21
+ }
22
+
23
+ .search-widgets {
24
+ margin-left: auto;
25
+ }
26
+ }
27
+ }
28
+
17
29
  .browse-landing {
18
30
  text-align: center;
19
31
  // Placeholder for vertically alignment - might already be available from use in another feature
@@ -24,7 +36,7 @@ $image-overlay-max-height: 300px;
24
36
  }
25
37
 
26
38
  .category {
27
- margin-bottom: $spacer * 2;
39
+ margin-bottom: $spacer;
28
40
  }
29
41
 
30
42
  .image-overlay {
@@ -61,7 +73,7 @@ $image-overlay-max-height: 300px;
61
73
  small {
62
74
  display: block;
63
75
  color: $white;
64
- margin-top: $padding-large-vertical;
76
+ margin-top: $spacer;
65
77
  text-transform: uppercase;
66
78
  }
67
79
  }
@@ -72,19 +84,16 @@ $image-overlay-max-height: 300px;
72
84
  }
73
85
 
74
86
  @media screen and (max-width: breakpoint-max("sm")) {
75
- $image-overlay-max-height: 180px;
76
- .category {
77
- margin: 10px auto;
78
- }
79
-
87
+ $image-overlay-max-height: 240px;
80
88
  .image-overlay {
89
+ margin: 10px auto;
81
90
  max-height: $image-overlay-max-height;
82
91
  max-width: 350px;
83
92
  }
84
93
  .text-overlay .browse-category-title {font-size: $h3-font-size;}
85
94
  }
86
95
  @media screen and (min-width: breakpoint-min("sm")) and (max-width: breakpoint-max("md")) {
87
- $image-overlay-max-height: 180px;
96
+ $image-overlay-max-height: 240px;
88
97
  .image-overlay {max-height: $image-overlay-max-height;}
89
98
  }
90
99
  @media screen and (min-width: breakpoint-min("md")) and (max-width: breakpoint-max("lg")) {
@@ -106,10 +115,6 @@ $image-overlay-max-height: 300px;
106
115
  }
107
116
 
108
117
  .browse-search-form {
109
- .browse-search-expand {
110
- text-align: center;
111
- }
112
-
113
118
  .btn-reset {
114
119
  background-color: transparent;
115
120
  display: none;
@@ -122,4 +127,8 @@ $image-overlay-max-height: 300px;
122
127
  z-index: 30;
123
128
  }
124
129
  }
130
+
131
+ .browse-search-expand {
132
+ text-align: center;
133
+ }
125
134
  }
@@ -61,7 +61,7 @@
61
61
 
62
62
  .blacklight-catalog-admin {
63
63
  .add-items-nav {
64
- margin-bottom: $padding-large-vertical;
64
+ margin-bottom: $spacer;
65
65
  }
66
66
 
67
67
  .sort-pagination {
@@ -119,7 +119,7 @@ form.edit_solr_document {
119
119
 
120
120
  #save-this-search {
121
121
  float:left;
122
- margin-right: $padding-xs-horizontal;
122
+ margin-right: $spacer * 0.1;
123
123
  }
124
124
 
125
125
  #document {
@@ -1,6 +1,8 @@
1
1
  .page-links a {
2
2
  padding-left: 0;
3
3
  padding-right: 0;
4
+ line-height: $btn-line-height;
5
+ @include font-size($btn-font-size);
4
6
  }
5
7
 
6
8
  .missing-description {
@@ -125,13 +127,13 @@
125
127
  width: 65%;
126
128
  vertical-align: top;
127
129
  display: inline-block;
128
- margin-left: $padding-base-horizontal;
130
+ margin-left: $spacer;
129
131
  }
130
132
  .remove {
131
133
  width: 10%;
132
134
  vertical-align: top;
133
135
  display: inline-block;
134
- margin-left: $padding-base-horizontal;
136
+ margin-left: $spacer;
135
137
  }
136
138
  }
137
139
 
@@ -210,7 +212,7 @@ table#exhibit-specific-fields {
210
212
  }
211
213
 
212
214
  #nested-navigation {
213
- margin-bottom: 2 * $padding-large-vertical;
215
+ margin-bottom: 2 * $spacer;
214
216
  }
215
217
 
216
218
  table.users {
@@ -52,6 +52,12 @@
52
52
  position: relative;
53
53
  width: 15ch;
54
54
  }
55
+
56
+ img {
57
+ height: $exhibit-card-image-size;
58
+ object-fit: cover;
59
+ width: 100%;
60
+ }
55
61
  }
56
62
 
57
63
  .card-back {
@@ -60,7 +66,7 @@
60
66
 
61
67
  .card-title {
62
68
  border-bottom: 1px dotted $exhibit-card-border;
63
- padding-bottom: $padding-base-vertical;
69
+ padding-bottom: $spacer;
64
70
  }
65
71
 
66
72
  .subtitle {
@@ -91,6 +97,13 @@
91
97
  height: $exhibit-card-height - $reduce-exhibit-card-image-size;
92
98
  }
93
99
 
100
+ .card-front,
101
+ .card-back {
102
+ img {
103
+ height: $exhibit-card-image-size - $reduce-exhibit-card-image-size;
104
+ }
105
+ }
106
+
94
107
  // Cannot extend .btn-sm within a @media query
95
108
  .center-btn .btn {
96
109
  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $btn-font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
@@ -70,11 +70,11 @@ $aspect-ratio-factor-medium-image: 1; // 1:1 width: height
70
70
  width: $no-sidebar-tablet-large-image-width;
71
71
  height: $no-sidebar-tablet-large-image-width * $aspect-ratio-factor-large-image;
72
72
  }
73
- @media (min-width: breakpoint-min("md")) and (max-width: breakpoint-max("lg")) {
73
+ @media (min-width: breakpoint-min("md")) and (min-width: breakpoint-min("lg")) {
74
74
  width: $no-sidebar-desktop-large-image-width;
75
75
  height: $no-sidebar-desktop-large-image-width * $aspect-ratio-factor-large-image;
76
76
  }
77
- @media (min-width: breakpoint-min("lg")) {
77
+ @media (min-width: breakpoint-min("xl")) {
78
78
  width: $no-sidebar-large-desktop-large-image-width;
79
79
  height: $no-sidebar-large-desktop-large-image-width * $aspect-ratio-factor-large-image;
80
80
  }
@@ -108,11 +108,11 @@ $aspect-ratio-factor-medium-image: 1; // 1:1 width: height
108
108
  width: $with-sidebar-tablet-large-image-width;
109
109
  height: $with-sidebar-tablet-large-image-width * $aspect-ratio-factor-large-image;
110
110
  }
111
- @media (min-width: breakpoint-min("md")) and (max-width: breakpoint-max("lg")) {
111
+ @media (min-width: breakpoint-min("md")) and (max-width: breakpoint-max("xl")) {
112
112
  width: $with-sidebar-desktop-large-image-width;
113
113
  height: $with-sidebar-desktop-large-image-width * $aspect-ratio-factor-large-image;
114
114
  }
115
- @media (min-width: breakpoint-min("lg")) {
115
+ @media (min-width: breakpoint-min("xl")) {
116
116
  width: $with-sidebar-large-desktop-large-image-width;
117
117
  height: $with-sidebar-large-desktop-large-image-width * $aspect-ratio-factor-large-image;
118
118
  }
@@ -126,7 +126,7 @@ $aspect-ratio-factor-medium-image: 1; // 1:1 width: height
126
126
  width: $with-sidebar-xs-image-width;
127
127
  height: $with-sidebar-xs-image-width * $aspect-ratio-factor-medium-image;
128
128
  }
129
- @media (min-width: breakpoint-min("lg")) {
129
+ @media (min-width: breakpoint-min("xl")) {
130
130
  width: $with-sidebar-large-desktop-medium-image-width;
131
131
  height: $with-sidebar-large-desktop-medium-image-width * $aspect-ratio-factor-medium-image;
132
132
  }
@@ -14,14 +14,18 @@
14
14
  .masthead {
15
15
  background-color: $masthead-bg;
16
16
  border-bottom: 1px solid $border-color;
17
- margin-bottom: $padding-large-vertical * 1.5;
17
+ margin-bottom: $spacer * 1.5;
18
18
  padding: 0;
19
19
  position: relative;
20
20
 
21
21
 
22
22
  .site-title {
23
- margin-top: $padding-large-vertical;
24
- padding-bottom: $padding-base-vertical / 2;
23
+ margin-bottom: 0;
24
+ }
25
+
26
+ .site-title-wrapper {
27
+ margin-top: $spacer * 1.25;
28
+ padding-bottom: $spacer * 0.75;
25
29
  position: relative;
26
30
  white-space: nowrap;
27
31
  }
@@ -78,9 +82,13 @@
78
82
  .navbar {
79
83
  @extend .navbar-dark;
80
84
  background-color: $navbar-transparent-page-bg;
81
- text-transform: uppercase;
82
- .dropdown-menu {
83
- text-transform: none;
85
+
86
+ .navbar-nav {
87
+ text-transform: uppercase;
88
+
89
+ .dropdown-menu {
90
+ text-transform: none;
91
+ }
84
92
  }
85
93
  }
86
94
 
@@ -13,7 +13,7 @@
13
13
  li {
14
14
  flex: 0 0 auto;
15
15
  min-width: 60px;
16
- padding: $padding-base-vertical $padding-base-horizontal;
16
+ padding: $spacer $spacer;
17
17
  &.active {
18
18
  background-color: #999999;
19
19
  }
@@ -5,18 +5,18 @@
5
5
  }
6
6
 
7
7
  .twitter-typeahead {
8
- margin-bottom: 2*$padding-base-vertical;
8
+ margin-bottom: 2*$spacer;
9
9
  }
10
10
  }
11
11
  .field-select {
12
- margin-top: 2*$padding-base-vertical;
12
+ margin-top: 2*$spacer;
13
13
  select {
14
14
  display: inline;
15
15
  width: auto;
16
16
  }
17
17
  }
18
18
  .dd3-item {
19
- margin-bottom: 2*$padding-base-vertical;
19
+ margin-bottom: 2*$spacer;
20
20
  }
21
21
  }
22
22
  // Hide the secondary caption field
@@ -31,16 +31,16 @@
31
31
 
32
32
  .st-block__inner {
33
33
  div.field + div.field {
34
- margin-top: 2 * $padding-large-vertical;
34
+ margin-top: 2 * $spacer;
35
35
  }
36
36
 
37
37
  .field-select {
38
- margin-bottom: $padding-large-vertical;
38
+ margin-bottom: $spacer;
39
39
  @media (min-width: breakpoint-min("md")) and (max-width: breakpoint-max("lg")) {
40
- margin-bottom: 2 * $padding-large-vertical;
40
+ margin-bottom: 2 * $spacer;
41
41
 
42
42
  > select {
43
- margin-left: 2 * $padding-small-horizontal;
43
+ margin-left: 2 * $spacer * 0.25;
44
44
  }
45
45
  }
46
46
  }
@@ -48,18 +48,25 @@
48
48
 
49
49
  #sidebar {
50
50
  li {
51
- margin-top: $padding-small-vertical;
51
+ margin-top: $spacer * 0.5;
52
52
  }
53
53
  h4 {
54
54
  line-height: $line-height-lg;
55
55
  }
56
56
  .contacts-header {
57
- margin-top: 4 * $padding-large-vertical;
57
+ margin-top: 4 * $spacer;
58
58
  }
59
+
60
+ .contact-properties {
61
+ padding-left: 1rem;
62
+ text-indent: -1rem;
63
+ }
64
+
59
65
  ol.contacts {
60
66
  li {
61
- margin-bottom: 2 * $padding-large-vertical;
62
- margin-top: $padding-small-vertical;
67
+ margin-bottom: $spacer * .5;
68
+ margin-top: $spacer * .5;
69
+ word-break: break-word;
63
70
  .name {
64
71
  font-weight: bold;
65
72
  }
@@ -69,7 +76,7 @@
69
76
  ol.sidenav {
70
77
  li {
71
78
  color: $gray-900;
72
- margin-top: $padding-large-vertical;
79
+ margin-top: $spacer * .25;
73
80
  }
74
81
 
75
82
  ol.subsection {
@@ -77,7 +84,7 @@
77
84
  li {
78
85
  list-style: square;
79
86
  margin-left: 18px;
80
- margin-top: $padding-small-vertical;
87
+ margin-top: $spacer * 0.5;
81
88
  }
82
89
  }
83
90
  }
@@ -181,12 +188,12 @@
181
188
  .empty-page-block {
182
189
  @extend .alert;
183
190
  @extend .alert-info;
184
- margin-top: $padding-large-vertical;
191
+ margin-top: $spacer;
185
192
  h2 {
186
193
  margin-top: 0;
187
194
  }
188
195
  p, ol > li {
189
- padding: $padding-small-vertical;
196
+ padding: $spacer * 0.5;
190
197
  }
191
198
  ol > li:last-child {
192
199
  padding-bottom: 0;
@@ -195,7 +202,7 @@
195
202
 
196
203
  .oembed-block {
197
204
  @media (max-width: breakpoint-max("md")) {
198
- margin-bottom: $padding-base-horizontal;
205
+ margin-bottom: $spacer;
199
206
  }
200
207
 
201
208
  iframe {
@@ -253,13 +260,13 @@
253
260
  .item-features .carousel-indicators {
254
261
  @media (max-width: breakpoint-max("sm")) {
255
262
  width: 100%;
256
- margin-top: 2 * $padding-large-vertical;
263
+ margin-top: 2 * $spacer;
257
264
  }
258
265
  }
259
266
 
260
267
  .carousel-block .carousel-caption h3 {
261
- padding-left: 2 * $padding-large-horizontal;
262
- padding-right: 2 * $padding-large-horizontal;
268
+ padding-left: 2 * $spacer;
269
+ padding-right: 2 * $spacer;
263
270
  }
264
271
 
265
272
  .zpr-link {