Foundry/.dungeon
0
0
Fork 0
Code Issues 57 Pull requests Projects Releases 7 Packages Wiki Activity Actions

Finishing the Sync sheet and some other stuffs

Browse source
This commit is contained in:
Oliver-Akins 2023-12-21 23:59:38 -07:00
parent a28718b115
commit 554fae5a93
26 changed files with 494 additions and 105 deletions
Download patch file Download diff file Expand all files Collapse all files

58
styles/generic.scss Normal file
View file

@ -0,0 +1,58 @@
@use "./mixins/partials" as *;
@use "./mixins/foundry" as *;
@use "./vars.scss" as *;
@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap');
// Reset the parts of Foundry's styling which gets in the way of what I want
.dotdungeon > .window-content {
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
@include fvtt_reset;
font-family: $title-font;
margin: 0;
}
label {
cursor: pointer;
}
button, button:hover {
@include fvtt_reset;
font-family: inherit;
cursor: pointer;
}
input[type="text"],
input[type="number"],
textarea {
padding: 5px 7px;
@include input-generic;
}
select, select:hover {
cursor: pointer;
}
.debug-data {
opacity: 60%;
font-family: $body-font;
}
}
// Styling that doesn't belong to any particular part of my sheet
.dotdungeon {
container-type: size;
> .window-content {
padding: 0;
background: $background;
}
}

8
styles/mixins/_breakpoints.scss
View file

@ -8,4 +8,10 @@
@container (max-width: 400px) {
@content
};
};
};
@mixin bp-xs {
@container (max-width: 300px) {
@content
}
}

69
styles/root.scss
View file

@ -2,67 +2,12 @@
@use "./mixins/foundry" as *;
@use "./vars.scss" as *;
@import url('https://fonts.googleapis.com/css2?family=Pixelify+Sans&display=swap');
@use "./generic.scss";
// Reset the parts of Foundry's styling which gets in the way of what I want
.dotdungeon > .window-content {
@use "./sheets/partials/stat.scss";
@use "./sheets/partials/skill.scss";
@use "./sheets/partials/panel.scss";
::-webkit-scrollbar {
width: 10px;
}
::-webkit-scrollbar-thumb {
border-radius: 5px;
}
h2, h3, h4, h5, h6 {
@include fvtt_reset;
display: block;
font-family: $title-font;
margin: 0;
}
label {
display: inline-block;
cursor: pointer;
}
button, button:hover {
@include fvtt_reset;
font-family: inherit;
cursor: pointer;
}
input[type="text"],
input[type="number"],
textarea {
@include fvtt_reset;
padding: 5px 7px;
@include input-generic;
}
select, select:hover {
cursor: pointer;
}
.debug-data {
opacity: 60%;
font-family: $body-font;
}
}
// Styling that doesn't belong to any particular part of my sheet
.dotdungeon {
container-type: size;
> .window-content {
padding: 0;
background: $background;
}
}
@import "./sheets/partials/stat.scss";
@import "./sheets/partials/skill.scss";
@import "./sheets/partials/panel.scss";
@import "./sheets/actor/mvp.scss";
@import "./sheets/items/aspect.scss";
@use "./sheets/actor/mvp.scss";
@use "./sheets/actor/sync/basic.scss";
@use "./sheets/items/aspect.scss";

5
styles/sheets/actor/mvp.scss
View file

@ -76,6 +76,11 @@
flex-grow: 1;
}
}
.sync__input {
width: 80px;
margin: 3px 5px;
}
}
&--aspect {
grid-area: aspect;

49
styles/sheets/actor/sync/basic.scss Normal file
View file

@ -0,0 +1,49 @@
@use "../../../mixins/breakpoints" as *;
.dotdungeon {
.actor--circle-sync {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
gap: 4px;
label {
display: flex;
flex-direction: column;
align-items: center;
}
.sync-input {
width: 30%;
text-align: center;
}
.name-input {
width: 60%;
text-align: center;
}
}
&--sync-sheet {
header {
.configure-token {
display: none;
visibility: hidden;
}
}
}
}
@include bp-xs {
.dotdungeon {
&--sync-sheet {
header {
.configure-sheet {
display: none;
visibility: hidden;
}
}
}
}
}

3
styles/sheets/partials/panel.scss
View file

@ -11,7 +11,6 @@
&__header {
background: black;
color: white;
display: flex;
flex-direction: row;
justify-content: center;
@ -21,7 +20,7 @@
h2 {
@include fvtt_reset;
color: inherit;
color: white;
flex-grow: 1;
font-family: $title-font;
font-size: 20px;