103 lines
2.3 KiB
SCSS
103 lines
2.3 KiB
SCSS
.sheet-armor {
|
|
z-index: 1;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: flex-end;
|
|
padding-right: 48px;
|
|
|
|
> .sheet-hexfield {
|
|
&:not(:last-child) {
|
|
margin-bottom: 36px;
|
|
}
|
|
|
|
span {
|
|
max-width: none;
|
|
}
|
|
|
|
&--armor-head,
|
|
&--armor-legs {
|
|
margin-right: 16px;
|
|
}
|
|
|
|
.sheet-hexfield__label--left {
|
|
background-color: $c-white;
|
|
padding-left: 4px;
|
|
}
|
|
|
|
textarea {
|
|
position: absolute;
|
|
top: 8px;
|
|
left: 36px;
|
|
color: $c-text-lighter;
|
|
font-size: 9px !important;
|
|
line-height: 1.6;
|
|
padding-top: 4px;
|
|
height: 60px;
|
|
width: 80px;
|
|
|
|
&::placeholder {
|
|
color: #f0f0f0;
|
|
font-size: 22px;
|
|
font-weight: 700;
|
|
line-height: 0.6;
|
|
}
|
|
}
|
|
}
|
|
|
|
&__decoration,
|
|
&__pointer {
|
|
position: absolute;
|
|
background: {
|
|
repeat: no-repeat;
|
|
size: contain;
|
|
}
|
|
opacity: .12;
|
|
}
|
|
|
|
&__decoration {
|
|
background: {
|
|
image: url('https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/decoration_line.png');
|
|
}
|
|
top: 15px;
|
|
left: -60px;
|
|
height: 322px;
|
|
width: 95px;
|
|
}
|
|
|
|
&__pointer {
|
|
transform: translateX(-100%);
|
|
|
|
&--head {
|
|
top: 17px;
|
|
left: -28px;
|
|
background-image: url('https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/head_line.png');
|
|
height: 2px;
|
|
width: 122px;
|
|
}
|
|
|
|
&--torso {
|
|
top: -11px;
|
|
left: -33px;
|
|
background-image: url('https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/torso_line.png');
|
|
height: 30px;
|
|
width: 131px;
|
|
}
|
|
|
|
&--arms {
|
|
top: -44px;
|
|
left: -30px;
|
|
background-image: url('https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/arms_line.png');
|
|
height: 63px;
|
|
width: 97px;
|
|
}
|
|
|
|
&--legs {
|
|
top: -23px;
|
|
left: -27px;
|
|
background-image: url('https://raw.githubusercontent.com/Tetrakern/roll20-character-sheets/master/Savage%20Worlds%20-%20Graph%20Paper/img/legs_line.png');
|
|
height: 42px;
|
|
width: 98px;
|
|
}
|
|
}
|
|
}
|