daggerheart/styles/less/sheets/actors/adversary/header.less

84 lines
2.3 KiB
Text

@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.adversary {
.adversary-header-sheet {
padding-top: var(--header-height);
width: 100%;
> *:not(line-div, .tab-navigation) {
padding-left: var(--left-indent);
padding-right: 15px;
}
.name-row {
display: flex;
gap: 5px;
align-items: center;
justify-content: space-between;
padding-top: var(--spacer-4);
padding-bottom: var(--spacer-4);
flex: 1;
h1 {
display: flex;
flex: 1;
padding: 6px 0 0 0;
font-size: var(--font-size-32);
text-align: start;
border: 1px solid transparent;
outline: 2px solid transparent;
transition: all 0.3s ease;
word-break: break-word;
&:hover {
outline: 2px solid light-dark(@dark, @golden);
}
}
}
.tags {
display: flex;
gap: 8px;
padding-bottom: var(--spacer-12);
.tag {
display: flex;
flex-direction: row;
gap: 4px;
justify-content: center;
align-items: center;
padding: 3px 5px;
font: var(--font-size-12) @font-body;
background: light-dark(@dark-15, @beige-15);
border: 1px solid light-dark(@dark, @beige);
border-radius: 3px;
}
.label {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
font-size: var(--font-size-12);
}
}
.adversary-info {
display: flex;
flex-direction: column;
gap: var(--spacer-8);
padding-top: var(--spacer-12);
padding-bottom: var(--spacer-12);
}
.tab-navigation {
margin-top: 0;
margin-bottom: 0;
button[data-action="openSettings"] {
margin-right: 12px;
}
}
}
}