mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-14 20:51:07 +01:00
Merged with main
This commit is contained in:
WBHarry
commit
264a79f6e8
37 changed files with 1359 additions and 1493 deletions
|
|
@ -1,45 +0,0 @@
|
|||
.slider-container {
|
||||
position: relative;
|
||||
background: lightslategray;
|
||||
|
||||
.slider-inner-container {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: -60px;
|
||||
background-color: inherit;
|
||||
color: inherit;
|
||||
border-radius: 30px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 20px;
|
||||
width: 40px;
|
||||
padding: 0 4px;
|
||||
border: @thinBorder solid black;
|
||||
|
||||
&:hover {
|
||||
filter: drop-shadow(0 0 3px red);
|
||||
}
|
||||
|
||||
input:checked {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
|
||||
& + .slider-icon {
|
||||
transform: translateX(17px);
|
||||
transition: 1s;
|
||||
}
|
||||
}
|
||||
|
||||
.slider-icon {
|
||||
position: absolute;
|
||||
left: 4px;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
border-radius: 50%;
|
||||
transition: 1s;
|
||||
transform: translateX(0);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -2268,9 +2268,6 @@ div.daggerheart.views.multiclass {
|
|||
.daggerheart.sheet.heritage .editor {
|
||||
height: 200px;
|
||||
}
|
||||
.daggerheart.sheet.class .guide .guide-section {
|
||||
gap: 8px;
|
||||
}
|
||||
.daggerheart.sheet.class .guide .drop-section {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -2290,18 +2287,12 @@ div.daggerheart.views.multiclass {
|
|||
min-width: 24px;
|
||||
}
|
||||
.daggerheart.sheet.class .guide .suggested-item {
|
||||
padding: 2px 4px;
|
||||
border-radius: 6px;
|
||||
border: 1px solid black;
|
||||
background: #778899;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
.daggerheart.sheet.class .guide .suggested-item:not(:last-child) {
|
||||
margin: 4px;
|
||||
}
|
||||
.daggerheart.sheet.class .guide .suggested-item img {
|
||||
width: 30px;
|
||||
}
|
||||
|
|
@ -2322,9 +2313,6 @@ div.daggerheart.views.multiclass {
|
|||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.daggerheart.sheet.class .guide .extra-section .extra-input {
|
||||
margin-bottom: 4px;
|
||||
}
|
||||
.daggerheart.sheet.class .guide-section-title-centered {
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
|
|
@ -2340,27 +2328,10 @@ div.daggerheart.views.multiclass {
|
|||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
.daggerheart.sheet.class .tagify {
|
||||
background: var(--color-light-1);
|
||||
border: 1px solid var(--color-border);
|
||||
height: 34px;
|
||||
width: 100%;
|
||||
border-radius: 3px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
.daggerheart.sheet.class .tagify tag div {
|
||||
.daggerheart.sheet.class .domain-section {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 22px;
|
||||
}
|
||||
.daggerheart.sheet.class .tagify tag div span {
|
||||
font-weight: 400;
|
||||
}
|
||||
.daggerheart.sheet.class .tagify tag div img {
|
||||
margin-left: 8px;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
gap: 5px;
|
||||
}
|
||||
.daggerheart.sheet.adversary .adversary-header-container {
|
||||
position: relative;
|
||||
|
|
@ -2733,46 +2704,6 @@ div.daggerheart.views.multiclass {
|
|||
background: inherit;
|
||||
border: 0;
|
||||
}
|
||||
.slider-container {
|
||||
position: relative;
|
||||
background: lightslategray;
|
||||
}
|
||||
.slider-container .slider-inner-container {
|
||||
position: absolute;
|
||||
top: 1px;
|
||||
left: -60px;
|
||||
background-color: inherit;
|
||||
color: inherit;
|
||||
border-radius: 30px;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 20px;
|
||||
width: 40px;
|
||||
padding: 0 4px;
|
||||
border: 1px solid black;
|
||||
}
|
||||
.slider-container .slider-inner-container:hover {
|
||||
filter: drop-shadow(0 0 3px red);
|
||||
}
|
||||
.slider-container .slider-inner-container input:checked {
|
||||
opacity: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
}
|
||||
.slider-container .slider-inner-container input:checked + .slider-icon {
|
||||
transform: translateX(17px);
|
||||
transition: 1s;
|
||||
}
|
||||
.slider-container .slider-inner-container .slider-icon {
|
||||
position: absolute;
|
||||
left: 4px;
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
border-radius: 50%;
|
||||
transition: 1s;
|
||||
transform: translateX(0);
|
||||
}
|
||||
.item-button.checked {
|
||||
background: green;
|
||||
}
|
||||
|
|
@ -2937,6 +2868,44 @@ div.daggerheart.views.multiclass {
|
|||
scrollbar-width: thin;
|
||||
scrollbar-color: light-dark(#18162e, #f3c267) transparent;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tab.settings .fieldsets-section {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
grid-template-columns: 1fr 1.5fr 1.5fr;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tab.settings .list-items {
|
||||
margin-bottom: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tab.settings .list-items:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line {
|
||||
display: grid;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
grid-template-columns: 1fr 3fr 1fr;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line h4 {
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-weight: lighter;
|
||||
color: light-dark(#222, #efe6d8);
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line .image {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
object-fit: cover;
|
||||
border-radius: 6px;
|
||||
border: none;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line .controls {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line .controls a {
|
||||
text-shadow: none;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Cinzel';
|
||||
font-style: normal;
|
||||
|
|
@ -3149,6 +3118,7 @@ div.daggerheart.views.multiclass {
|
|||
align-items: start;
|
||||
gap: 10px;
|
||||
min-height: 64px;
|
||||
width: 100%;
|
||||
}
|
||||
.application.sheet.dh-style fieldset.two-columns {
|
||||
display: grid;
|
||||
|
|
@ -3238,6 +3208,48 @@ div.daggerheart.views.multiclass {
|
|||
.application.setting.dh-style footer button {
|
||||
flex: 1;
|
||||
}
|
||||
.system-daggerheart .tagify {
|
||||
background: light-dark(transparent, transparent);
|
||||
border: 1px solid light-dark(#222, #efe6d8);
|
||||
height: 34px;
|
||||
border-radius: 3px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
.system-daggerheart .tagify tag div {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 22px;
|
||||
}
|
||||
.system-daggerheart .tagify tag div span {
|
||||
font-weight: 400;
|
||||
}
|
||||
.system-daggerheart .tagify tag div img {
|
||||
margin-left: 8px;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
.system-daggerheart .tagify__dropdown {
|
||||
border: 1px solid light-dark(#222, #efe6d8) !important;
|
||||
}
|
||||
.system-daggerheart .tagify__dropdown .tagify__dropdown__wrapper {
|
||||
background-image: url(../assets/parchments/dh-parchment-dark.png);
|
||||
background-color: transparent;
|
||||
border: 0;
|
||||
}
|
||||
.system-daggerheart .tagify__dropdown .tagify__dropdown__wrapper .tagify__dropdown__item--active {
|
||||
background-color: light-dark(#222, #efe6d8);
|
||||
color: var(--color-dark-3);
|
||||
}
|
||||
.system-daggerheart.theme-light .tagify__dropdown {
|
||||
color: black;
|
||||
}
|
||||
.system-daggerheart.theme-light .tagify__dropdown .tagify__dropdown__wrapper {
|
||||
background-image: url(../assets/parchments/dh-parchment-light.png);
|
||||
}
|
||||
.system-daggerheart.theme-light .tagify__dropdown .tagify__dropdown__item--active {
|
||||
color: #efe6d8;
|
||||
}
|
||||
.theme-light .application .component.dh-style.card.card-preview-container {
|
||||
background-image: url('../assets/parchments/dh-parchment-light.png');
|
||||
}
|
||||
|
|
|
|||
|
|
@ -6,8 +6,7 @@
|
|||
@import './chat.less';
|
||||
@import './item.less';
|
||||
@import './application.less';
|
||||
@import './sheets//sheets.less';
|
||||
@import './components.less';
|
||||
@import './sheets/sheets.less';
|
||||
@import './dialog.less';
|
||||
@import './levelup.less';
|
||||
@import '../node_modules/@yaireo/tagify/dist/tagify.css';
|
||||
|
|
@ -15,6 +14,7 @@
|
|||
// new styles imports
|
||||
@import './less/items/feature.less';
|
||||
@import './less/items/domainCard.less';
|
||||
@import './less/items/class.less';
|
||||
|
||||
@import './less/utils/colors.less';
|
||||
@import './less/utils/fonts.less';
|
||||
|
|
@ -96,14 +96,6 @@
|
|||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
|
||||
// .window-content {
|
||||
// background: crimson;
|
||||
|
||||
// > form, >div {
|
||||
// background: url(../ui/parchment.jpg) repeat;
|
||||
// }
|
||||
// }
|
||||
}
|
||||
|
||||
#players {
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
132
styles/less/items/class.css
Normal file
132
styles/less/items/class.css
Normal file
|
|
@ -0,0 +1,132 @@
|
|||
@font-face {
|
||||
font-family: 'Cinzel';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/cinzel/v23/8vIU7ww63mVu7gtR-kwKxNvkNOjw-tbnTYo.ttf) format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Cinzel';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/cinzel/v23/8vIU7ww63mVu7gtR-kwKxNvkNOjw-jHgTYo.ttf) format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Cinzel Decorative';
|
||||
font-style: normal;
|
||||
font-weight: 700;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/cinzeldecorative/v17/daaHSScvJGqLYhG8nNt8KPPswUAPniZoaelD.ttf)
|
||||
format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 400;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Montserrat';
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
font-display: swap;
|
||||
src: url(https://fonts.gstatic.com/s/montserrat/v30/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style h1 {
|
||||
font-family: 'Cinzel Decorative', serif;
|
||||
margin: 0;
|
||||
border: none;
|
||||
font-weight: normal;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style h2,
|
||||
.application.sheet.daggerheart.dh-style h3 {
|
||||
font-family: 'Cinzel', serif;
|
||||
margin: 0;
|
||||
border: none;
|
||||
font-weight: normal;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style h4 {
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-size: 14px;
|
||||
border: none;
|
||||
font-weight: 700;
|
||||
margin: 0;
|
||||
text-shadow: none;
|
||||
color: #f3c267;
|
||||
font-weight: normal;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style h5 {
|
||||
font-size: 14px;
|
||||
color: #f3c267;
|
||||
margin: 0;
|
||||
font-weight: normal;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style p,
|
||||
.application.sheet.daggerheart.dh-style span {
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style small {
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
opacity: 0.8;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tagify {
|
||||
background: light-dark(transparent, transparent);
|
||||
border: 1px solid light-dark(#222, #efe6d8);
|
||||
height: 34px;
|
||||
border-radius: 3px;
|
||||
margin-right: 1px;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tagify tag div {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 22px;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tagify tag div span {
|
||||
font-weight: 400;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tagify tag div img {
|
||||
margin-left: 8px;
|
||||
height: 20px;
|
||||
width: 20px;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tab.settings .fieldsets-section {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
grid-template-columns: 1fr 1.5fr 1.5fr;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tab.settings .list-items {
|
||||
margin-bottom: 10px;
|
||||
width: 100%;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tab.settings .list-items:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line {
|
||||
display: grid;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
grid-template-columns: 1fr 3fr 1fr;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line h4 {
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-weight: lighter;
|
||||
color: light-dark(#222, #efe6d8);
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line .image {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
object-fit: cover;
|
||||
border-radius: 6px;
|
||||
border: none;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line .controls {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
}
|
||||
.application.sheet.daggerheart.dh-style.class .tab.settings .list-items .item-line .controls a {
|
||||
text-shadow: none;
|
||||
}
|
||||
46
styles/less/items/class.less
Normal file
46
styles/less/items/class.less
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
@import '../utils/colors.less';
|
||||
@import '../utils/fonts.less';
|
||||
|
||||
.application.sheet.daggerheart.dh-style.class {
|
||||
.tab.settings {
|
||||
.fieldsets-section {
|
||||
display: grid;
|
||||
gap: 10px;
|
||||
grid-template-columns: 1fr 1.5fr 1.5fr;
|
||||
}
|
||||
|
||||
.list-items {
|
||||
margin-bottom: 10px;
|
||||
width: 100%;
|
||||
&:last-child {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
.item-line {
|
||||
display: grid;
|
||||
align-items: center;
|
||||
gap: 10px;
|
||||
grid-template-columns: 1fr 3fr 1fr;
|
||||
h4 {
|
||||
font-family: @font-body;
|
||||
font-weight: lighter;
|
||||
color: light-dark(@dark, @beige);
|
||||
}
|
||||
.image {
|
||||
height: 40px;
|
||||
width: 40px;
|
||||
object-fit: cover;
|
||||
border-radius: 6px;
|
||||
border: none;
|
||||
}
|
||||
.controls {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 10px;
|
||||
a {
|
||||
text-shadow: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,119 +1,65 @@
|
|||
.daggerheart.sheet.class {
|
||||
.guide {
|
||||
.guide-section {
|
||||
gap: @fullMargin;
|
||||
}
|
||||
|
||||
.drop-section {
|
||||
width: 100%;
|
||||
|
||||
legend {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: 12px;
|
||||
}
|
||||
|
||||
.drop-section-body {
|
||||
min-height: 40px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
.trait-input {
|
||||
text-align: center;
|
||||
min-width: 24px;
|
||||
}
|
||||
|
||||
.suggested-item {
|
||||
padding: @smallPadding @fullPadding;
|
||||
border-radius: 6px;
|
||||
border: @thinBorder solid black;
|
||||
background: @primaryAccent;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
|
||||
&:not(:last-child) {
|
||||
margin: @halfMargin;
|
||||
}
|
||||
|
||||
img {
|
||||
width: 30px;
|
||||
}
|
||||
|
||||
div {
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
i {
|
||||
border-radius: 50%;
|
||||
margin-right: 4px;
|
||||
font-size: 11px;
|
||||
}
|
||||
}
|
||||
|
||||
.extra-section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
|
||||
.extra-title {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.extra-input {
|
||||
margin-bottom: @halfMargin;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.guide-section-title-centered {
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.inventory-section {
|
||||
width: 100%;
|
||||
border: 2px solid black;
|
||||
border-style: dotted;
|
||||
min-height: 80px;
|
||||
|
||||
.inventory-title {
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
|
||||
.tagify {
|
||||
background: var(--color-light-1);
|
||||
border: 1px solid var(--color-border);
|
||||
height: 34px;
|
||||
width: 100%;
|
||||
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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
.daggerheart.sheet.class .guide .drop-section {
|
||||
width: 100%;
|
||||
}
|
||||
.daggerheart.sheet.class .guide .drop-section legend {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
font-size: 12px;
|
||||
}
|
||||
.daggerheart.sheet.class .guide .drop-section .drop-section-body {
|
||||
min-height: 40px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.daggerheart.sheet.class .guide .trait-input {
|
||||
text-align: center;
|
||||
min-width: 24px;
|
||||
}
|
||||
.daggerheart.sheet.class .guide .suggested-item {
|
||||
border-radius: 6px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
}
|
||||
.daggerheart.sheet.class .guide .suggested-item img {
|
||||
width: 30px;
|
||||
}
|
||||
.daggerheart.sheet.class .guide .suggested-item div {
|
||||
text-align: center;
|
||||
}
|
||||
.daggerheart.sheet.class .guide .suggested-item i {
|
||||
border-radius: 50%;
|
||||
margin-right: 4px;
|
||||
font-size: 11px;
|
||||
}
|
||||
.daggerheart.sheet.class .guide .extra-section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
}
|
||||
.daggerheart.sheet.class .guide .extra-section .extra-title {
|
||||
font-size: 14px;
|
||||
font-weight: bold;
|
||||
}
|
||||
.daggerheart.sheet.class .guide-section-title-centered {
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
.daggerheart.sheet.class .inventory-section {
|
||||
width: 100%;
|
||||
border: 2px solid black;
|
||||
border-style: dotted;
|
||||
min-height: 80px;
|
||||
}
|
||||
.daggerheart.sheet.class .inventory-section .inventory-title {
|
||||
font-weight: bold;
|
||||
font-size: 14px;
|
||||
text-align: center;
|
||||
}
|
||||
.daggerheart.sheet.class .domain-section {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 5px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue