Athemis/ds4
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

chore: reformat with 2 spaces

Browse source
This commit is contained in:
Johannes Loher 2023-07-10 22:23:13 +02:00
parent d659e4bed9
commit 7670d7f808
No known key found for this signature in database
GPG key ID: 7CB0A9FB553DA045
1577 changed files with 70010 additions and 70042 deletions
Download patch file Download diff file Expand all files Collapse all files

80
scss/components/actor/_actor_header.scss
View file

@ -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;
}
}

64
scss/components/actor/_actor_progression.scss
View file

@ -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;
}
}
}
}

44
scss/components/actor/_actor_properties.scss
View file

@ -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;
}
}

4
scss/components/actor/_actor_sheet.scss
View file

@ -5,6 +5,6 @@
*/
.ds4-actor-sheet {
min-height: 645px;
min-width: 650px;
min-height: 645px;
min-width: 650px;
}

6
scss/components/actor/_biography.scss
View file

@ -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;
}

42
scss/components/actor/_check.scss
View file

@ -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;
}
}
}

14
scss/components/actor/_checks.scss
View file

@ -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;
}

108
scss/components/actor/_combat_value.scss
View file

@ -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;
}
}

10
scss/components/actor/_combat_values.scss
View file

@ -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;
}

50
scss/components/actor/_core_value.scss
View file

@ -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
scss/components/actor/_core_values.scss
View file

@ -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;
}

18
scss/components/actor/_currency.scss
View file

@ -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;
}

2
scss/components/actor/_description.scss
View file

@ -5,5 +5,5 @@
*/
.ds4-description {
height: 100%;
height: 100%;
}

30
scss/components/actor/_profile.scss
View file

@ -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;
}
}

26
scss/components/dice/_dice_total.scss
View file

@ -8,19 +8,19 @@
// Needs to be nested in .dice-roll to win against foundry's style.css with respect to specificity
.dice-roll .ds4-dice-total {
@mixin color-filter($rotation) {
filter: sepia(0.5) hue-rotate($rotation);
}
@mixin color-filter($rotation) {
filter: sepia(0.5) hue-rotate($rotation);
}
&--coup {
@include color-filter(60deg);
background-color: colors.$c-coup-bg;
color: colors.$c-coup;
}
&--coup {
@include color-filter(60deg);
background-color: colors.$c-coup-bg;
color: colors.$c-coup;
}
&--fumble {
@include color-filter(-60deg);
background-color: colors.$c-fumble-bg;
color: colors.$c-fumble;
}
&--fumble {
@include color-filter(-60deg);
background-color: colors.$c-fumble-bg;
color: colors.$c-fumble;
}
}

68
scss/components/item/_item_header.scss
View file

@ -8,44 +8,44 @@
@use "../../utils/mixins";
.ds4-item-header {
align-items: center;
display: flex;
gap: 1em;
align-items: center;
display: flex;
gap: 1em;
&__img {
border: none;
cursor: pointer;
height: 100px;
width: 100px;
}
&__img {
border: none;
cursor: pointer;
height: 100px;
width: 100px;
}
&__data {
flex: 1;
}
&__data {
flex: 1;
}
&__type {
@include mixins.font-heading-upper;
border: none;
color: colors.$c-light-grey;
margin-bottom: 0;
}
&__type {
@include mixins.font-heading-upper;
border: none;
color: colors.$c-light-grey;
margin-bottom: 0;
}
&__name {
border: none;
margin: 0;
}
&__name {
border: none;
margin: 0;
}
&__name-label {
display: none;
}
&__name-label {
display: none;
}
&__name-input[type="text"] {
@include mixins.font-heading-upper;
background-color: transparent;
border: none;
font-size: 1.25em;
height: auto;
padding-left: 0;
padding-right: 0;
}
&__name-input[type="text"] {
@include mixins.font-heading-upper;
background-color: transparent;
border: none;
font-size: 1.25em;
height: auto;
padding-left: 0;
padding-right: 0;
}
}

16
scss/components/item/_item_properties.scss
View file

@ -9,13 +9,13 @@
@use "../../utils/variables";
.ds4-item-properties {
@include mixins.mark-invalid-or-disabled-input;
@include mixins.mark-invalid-or-disabled-input;
&__title {
border-bottom: variables.$border-groove;
font-weight: bold;
margin-bottom: 0;
margin-top: 1em;
padding-left: 1em;
}
&__title {
border-bottom: variables.$border-groove;
font-weight: bold;
margin-bottom: 0;
margin-top: 1em;
padding-left: 1em;
}
}

4
scss/components/item/_item_sheet.scss
View file

@ -5,6 +5,6 @@
*/
.ds4-item-sheet {
min-height: 400px;
min-width: 540px;
min-height: 400px;
min-width: 540px;
}

2
scss/components/shared/_add_button.scss
View file

@ -5,5 +5,5 @@
*/
.ds4-add-button {
padding: 0 calc(1em / 3);
padding: 0 calc(1em / 3);
}

32
scss/components/shared/_checkbox_grid.scss
View file

@ -5,23 +5,23 @@
*/
.ds4-checkbox-grid {
$gap: 3px;
$gap: 3px;
gap: $gap;
display: grid;
font-size: var(--font-size-12);
grid-template-columns: 1fr 1fr;
&__item {
align-items: center;
display: flex;
gap: $gap;
display: grid;
font-size: var(--font-size-12);
grid-template-columns: 1fr 1fr;
&__item {
align-items: center;
display: flex;
gap: $gap;
justify-content: flex-start;
> * {
flex: 0 0 auto;
}
justify-content: flex-start;
> * {
flex: 0 0 auto;
}
}
&__checkbox[type="checkbox"] {
margin: 0;
}
&__checkbox[type="checkbox"] {
margin: 0;
}
}

14
scss/components/shared/_control_button_group.scss
View file

@ -5,12 +5,12 @@
*/
.ds4-control-button-group {
display: flex;
text-align: center;
width: 100%;
padding: 0 calc(1em / 3);
display: flex;
text-align: center;
width: 100%;
padding: 0 calc(1em / 3);
&__button {
flex: 1;
}
&__button {
flex: 1;
}
}

16
scss/components/shared/_editor.scss
View file

@ -5,14 +5,14 @@
*/
.ds4-sheet-form {
.editor {
height: 100%;
.editor {
height: 100%;
.tox {
.tox-toolbar-overlord,
.tox-toolbar__primary {
background: transparent;
}
}
.tox {
.tox-toolbar-overlord,
.tox-toolbar__primary {
background: transparent;
}
}
}
}

238
scss/components/shared/_embedded_document_list.scss
View file

@ -9,144 +9,144 @@
@use "../../utils/variables";
.ds4-embedded-document-list {
@include mixins.mark-invalid-or-disabled-input;
@include mixins.mark-invalid-or-disabled-input;
$row-height: 1.75em;
$row-height: 1.75em;
display: grid;
grid-column-gap: 0.5em;
grid-row-gap: 0.2em;
margin: 0;
padding: 0.5em 0;
display: grid;
grid-column-gap: 0.5em;
grid-row-gap: 0.2em;
margin: 0;
padding: 0.5em 0;
&--weapon {
grid-template-columns: $row-height $row-height 3ch 3fr $row-height 1fr 3ch 5fr 5ch;
:nth-child(9n + 1),
:nth-child(9n + 5),
:nth-child(9n + 6),
:nth-child(9n + 7) {
justify-self: center;
}
&--weapon {
grid-template-columns: $row-height $row-height 3ch 3fr $row-height 1fr 3ch 5fr 5ch;
:nth-child(9n + 1),
:nth-child(9n + 5),
:nth-child(9n + 6),
:nth-child(9n + 7) {
justify-self: center;
}
&--armor {
grid-template-columns: $row-height $row-height 3ch 3fr 1fr 1fr 3ch 5fr 5ch;
:nth-child(9n + 1),
:nth-child(9n + 7) {
justify-self: center;
}
}
&--armor {
grid-template-columns: $row-height $row-height 3ch 3fr 1fr 1fr 3ch 5fr 5ch;
:nth-child(9n + 1),
:nth-child(9n + 7) {
justify-self: center;
}
&--shield {
grid-template-columns: $row-height $row-height 3ch 1fr 3ch 3fr 5ch;
:nth-child(7n + 1),
:nth-child(7n + 5) {
justify-self: center;
}
}
&--shield {
grid-template-columns: $row-height $row-height 3ch 1fr 3ch 3fr 5ch;
:nth-child(7n + 1),
:nth-child(7n + 5) {
justify-self: center;
}
&--equipment {
grid-template-columns: $row-height $row-height 3ch 1fr 10ch 3fr 5ch;
:nth-child(7n + 1) {
justify-self: center;
}
}
&--equipment {
grid-template-columns: $row-height $row-height 3ch 1fr 10ch 3fr 5ch;
:nth-child(7n + 1) {
justify-self: center;
}
&--loot {
grid-template-columns: $row-height 3ch 1fr 10ch 3fr 5ch;
}
&--loot {
grid-template-columns: $row-height 3ch 1fr 10ch 3fr 5ch;
}
&--spell {
grid-template-columns: $row-height $row-height 2fr $row-height 1fr 1fr 1fr 1fr 5ch;
:nth-child(9n + 1),
:nth-child(9n + 4) {
justify-self: center;
}
&--spell {
grid-template-columns: $row-height $row-height 2fr $row-height 1fr 1fr 1fr 1fr 5ch;
:nth-child(9n + 1),
:nth-child(9n + 4) {
justify-self: center;
}
}
&--talent {
grid-template-columns: $row-height 1fr 4ch 3fr 5ch;
:nth-child(9n + 3) {
justify-self: center;
}
&--talent {
grid-template-columns: $row-height 1fr 4ch 3fr 5ch;
:nth-child(9n + 3) {
justify-self: center;
}
}
&--racial-ability,
&--language,
&--alphabet,
&--special-creature-ability {
grid-template-columns: $row-height 1fr 3fr 5ch;
}
&--effect {
grid-template-columns: $row-height $row-height $row-height 3fr 2fr $row-height 5ch;
:nth-child(7n + 1),
:nth-child(7n + 2),
:nth-child(7n + 6) {
justify-self: center;
}
&--racial-ability,
&--language,
&--alphabet,
&--special-creature-ability {
grid-template-columns: $row-height 1fr 3fr 5ch;
}
&--item-effect {
grid-template-columns: $row-height 1fr 5ch;
}
&__row {
display: contents; // TODO: Once chromium supports `grid-template-columns: subgrid` (https://bugs.chromium.org/p/chromium/issues/detail?id=618969), switch to `display: grid; grid: 1/-1; grid-template-columns: subgrid`
&--header {
font-weight: bold;
}
&--effect {
grid-template-columns: $row-height $row-height $row-height 3fr 2fr $row-height 5ch;
:nth-child(7n + 1),
:nth-child(7n + 2),
:nth-child(7n + 6) {
justify-self: center;
}
> * {
height: $row-height;
line-height: $row-height;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
&__image {
border: none;
}
&__editable {
&[type="text"],
&[type="number"] {
background-color: transparent;
border: 0;
padding: 0;
height: 100%;
}
&--item-effect {
grid-template-columns: $row-height 1fr 5ch;
&--checkbox {
&[type="checkbox"] {
width: 100%;
height: 100%;
margin: 0px;
}
}
}
&__description {
overflow: hidden;
text-overflow: ellipsis;
:not(:first-child) {
display: none;
}
&__row {
display: contents; // TODO: Once chromium supports `grid-template-columns: subgrid` (https://bugs.chromium.org/p/chromium/issues/detail?id=618969), switch to `display: grid; grid: 1/-1; grid-template-columns: subgrid`
&--header {
font-weight: bold;
}
> * {
height: $row-height;
line-height: $row-height;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
> * {
font-size: 0.75em;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
}
}
&__image {
border: none;
}
&__editable {
&[type="text"],
&[type="number"] {
background-color: transparent;
border: 0;
padding: 0;
height: 100%;
}
&--checkbox {
&[type="checkbox"] {
width: 100%;
height: 100%;
margin: 0px;
}
}
}
&__description {
overflow: hidden;
text-overflow: ellipsis;
:not(:first-child) {
display: none;
}
> * {
font-size: 0.75em;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
}
}
&__clickable {
cursor: pointer;
}
&__clickable {
cursor: pointer;
}
}
.ds4-embedded-document-list-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;
}

32
scss/components/shared/_form_group.scss
View file

@ -5,23 +5,23 @@
*/
.ds4-form-group {
clear: both;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 3px 0;
align-items: center;
clear: both;
display: flex;
flex-direction: row;
flex-wrap: wrap;
margin: 3px 0;
align-items: center;
&--start {
align-items: flex-start;
}
&--start {
align-items: flex-start;
}
& > * {
flex: 3;
}
& > * {
flex: 3;
}
&__label {
flex: 2;
line-height: var(--form-field-height);
}
&__label {
flex: 2;
line-height: var(--form-field-height);
}
}

50
scss/components/shared/_rollable_image.scss
View file

@ -5,35 +5,35 @@
*/
.ds4-rollable-image {
position: relative;
position: relative;
&--rollable {
cursor: pointer;
&--rollable {
cursor: pointer;
&:hover {
.ds4-rollable-image__image {
opacity: 0.25;
}
&:hover {
.ds4-rollable-image__image {
opacity: 0.25;
}
.ds4-rollable-image__overlay {
opacity: 1;
}
}
.ds4-rollable-image__overlay {
opacity: 1;
}
}
}
&__image {
border: none;
transition: 0.1s ease;
}
&__image {
border: none;
transition: 0.1s ease;
}
&__overlay {
border: none;
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: 0.1s ease;
}
&__overlay {
border: none;
bottom: 0;
left: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
transition: 0.1s ease;
}
}

4
scss/components/shared/_sheet_body.scss
View file

@ -5,6 +5,6 @@
*/
.ds4-sheet-body {
height: 100%;
overflow-y: auto;
height: 100%;
overflow-y: auto;
}

10
scss/components/shared/_sheet_form.scss
View file

@ -5,9 +5,9 @@
*/
.ds4-sheet-form {
display: flex;
flex-direction: column;
flex-wrap: nowrap;
font-family: var(--ds4-font-primary);
height: 100%;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
font-family: var(--ds4-font-primary);
height: 100%;
}

18
scss/components/shared/_sheet_tab.scss
View file

@ -5,15 +5,15 @@
*/
.ds4-sheet-tab {
flex-direction: column;
flex-wrap: nowrap;
height: 100%;
flex-direction: column;
flex-wrap: nowrap;
height: 100%;
&[data-tab].active {
display: flex;
}
&[data-tab].active {
display: flex;
}
> * {
flex-shrink: 0;
}
> * {
flex-shrink: 0;
}
}

30
scss/components/shared/_sheet_tab_nav.scss
View file

@ -7,22 +7,22 @@
@use "../../utils/variables";
.ds4-sheet-tab-nav {
border-bottom: variables.$border-groove;
border-top: variables.$border-groove;
display: flex;
flex-wrap: nowrap;
height: calc(2 * var(--line-height-16));
justify-content: space-around;
line-height: calc(2 * var(--line-height-16));
margin: variables.$margin-sm 0;
border-bottom: variables.$border-groove;
border-top: variables.$border-groove;
display: flex;
flex-wrap: nowrap;
height: calc(2 * var(--line-height-16));
justify-content: space-around;
line-height: calc(2 * var(--line-height-16));
margin: variables.$margin-sm 0;
&__item {
flex: 0 1 auto !important; // necessary to override the styling from lang-de, see https://gitlab.com/henry4k/foundryvtt-lang-de/-/issues/9
font-weight: bold;
white-space: nowrap;
&__item {
flex: 0 1 auto !important; // necessary to override the styling from lang-de, see https://gitlab.com/henry4k/foundryvtt-lang-de/-/issues/9
font-weight: bold;
white-space: nowrap;
&.active {
text-shadow: 0 0 variables.$padding-md var(--color-shadow-primary);
}
&.active {
text-shadow: 0 0 variables.$padding-md var(--color-shadow-primary);
}
}
}

4
scss/global/_accessibility.scss
View file

@ -6,10 +6,10 @@
*/
.ds4-hidden {
display: none;
display: none;
}
// This is needed for higher specifity
form .ds4-hidden {
display: none;
display: none;
}

74
scss/global/_fonts.scss
View file

@ -5,56 +5,56 @@
*/
@font-face {
font-display: swap;
font-family: "Lora";
font-style: normal;
font-weight: normal;
src:
local("Lora"),
url("../fonts/Lora/Lora.woff") format("woff");
font-display: swap;
font-family: "Lora";
font-style: normal;
font-weight: normal;
src:
local("Lora"),
url("../fonts/Lora/Lora.woff") format("woff");
}
@font-face {
font-display: swap;
font-family: "Lora";
font-style: normal;
font-weight: bold;
src:
local("Lora"),
url("../fonts/Lora/Lora-Bold.woff") format("woff");
font-display: swap;
font-family: "Lora";
font-style: normal;
font-weight: bold;
src:
local("Lora"),
url("../fonts/Lora/Lora-Bold.woff") format("woff");
}
@font-face {
font-display: swap;
font-family: "Lora";
font-style: italic;
font-weight: normal;
src:
local("Lora"),
url("../fonts/Lora/Lora-Italic.woff") format("woff");
font-display: swap;
font-family: "Lora";
font-style: italic;
font-weight: normal;
src:
local("Lora"),
url("../fonts/Lora/Lora-Italic.woff") format("woff");
}
@font-face {
font-display: swap;
font-family: "Lora";
font-style: italic;
font-weight: bold;
src:
local("Lora"),
url("../fonts/Lora/Lora-BoldItalic.woff") format("woff");
font-display: swap;
font-family: "Lora";
font-style: italic;
font-weight: bold;
src:
local("Lora"),
url("../fonts/Lora/Lora-BoldItalic.woff") format("woff");
}
@font-face {
font-display: swap;
font-family: "Wood Stamp";
font-style: normal;
font-weight: normal;
src:
local("Wood Stamp"),
url("../fonts/Woodstamp/Woodstamp.woff") format("woff");
font-display: swap;
font-family: "Wood Stamp";
font-style: normal;
font-weight: normal;
src:
local("Wood Stamp"),
url("../fonts/Woodstamp/Woodstamp.woff") format("woff");
}
:root {
--ds4-font-primary: Lora, serif;
--ds4-font-heading: "Wood Stamp", sans-serif;
--ds4-font-primary: Lora, serif;
--ds4-font-heading: "Wood Stamp", sans-serif;
}

4
scss/global/_utils.scss
View file

@ -5,10 +5,10 @@
*/
.ds4-code-input {
font-family: var(--font-mono);
font-family: var(--font-mono);
}
// This is needed for higher specifity
form .ds4-code-input {
font-family: var(--font-mono);
font-family: var(--font-mono);
}

22
scss/utils/_mixins.scss
View file

@ -8,24 +8,24 @@
@use "./colors";
@mixin centered-content {
display: grid;
place-items: center;
display: grid;
place-items: center;
}
@mixin mark-invalid-or-disabled-input {
input:invalid {
background-color: colors.$c-invalid-input;
}
input:disabled {
background-color: transparent;
}
input:invalid {
background-color: colors.$c-invalid-input;
}
input:disabled {
background-color: transparent;
}
}
@mixin foundry-highlight-text-shadow {
text-shadow: 0 0 10px var(--color-shadow-primary);
text-shadow: 0 0 10px var(--color-shadow-primary);
}
@mixin font-heading-upper {
font-family: var(--ds4-font-heading);
text-transform: uppercase;
font-family: var(--ds4-font-heading);
text-transform: uppercase;
}