summaryrefslogtreecommitdiffstats
path: root/blog/_assets
diff options
context:
space:
mode:
Diffstat (limited to 'blog/_assets')
-rw-r--r--blog/_assets/stylesheets/_tracklist.scss32
-rw-r--r--blog/_assets/stylesheets/main.scss1
2 files changed, 33 insertions, 0 deletions
diff --git a/blog/_assets/stylesheets/_tracklist.scss b/blog/_assets/stylesheets/_tracklist.scss
new file mode 100644
index 0000000..e019a12
--- /dev/null
+++ b/blog/_assets/stylesheets/_tracklist.scss
@@ -0,0 +1,32 @@
+.track-list {
+ .track {
+ display: flex;
+ flex-direction: column;
+ margin-bottom: 8mm;
+ header {
+ font-size: 120%;
+ font-weight: bold;
+ padding: 2mm;
+ background-color: rgba(29, 96, 129, 0.26);
+ .track-artist {
+ text-transform: uppercase;
+ }
+ .track-title {
+ font-style: italic;
+ }
+ }
+ .track-info {
+ padding: {
+ left: 10mm;
+ right: 5mm;
+ top: 3mm;
+ bottom: 3mm;
+ }
+ background-color: rgba(0, 0, 0, 0.7);
+ display: flex;
+ img {
+ margin-right: 3mm;
+ }
+ }
+ }
+}
diff --git a/blog/_assets/stylesheets/main.scss b/blog/_assets/stylesheets/main.scss
index c553c40..ffc99a5 100644
--- a/blog/_assets/stylesheets/main.scss
+++ b/blog/_assets/stylesheets/main.scss
@@ -6,6 +6,7 @@
@import "post";
@import "concerts";
@import "volunteers";
+@import "tracklist";
body {
background-color: black;