added injected audio

Automattic · Nov 20, 2024 · 5a69904 · 5a69904
1 parent 9d68608
commit 5a69904
Show file tree

Hide file tree

Showing 2 changed files with 35 additions and 1 deletion.
diff --git a/assets/css/src/frontend/_audio.scss b/assets/css/src/frontend/_audio.scss
@@ -0,0 +1,33 @@
+.tmblr-full > audio {
+    width: 100%;
+}
+
+.tmblr-full > .audio-caption {
+    display: flex;
+    flex-direction: row;
+
+    .album-cover {
+        width: 85px;
+        height: 85px;
+    }
+
+    .audio-details {
+        display: flex;
+        flex: 1 0 auto;
+        flex-direction: column;
+        justify-content: center;
+        align-items: flex-start;
+        padding: 0 20px;
+    }
+
+    .title {
+        font-weight: bold;
+        line-height: 1.5;
+    }
+
+    .artist,
+    .album {
+        font-size: 0.875em;
+        line-height: 1.5;
+    }
+}
diff --git a/assets/css/src/index.scss b/assets/css/src/index.scss
@@ -1,7 +1,8 @@
-// https://github.tumblr.net/Tumblr/tumblr/tree/279a7aec5cb51960de9844af0546f142ff32012a/client/standalone/blog-network-npf/styles
+// https://github.tumblr.net/Tumblr/tumblr/tree/master/client/standalone/blog-network-npf/styles
 @import "frontend/variables";
 @import "frontend/global";
 @import "frontend/text";
 @import "frontend/link";
 @import "frontend/video";
 @import "frontend/image";
+@import "frontend/audio";