Skip to content

Instantly share code, notes, and snippets.

@blockworks
Created December 18, 2021 05:44
Show Gist options
  • Save blockworks/e8c5e40e675ad91954f74cf0d7289875 to your computer and use it in GitHub Desktop.
Save blockworks/e8c5e40e675ad91954f74cf0d7289875 to your computer and use it in GitHub Desktop.
CastCraft 配信用CSS
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.chat-box {
max-width: 80%;
display: table;
position: absolute;
bottom: 0;
left: 0;
width: 100%;
padding: 0 10px;
table-layout: fixed;
color: {{color}};
{{#if outlineEnabled}}
text-shadow: {{textShadow}};
{{/if}}
font-family: {{{fontFamily}}}, sans-serif;
font-weight: {{fontWeight}};
font-size: {{fontSize}}px;
}
.chat-box-item {
display: flex;
margin: 0 0 0.5rem 0;
{{#if animationEnabled}}
animation: {{animation}};
{{/if}}
}
.avatar-image-wrapper {
padding-right: 10px;
}
.avatar-name {
padding-right: 1rem;
display: inline;
{{#if nameFontOverride}}
color: {{nameColor}};
{{#if nameOutlineEnabled}}
text-shadow: {{nameTextShadow}};
{{/if}}
font-family: {{{nameFontFamily}}}, sans-serif;
font-weight: {{nameFontWeight}};
font-size: {{nameFontSize}}px;
{{/if}}
}
.message {
padding-right: 0.5rem;
display: inline;
}
.message span {
padding-right: 0.3rem;
display: inline;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment