Skip to content

Instantly share code, notes, and snippets.

@phivk
Created June 18, 2022 19:51
Show Gist options
  • Save phivk/92ebd6da4c8bf9e21a548cb6d86f724d to your computer and use it in GitHub Desktop.
Save phivk/92ebd6da4c8bf9e21a548cb6d86f724d to your computer and use it in GitHub Desktop.
Chatterpast Story Stylesheet
.chat-passage-wrapper[data-speaker='Enica']:before {
background-image: url('https://raw.githubusercontent.com/phivk/tolerant-futures/chatterpast/assets/img/avatar-enica.png');
}
.chat-passage-wrapper[data-speaker='Enica'] .chat-passage::before {
color: #5889BC;
}
.chat-passage-wrapper[data-speaker='Maelli']:before {
background-image: url('https://raw.githubusercontent.com/phivk/tolerant-futures/chatterpast/assets/img/avatar-maelli.png');
}
.chat-passage-wrapper[data-speaker='Maelli'] .chat-passage::before {
color: #542712;
}
.chat-passage-wrapper[data-speaker='Catia']:before {
background-image: url('https://raw.githubusercontent.com/phivk/tolerant-futures/chatterpast/assets/img/avatar-catia.png');
}
.chat-passage-wrapper[data-speaker='Catia'] .chat-passage::before {
color: #3E2B18;
}
.chat-passage-wrapper[data-speaker='Marcus']:before {
background-image: url('https://raw.githubusercontent.com/phivk/tolerant-futures/chatterpast/assets/img/avatar-marcus.png');
}
.chat-passage-wrapper[data-speaker='Marcus'] .chat-passage::before {
color: #43555E;
}
.chat-passage-wrapper[data-speaker='Mandu']:before {
background-image: url('https://raw.githubusercontent.com/phivk/tolerant-futures/chatterpast/assets/img/avatar-mandu.png');
}
.chat-passage-wrapper[data-speaker='Mandu'] .chat-passage::before {
color: #594914;
}
.chat-passage-wrapper[data-speaker='Vin']:before {
background-image: url('https://raw.githubusercontent.com/phivk/tolerant-futures/chatterpast/assets/img/avatar-vin.png');
}
.chat-passage-wrapper[data-speaker='Vin'] .chat-passage::before {
color: #1C4151;
}
.chat-passage-wrapper[data-speaker='Bel']:before {
background-image: url('https://raw.githubusercontent.com/phivk/tolerant-futures/chatterpast/assets/img/avatar-bel.png');
}
.chat-passage-wrapper[data-speaker='Bel'] .chat-passage::before {
color: #3A492B;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment