Merged with main

This commit is contained in:
WBHarry 2025-05-30 16:51:36 +02:00
commit 264a79f6e8
37 changed files with 1359 additions and 1493 deletions

View file

@ -96,6 +96,7 @@
align-items: start;
gap: 10px;
min-height: 64px;
width: 100%;
}
&.two-columns {
@ -212,3 +213,136 @@
}
}
}
.system-daggerheart {
.tagify {
background: light-dark(transparent, transparent);
border: 1px solid light-dark(@dark, @beige);
height: 34px;
border-radius: 3px;
margin-right: 1px;
tag {
div {
display: flex;
justify-content: space-between;
align-items: center;
height: 22px;
span {
font-weight: 400;
}
img {
margin-left: 8px;
height: 20px;
width: 20px;
}
}
}
}
.tagify__dropdown {
border: 1px solid light-dark(@dark, @beige) !important;
.tagify__dropdown__wrapper {
background-image: url(../assets/parchments/dh-parchment-dark.png);
background-color: transparent;
border: 0;
.tagify__dropdown__item--active {
background-color: light-dark(@dark, @beige);
color: var(--color-dark-3);
}
}
}
&.theme-light {
.tagify__dropdown {
color: black;
.tagify__dropdown__wrapper {
background-image: url(../assets/parchments/dh-parchment-light.png);
}
.tagify__dropdown__item--active {
color: @beige;
}
}
}
}
.theme-light {
.application {
.component.dh-style.card {
&.card-preview-container {
background-image: url('../assets/parchments/dh-parchment-light.png');
.preview-text-container {
background-image: url(../assets/parchments/dh-parchment-dark.png);
}
}
}
}
}
.application {
.component.dh-style {
&.card-preview-container {
border-radius: 6px;
border: 2px solid var(--color-tabs-border);
display: flex;
flex-direction: column;
aspect-ratio: 0.75;
background-image: url('../assets/parchments/dh-parchment-dark.png');
&.empty {
cursor: pointer;
}
.preview-image-container {
flex: 1;
border-radius: 4px 4px 0;
}
.preview-text-container {
flex: 1;
border-radius: 0 0 4px 4px;
display: flex;
align-items: center;
justify-content: center;
font-size: 18px;
text-align: center;
color: var(--color-text-selection-bg);
background-image: url(../assets/parchments/dh-parchment-light.png);
}
.preview-empty-container {
display: flex;
align-items: center;
justify-content: center;
flex: 1;
.preview-empty-inner-container {
position: relative;
width: 100%;
display: flex;
justify-content: center;
.preview-add-icon {
font-size: 48px;
}
.preview-empty-subtext {
position: absolute;
bottom: -48px;
font-size: 18px;
font-variant: small-caps;
text-align: center;
}
}
}
}
}
}