From 9abf1f0fcd974f1c11ef78f548dc6cc623fa404f Mon Sep 17 00:00:00 2001
From: Daniel Gasienica <daniel@signal.org>
Date: Tue, 24 Apr 2018 12:06:43 -0400
Subject: [PATCH] Use `dash-case` for CSS class names

---
 background.html               | 2 +-
 stylesheets/_lightbox.scss    | 2 +-
 ts/backbone/views/Lightbox.ts | 6 +++---
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/background.html b/background.html
index a06ad0abc486..f6b554a17a69 100644
--- a/background.html
+++ b/background.html
@@ -100,7 +100,7 @@
         </div>
       </div>
     </div>
-    <div class='lightboxContainer'></div>
+    <div class='lightbox-container'></div>
   </script>
   <script type='text/x-tmpl-mustache' id='scroll-down-button-view'>
     <button class='text {{ cssClass }}' alt='{{ moreBelow }}'>
diff --git a/stylesheets/_lightbox.scss b/stylesheets/_lightbox.scss
index 88ce10d666f8..52b9d1810b23 100644
--- a/stylesheets/_lightbox.scss
+++ b/stylesheets/_lightbox.scss
@@ -1,4 +1,4 @@
-.lightboxContainer {
+.lightbox-container {
   display: none;
   position: absolute;
   top: 0;
diff --git a/ts/backbone/views/Lightbox.ts b/ts/backbone/views/Lightbox.ts
index cb9ca054e5b4..57226e7471c9 100644
--- a/ts/backbone/views/Lightbox.ts
+++ b/ts/backbone/views/Lightbox.ts
@@ -3,10 +3,10 @@
  */
 export const show = (element: HTMLElement): void => {
   const container: HTMLDivElement | null = document.querySelector(
-    '.lightboxContainer'
+    '.lightbox-container'
   );
   if (container === null) {
-    throw new TypeError("'.lightboxContainer' is required");
+    throw new TypeError("'.lightbox-container' is required");
   }
   container.innerHTML = '';
   container.style.display = 'block';
@@ -15,7 +15,7 @@ export const show = (element: HTMLElement): void => {
 
 export const hide = (): void => {
   const container: HTMLDivElement | null = document.querySelector(
-    '.lightboxContainer'
+    '.lightbox-container'
   );
   if (container === null) {
     return;