.dungeon/styles/generic.scss
2024-03-08 21:14:30 -07:00

78 lines
No EOL
1.2 KiB
SCSS

@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;
color: inherit;
font-family: $title-font;
margin: 0;
}
label {
cursor: pointer;
}
button, button:hover {
@include fvtt_reset;
font-family: inherit;
cursor: pointer;
&:disabled {
cursor: default;
}
}
input[type="text"],
input[type="number"],
textarea {
@include fvtt_reset;
padding: 5px 7px;
}
textarea {
resize: vertical;
}
select, select:hover {
cursor: pointer;
:disabled {
cursor: default;
}
}
hr {
border-color: black;
opacity: 25%;
width: 100%;
}
}
// Styling that doesn't belong to any particular part of my sheet
.dotdungeon.dotdungeon.dotdungeon.dotdungeon {
container-type: size;
> .window-content {
padding: 0;
background: $background;
.debug-data {
opacity: 60%;
font-family: $body-font;
word-break: break-all;
}
}
}