tabletop-companion/app/assets/stylesheets/characters.css

78 lines
1.3 KiB
CSS

.character {
background-color: var(--inset-bg-color);
border-radius: var(--border-radius);
padding: 1em;
h5 {
font-size: 1.1em;
margin: 0;
}
h5 a:link, h5 a:visited {
color: inherit;
text-decoration: none;
}
> ul {
padding: 0;
li {
list-style-type: none;
display: inline;
color: var(--secondary-text-color);
font-size: .8em;
&:after {
content: " • ";
}
&:last-child:after {
content: "";
}
}
}
}
.character-sheet-section.top-level {
background-color: var(--inset-bg-color);
}
.character-sheet-section {
border: 1px solid var(--background-color);
border-radius: var(--border-radius);
margin-top: .3em;
h4 {
background-color: var(--background-color);
color: var(--header-text-color);
margin: 0;
padding: .5em;
}
.content {
padding: 1em;
}
}
.stats {
display: flex;
flex-wrap: wrap;
gap: .2em;
justify-content: center;
}
.stat {
display: flex;
flex-direction: column;
border-radius: var(--border-radius);
h6 {
font-size: .8em;
text-align: center;
background-color: var(--background-color);
color: var(--header-text-color);
margin: 0;
padding: .5em;
}
input {
text-align: center;
font-size: 3em;
width: 2.5em;
}
}