dungeonslayers/ds4
dungeonslayers/ds4
3
0
Fork 0
Code Issues 9 Pull requests 7 Projects Releases 10 Packages 1 Activity

Sort SCSS

Browse source
This commit is contained in:
Johannes Loher 2021-02-26 03:17:27 +01:00
parent e60065b81d
commit ace48fee48
3 changed files with 27 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/scss/components/_currency.scss
View file

@ -1,17 +1,16 @@
@use "../utils/variables"; @use "../utils/variables";
.ds4-currency { .ds4-currency {
align-items: center;
display: flex; display: flex;
gap: 1em; gap: 1em;
align-items: center;
$height: 1.75em;
margin: 0.5em 0; margin: 0.5em 0;
} }
.ds4-currency-title { .ds4-currency-title {
margin-top: 1em;
margin-bottom: 0;
padding-left: 1em;
border-bottom: variables.$border-groove; border-bottom: variables.$border-groove;
font-weight: bold; font-weight: bold;
margin-bottom: 0;
margin-top: 1em;
padding-left: 1em;
} }

36
src/scss/components/_item_list.scss
View file

@ -2,18 +2,17 @@
@use "../utils/variables"; @use "../utils/variables";
.ds4-item-list { .ds4-item-list {
@include mixins.mark-invalid-or-disabled-input;
$row-height: 1.75em; $row-height: 1.75em;
align-items: center;
display: grid; display: grid;
grid-column-gap: 0.5em; grid-column-gap: 0.5em;
grid-row-gap: 0.2em; grid-row-gap: 0.2em;
align-items: center;
margin: 0.5em 0; margin: 0.5em 0;
padding: 0;
overflow-y: auto; overflow-y: auto;
padding: 0;
@include mixins.mark-invalid-or-disabled-input;
&--weapon { &--weapon {
grid-template-columns: $row-height $row-height 3ch 3fr $row-height 1fr 3ch 5fr 4ch; grid-template-columns: $row-height $row-height 3ch 3fr $row-height 1fr 3ch 5fr 4ch;
@ -57,10 +56,17 @@
} }
} }
&__image {
background-position: center;
background-repeat: no-repeat;
background-size: 100%;
}
&__editable { &__editable {
background-color: transparent;
border: 0; border: 0;
padding: 0; padding: 0;
background-color: transparent;
&--checkbox { &--checkbox {
width: 100%; width: 100%;
height: 100%; height: 100%;
@ -68,31 +74,27 @@
} }
} }
&__image {
background-repeat: no-repeat;
background-size: 100%;
background-position: center;
}
&__description { &__description {
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
:not(:first-child) { :not(:first-child) {
display: none; display: none;
} }
> * { > * {
font-size: 0.75em; font-size: 0.75em;
text-overflow: ellipsis;
overflow: hidden;
margin: 0; margin: 0;
overflow: hidden;
text-overflow: ellipsis;
} }
} }
} }
.ds4-item-list-title { .ds4-item-list-title {
margin-top: 1em;
margin-bottom: 0;
padding-left: 1em;
border-bottom: variables.$border-groove; border-bottom: variables.$border-groove;
font-weight: bold; font-weight: bold;
margin-bottom: 0;
margin-top: 1em;
padding-left: 1em;
} }

7
src/scss/components/_talent_rank_equation.scss
View file

@ -1,11 +1,12 @@
.ds4-talent-rank-equation { .ds4-talent-rank-equation {
display: flex; display: flex;
gap: 0.5em; gap: 0.5em;
&__value { &__value {
height: auto;
border: 0;
padding: 0;
background-color: transparent; background-color: transparent;
border: 0;
height: auto;
padding: 0;
text-align: center; text-align: center;
} }
} }