fix: un-scope caption class names

triplecanopy · Sep 10, 2022 · c44d562 · c44d562
1 parent c055e79
commit c44d562
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 10 deletions.
diff --git a/packages/b-ber-grammar-audio-video/src/helpers.js b/packages/b-ber-grammar-audio-video/src/helpers.js
@@ -83,7 +83,7 @@ export function createIFrame({
         <iframe src="${Url.encodeQueryString(source)}" />
           ${
             caption
-              ? `<p class="bber-caption bber-caption__${mediaType}">${caption}</p>`
+              ? `<p class="caption caption__${mediaType}">${caption}</p>`
               : ''
           }
       </section>
@@ -121,7 +121,7 @@ export function createMediaInline({
         </${mediaType}>
         ${
           caption
-            ? `<p class="bber-caption bber-caption__${mediaType}">${caption}</p>`
+            ? `<p class="caption caption__${mediaType}">${caption}</p>`
             : ''
         }
       </section>

diff --git a/packages/b-ber-grammar-vimeo/src/helpers.js b/packages/b-ber-grammar-vimeo/src/helpers.js
@@ -71,9 +71,7 @@ export const renderPosterImage = poster =>
   poster ? `<img src="${poster}" alt="Poster Image"/>` : ''
 
 export const renderCaption = (caption, mediaType) =>
-  caption
-    ? `<p class="bber-caption bber-caption__${mediaType}">${caption}</p>`
-    : ''
+  caption ? `<p class="caption caption__${mediaType}">${caption}</p>` : ''
 
 export const getMediaType = type => {
   const index = type.indexOf('-')

diff --git a/packages/b-ber-lib/src/utils/index.js b/packages/b-ber-lib/src/utils/index.js
@@ -243,9 +243,7 @@ export const renderPosterImage = poster =>
   poster ? `<img src="${poster}" alt="Poster Image"/>` : ''
 
 export const renderCaption = (caption, mediaType) =>
-  caption
-    ? `<p class="bber-caption bber-caption__${mediaType}">${caption}</p>`
-    : ''
+  caption ? `<p class="caption caption__${mediaType}">${caption}</p>` : ''
 
 export const getMediaType = type => {
   const index = type.indexOf('-')

diff --git a/packages/b-ber-reader-react/src/styles/_media.scss b/packages/b-ber-reader-react/src/styles/_media.scss
@@ -68,8 +68,7 @@ $thumb-c: #272727;
     color: $violet !important;
   }
 
-  + .caption__audio,
-  + .bber-caption__audio {
+  + .caption__audio {
     margin-top: 8px;
   }
 }