migrate embedpdf styles

assets/styles/sections/pdf-viewer.scss

@@ -0,0 +1,41 @@
+.pdf-viewer {
+  canvas {
+    border: 1px solid black;
+    direction: ltr;
+    width: 100%;
+    height: auto;
+    display: none;
+  }
+  
+  .paginator {
+    display: none;
+    text-align: center;
+    margin-bottom: 10px;
+  }
+  
+  .loading-wrapper {
+    display: none;
+    justify-content: center;
+    align-items: center;
+    width: 100%;
+    height: 350px;
+  }
+  
+  .loading {
+    display: inline-block;
+    width: 50px;
+    height: 50px;
+    border: 3px solid #d2d0d0;;
+    border-radius: 50%;
+    border-top-color: #383838;
+    animation: spin 1s ease-in-out infinite;
+    -webkit-animation: spin 1s ease-in-out infinite;
+  }
+  
+  @keyframes spin {
+    to { -webkit-transform: rotate(360deg); }
+  }
+  @-webkit-keyframes spin {
+    to { -webkit-transform: rotate(360deg); }
+  }
+}

data/toha/styles.yml

@@ -24,4 +24,8 @@ math:
   services:
     katex:
       styles:
-      - katex/dist/katex
+      - katex/dist/katex
+
+embedpdf:
+  styles:
+  - ./sections/pdf-viewer

layouts/shortcodes/embed-pdf.html

@@ -23,46 +23,3 @@
       <canvas class="pdf-canvas"></canvas>
   </div>
 </div>
-
-<!-- Finally, make the canvas more beautiful -->
-<style>
-.pdf-viewer canvas {
-  border: 1px solid black;
-  direction: ltr;
-  width: 100%;
-  height: auto;
-  display: none;
-}
-
-.pdf-viewer  .paginator {
-  display: none;
-  text-align: center;
-  margin-bottom: 10px;
-}
-
-.pdf-viewer .loading-wrapper {
-  display: none;
-  justify-content: center;
-  align-items: center;
-  width: 100%;
-  height: 350px;
-}
-
-.pdf-viewer .loading {
-  display: inline-block;
-  width: 50px;
-  height: 50px;
-  border: 3px solid #d2d0d0;;
-  border-radius: 50%;
-  border-top-color: #383838;
-  animation: spin 1s ease-in-out infinite;
-  -webkit-animation: spin 1s ease-in-out infinite;
-}
-
-@keyframes spin {
-  to { -webkit-transform: rotate(360deg); }
-}
-@-webkit-keyframes spin {
-  to { -webkit-transform: rotate(360deg); }
-}
-</style>