DebaucheryLibrarian/traxxx
2
1
Fork 1
Code Issues 39 Pull Requests 1 Releases Wiki Activity

Removed all old SASS color variables.

Browse Source
This commit is contained in:
ThePendulum
2020-07-05 04:27:46 +02:00
parent f4ef2d4cc2
commit e4144409f0
12 changed files with 90 additions and 126 deletions
Download Patch File Download Diff File Expand all files Collapse all files

38
assets/components/actors/gender.vue
View File

@@ -1,19 +1,19 @@
<template>
<span
v-if="gender"
class="gender"
:class="{ [gender]: true }"
><Icon :icon="gender" /></span>
<span
v-if="gender"
class="gender"
:class="{ [gender]: true }"
><Icon :icon="gender" /></span>
</template>
<script>
export default {
props: {
gender: {
type: String,
default: null,
},
},
props: {
gender: {
type: String,
default: null,
},
},
};
</script>
@@ -22,20 +22,20 @@ export default {
.gender {
&.female .icon {
fill: $female;
filter: drop-shadow(0 0 1px $shadow);
fill: var(--female);
filter: drop-shadow(0 0 1px var(--shadow));
}
&.male .icon {
fill: $male;
filter: drop-shadow(0 0 1px $shadow);
fill: var(--male);
filter: drop-shadow(0 0 1px var(--shadow));
}
&.transsexual .icon {
fill: $text-contrast;
filter: drop-shadow(1px 0 0 $female) drop-shadow(-1px 0 0 $female) drop-shadow(0 1px 0 $female) drop-shadow(0 -1px 0 $female)
drop-shadow(1px 0 0 $male) drop-shadow(-1px 0 0 $male) drop-shadow(0 1px 0 $male) drop-shadow(0 -1px 0 $male)
drop-shadow(0 0 1px $shadow)
fill: var(--text-contrast);
filter: drop-shadow(1px 0 0 var(--female)) drop-shadow(-1px 0 0 var(--female)) drop-shadow(0 1px 0 var(--female)) drop-shadow(0 -1px 0 var(--female))
drop-shadow(1px 0 0 var(--male)) drop-shadow(-1px 0 0 var(--male)) drop-shadow(0 1px 0 var(--male)) drop-shadow(0 -1px 0 var(--male))
drop-shadow(0 0 1px var(--shadow))
}
}
</style>