quatuorbellefeuille.com

commit 7530c8dd86b4f4dd8e0f340ac6b939c4f29728c0
parent 86dc323c1a2d697a62d7b51dc3f0fb8161e81d78
Author: Kévin Le Gouguec <kevin.legouguec@gmail.com>
Date:   Thu, 18 Mar 2021 18:38:56 +0100

Add icons for program duration and piece list

Diffstat:
M
stylesheets/programmes.css
 | 
17
+++++++++++++++++

1 file changed, 17 insertions(+), 0 deletions(-)
diff --git a/stylesheets/programmes.css b/stylesheets/programmes.css
@@ -59,6 +59,23 @@ details.program[open] > summary > img.button.close {
     right: 0;
 }
 
+.info {
+    display: grid;
+    grid-template-columns: 2em 1fr;
+}
+.info.duration::before {
+    content: "🕑";
+}
+.info.pieces::before {
+    content: "🎼";
+}
+.info::before {
+    grid-column: 1;
+}
+.info > * {
+    grid-column: 2;
+}
+
 details.program > *:nth-child(3) {
     color: var(--gold);
     font-weight: 600;