mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-01-12 03:31:07 +01:00
Css cleanup. Added styling for tagify dropdown
This commit is contained in:
parent
128178847b
commit
407b70b662
10 changed files with 214 additions and 262 deletions
|
|
@ -213,3 +213,62 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
|
||||
.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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue