ds4/scss/components/_forms.scss

62 lines
1 KiB
SCSS

.item-form {
font-family: $font-primary;
}
$header-top-margin: 5px;
header.sheet-header {
flex: 0 0 210px;
overflow: hidden;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
.profile-img {
flex: 0 0 100px;
height: 100px;
margin: $header-top-margin 10px $header-top-margin 0;
}
.header-fields {
flex: 1;
}
h1.charname {
height: 50px;
padding: 0px;
margin: $header-top-margin 10px $header-top-margin 0;
border-bottom: 0;
input {
width: 100%;
height: 100%;
margin: 0;
border: none;
background-color: transparent;
}
font-family: $font-heading;
display: block;
}
h2.item-type {
font-family: $font-heading;
display: block;
height: 50px;
padding: 0px;
flex: 0 0 0;
color: $c-light-grey;
border: none;
line-height: 50px;
margin: $header-top-margin 0;
text-align: right;
}
}
.sheet-tabs {
flex: 0;
}
.sheet-body,
.sheet-body .tab {
height: 100%;
}