chore: reformat with 2 spaces
This commit is contained in:
parent
d659e4bed9
commit
7670d7f808
1577 changed files with 70010 additions and 70042 deletions
|
@ -7,49 +7,49 @@
|
|||
@use "../../utils/mixins";
|
||||
|
||||
.ds4-actor-header {
|
||||
display: flex;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
gap: 1em;
|
||||
|
||||
&__img {
|
||||
border: none;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
&--editable {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
&__data {
|
||||
display: flex;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
gap: 1em;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
&__img {
|
||||
border: none;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
&--editable {
|
||||
cursor: pointer;
|
||||
}
|
||||
&__data-row {
|
||||
align-content: center;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: row;
|
||||
gap: 0.5em;
|
||||
> * {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&__data {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
&__name {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&__data-row {
|
||||
align-content: center;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
flex-direction: row;
|
||||
gap: 0.5em;
|
||||
> * {
|
||||
flex: 1;
|
||||
}
|
||||
}
|
||||
|
||||
&__name {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
border-bottom: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
&__name-input[type="text"] {
|
||||
@include mixins.font-heading-upper;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
flex: 1;
|
||||
font-size: 1.25em;
|
||||
height: auto;
|
||||
}
|
||||
&__name-input[type="text"] {
|
||||
@include mixins.font-heading-upper;
|
||||
background-color: transparent;
|
||||
border: none;
|
||||
flex: 1;
|
||||
font-size: 1.25em;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -10,39 +10,39 @@
|
|||
@use "../../utils/variables";
|
||||
|
||||
.ds4-actor-progression {
|
||||
@include mixins.mark-invalid-or-disabled-input;
|
||||
@include mixins.mark-invalid-or-disabled-input;
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
|
||||
&__entry {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
gap: 0.5em;
|
||||
flex: 1;
|
||||
gap: 0.25em;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
&__entry {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex: 1;
|
||||
gap: 0.25em;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
&__label {
|
||||
@include mixins.font-heading-upper;
|
||||
border: none;
|
||||
color: colors.$c-light-grey;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
&__input {
|
||||
flex: 0 0 5ch;
|
||||
|
||||
&--slayer-points {
|
||||
&::-webkit-inner-spin-button,
|
||||
&::-webkit-outer-spin-button {
|
||||
-webkit-appearance: auto;
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
-moz-appearance: auto;
|
||||
}
|
||||
}
|
||||
&__label {
|
||||
@include mixins.font-heading-upper;
|
||||
border: none;
|
||||
color: colors.$c-light-grey;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
&__input {
|
||||
flex: 0 0 5ch;
|
||||
|
||||
&--slayer-points {
|
||||
&::-webkit-inner-spin-button,
|
||||
&::-webkit-outer-spin-button {
|
||||
-webkit-appearance: auto;
|
||||
}
|
||||
&:hover,
|
||||
&:focus {
|
||||
-moz-appearance: auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -10,27 +10,27 @@
|
|||
@use "../../utils/variables";
|
||||
|
||||
.ds4-actor-properties {
|
||||
@include mixins.mark-invalid-or-disabled-input;
|
||||
@include mixins.mark-invalid-or-disabled-input;
|
||||
display: flex;
|
||||
gap: 0.25em;
|
||||
|
||||
&__property {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
&__property-label {
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&__property-select {
|
||||
width: 100%;
|
||||
height: var(--form-field-height);
|
||||
}
|
||||
|
||||
&__property-multi-input {
|
||||
display: flex;
|
||||
gap: 0.25em;
|
||||
|
||||
&__property {
|
||||
flex: 1;
|
||||
}
|
||||
|
||||
&__property-label {
|
||||
font-size: 0.9em;
|
||||
font-weight: bold;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&__property-select {
|
||||
width: 100%;
|
||||
height: var(--form-field-height);
|
||||
}
|
||||
|
||||
&__property-multi-input {
|
||||
display: flex;
|
||||
gap: 0.125em;
|
||||
}
|
||||
gap: 0.125em;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -5,6 +5,6 @@
|
|||
*/
|
||||
|
||||
.ds4-actor-sheet {
|
||||
min-height: 645px;
|
||||
min-width: 650px;
|
||||
min-height: 645px;
|
||||
min-width: 650px;
|
||||
}
|
||||
|
|
|
@ -5,7 +5,7 @@
|
|||
*/
|
||||
|
||||
.ds4-biography-tab-content {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 3fr;
|
||||
column-gap: 1em;
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 3fr;
|
||||
column-gap: 1em;
|
||||
}
|
||||
|
|
|
@ -7,29 +7,29 @@
|
|||
@use "../../utils/mixins";
|
||||
|
||||
.ds4-check {
|
||||
background: transparent;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
justify-content: space-between;
|
||||
line-height: inherit;
|
||||
margin: 0;
|
||||
background: transparent;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
justify-content: space-between;
|
||||
line-height: inherit;
|
||||
margin: 0;
|
||||
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
&:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
@include mixins.foundry-highlight-text-shadow;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
cursor: auto;
|
||||
&:hover {
|
||||
@include mixins.foundry-highlight-text-shadow;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
&[disabled] {
|
||||
cursor: auto;
|
||||
&:hover {
|
||||
text-shadow: none;
|
||||
}
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -5,11 +5,11 @@
|
|||
*/
|
||||
|
||||
.ds4-checks {
|
||||
column-gap: 2em;
|
||||
display: grid;
|
||||
grid-auto-flow: column;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
grid-template-rows: repeat(10, 1fr);
|
||||
row-gap: 0.25em;
|
||||
white-space: nowrap;
|
||||
column-gap: 2em;
|
||||
display: grid;
|
||||
grid-auto-flow: column;
|
||||
grid-template-columns: 1fr 1fr 1fr;
|
||||
grid-template-rows: repeat(10, 1fr);
|
||||
row-gap: 0.25em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
|
|
@ -8,66 +8,66 @@
|
|||
@use "../../utils/variables";
|
||||
|
||||
.ds4-combat-value {
|
||||
$size: 3.75rem;
|
||||
$size: 3.75rem;
|
||||
|
||||
display: grid;
|
||||
place-items: center;
|
||||
row-gap: 0.125em;
|
||||
display: grid;
|
||||
place-items: center;
|
||||
row-gap: 0.125em;
|
||||
|
||||
&__value {
|
||||
$combat-values-icons-path: "#{variables.$official-icons-path}/combat-values";
|
||||
@include mixins.centered-content;
|
||||
&__value {
|
||||
$combat-values-icons-path: "#{variables.$official-icons-path}/combat-values";
|
||||
@include mixins.centered-content;
|
||||
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
font-size: 1.5em;
|
||||
height: $size;
|
||||
width: $size;
|
||||
background-position: center;
|
||||
background-repeat: no-repeat;
|
||||
background-size: contain;
|
||||
font-size: 1.5em;
|
||||
height: $size;
|
||||
width: $size;
|
||||
|
||||
&--hitPoints {
|
||||
background-image: url("#{$combat-values-icons-path}/hit-points.png");
|
||||
}
|
||||
&--defense {
|
||||
background-image: url("#{$combat-values-icons-path}/defense.png");
|
||||
}
|
||||
&--initiative {
|
||||
background-image: url("#{$combat-values-icons-path}/initiative.png");
|
||||
}
|
||||
&--movement {
|
||||
background-image: url("#{$combat-values-icons-path}/movement-rate.png");
|
||||
}
|
||||
&--meleeAttack {
|
||||
background-image: url("#{$combat-values-icons-path}/melee-attack.png");
|
||||
}
|
||||
&--rangedAttack {
|
||||
background-image: url("#{$combat-values-icons-path}/ranged-attack.png");
|
||||
}
|
||||
&--spellcasting {
|
||||
background-image: url("#{$combat-values-icons-path}/spellcasting.png");
|
||||
}
|
||||
&--targetedSpellcasting {
|
||||
background-image: url("#{$combat-values-icons-path}/targeted-spellcasting.png");
|
||||
}
|
||||
&--hitPoints {
|
||||
background-image: url("#{$combat-values-icons-path}/hit-points.png");
|
||||
}
|
||||
|
||||
&__label {
|
||||
@include mixins.font-heading-upper;
|
||||
font-size: 1.2em;
|
||||
white-space: nowrap;
|
||||
&--defense {
|
||||
background-image: url("#{$combat-values-icons-path}/defense.png");
|
||||
}
|
||||
|
||||
&__formula {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
display: flex;
|
||||
gap: 0.15em;
|
||||
text-align: center;
|
||||
width: $size;
|
||||
&--initiative {
|
||||
background-image: url("#{$combat-values-icons-path}/initiative.png");
|
||||
}
|
||||
|
||||
&__formula-base,
|
||||
&__formula-modifier {
|
||||
flex: 1 1 4em;
|
||||
&--movement {
|
||||
background-image: url("#{$combat-values-icons-path}/movement-rate.png");
|
||||
}
|
||||
&--meleeAttack {
|
||||
background-image: url("#{$combat-values-icons-path}/melee-attack.png");
|
||||
}
|
||||
&--rangedAttack {
|
||||
background-image: url("#{$combat-values-icons-path}/ranged-attack.png");
|
||||
}
|
||||
&--spellcasting {
|
||||
background-image: url("#{$combat-values-icons-path}/spellcasting.png");
|
||||
}
|
||||
&--targetedSpellcasting {
|
||||
background-image: url("#{$combat-values-icons-path}/targeted-spellcasting.png");
|
||||
}
|
||||
}
|
||||
|
||||
&__label {
|
||||
@include mixins.font-heading-upper;
|
||||
font-size: 1.2em;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
&__formula {
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
display: flex;
|
||||
gap: 0.15em;
|
||||
text-align: center;
|
||||
width: $size;
|
||||
}
|
||||
|
||||
&__formula-base,
|
||||
&__formula-modifier {
|
||||
flex: 1 1 4em;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -7,9 +7,9 @@
|
|||
@use "../../utils/variables";
|
||||
|
||||
.ds4-combat-values {
|
||||
border-bottom: variables.$border-groove;
|
||||
display: flex;
|
||||
margin: variables.$margin-sm 0;
|
||||
padding-bottom: variables.$margin-sm;
|
||||
justify-content: space-between;
|
||||
border-bottom: variables.$border-groove;
|
||||
display: flex;
|
||||
margin: variables.$margin-sm 0;
|
||||
padding-bottom: variables.$margin-sm;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
|
|
@ -9,34 +9,34 @@
|
|||
@use "../../utils/variables";
|
||||
|
||||
.ds4-core-value {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
|
||||
&__label {
|
||||
@include mixins.font-heading-upper;
|
||||
flex: 1;
|
||||
font-size: 2em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__value {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex: 1.1;
|
||||
font-size: 1.2em;
|
||||
gap: 0.15em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__label {
|
||||
@include mixins.font-heading-upper;
|
||||
flex: 1;
|
||||
font-size: 2em;
|
||||
text-align: center;
|
||||
}
|
||||
&__value-input,
|
||||
&__value-total {
|
||||
flex: 1 1 4em;
|
||||
}
|
||||
|
||||
&__value {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
flex: 1.1;
|
||||
font-size: 1.2em;
|
||||
gap: 0.15em;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&__value-input,
|
||||
&__value-total {
|
||||
flex: 1 1 4em;
|
||||
}
|
||||
|
||||
&--trait {
|
||||
.ds4-core-value__label {
|
||||
-webkit-text-stroke: 1px colors.$c-black;
|
||||
color: transparent;
|
||||
}
|
||||
&--trait {
|
||||
.ds4-core-value__label {
|
||||
-webkit-text-stroke: 1px colors.$c-black;
|
||||
color: transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -8,8 +8,8 @@
|
|||
@use "../../utils/variables";
|
||||
|
||||
.ds4-core-values {
|
||||
column-gap: 0.5em;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
row-gap: 0.5em;
|
||||
column-gap: 0.5em;
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
row-gap: 0.5em;
|
||||
}
|
||||
|
|
|
@ -7,16 +7,16 @@
|
|||
@use "../../utils/variables";
|
||||
|
||||
.ds4-currency {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
gap: 1em;
|
||||
margin: 0.5em 0;
|
||||
align-items: center;
|
||||
display: flex;
|
||||
gap: 1em;
|
||||
margin: 0.5em 0;
|
||||
}
|
||||
|
||||
.ds4-currency-title {
|
||||
border-bottom: variables.$border-groove;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0;
|
||||
margin-top: 1em;
|
||||
padding-left: 1em;
|
||||
border-bottom: variables.$border-groove;
|
||||
font-weight: bold;
|
||||
margin-bottom: 0;
|
||||
margin-top: 1em;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
|
|
@ -5,5 +5,5 @@
|
|||
*/
|
||||
|
||||
.ds4-description {
|
||||
height: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
|
|
|
@ -5,24 +5,24 @@
|
|||
*/
|
||||
|
||||
.ds4-profile {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5em;
|
||||
|
||||
&__entry {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 0.5em;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
&__entry {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
&__entry-input {
|
||||
&--multiline {
|
||||
resize: none;
|
||||
}
|
||||
}
|
||||
|
||||
&__entry-input {
|
||||
&--multiline {
|
||||
resize: none;
|
||||
}
|
||||
}
|
||||
|
||||
&__entry-label {
|
||||
font-size: 0.8em;
|
||||
font-weight: bold;
|
||||
}
|
||||
&__entry-label {
|
||||
font-size: 0.8em;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue