eightball/PluralKit
1
0
Fork 0
mirror of https://github.com/PluralKit/PluralKit.git synced 2026-02-14 01:30:13 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Style changes

Browse source
This commit is contained in:
Ske 2020-06-12 12:47:44 +02:00
parent 6b6cce486d
commit ead1ae4e7c
5 changed files with 57 additions and 105 deletions
Download patch file Download diff file Expand all files Collapse all files

43
docs/content/.vuepress/components/Arg.vue
View file

@ -1,61 +1,34 @@
<template>
<div class="command-argument-parent">
<div class="command-argument">
<slot />
</div>
<div v-if="false" class="argument-details">
{{ name }}
<span v-if="optional !== undefined">(optional)</span>
</div>
</div>
<span class="command-argument"><slot/></span>
</template>
<style lang="stylus">
.command-argument-parent {
display: inline-flex;
flex-direction: column;
text-align: center;
}
.command-argument {
display: inline-block;
font-size: $exampleFontSize;
font-family: $exampleFontFamily;
border-bottom: 1px solid darken($exampleArgColor, 15%);
color: $exampleTextColor;
padding: 0 0.5rem;
background-color: $exampleArgColor;
border-radius: 4px;
line-height: 1.7;
}
.custom-block.tip .command-argument {
background-color: $exampleArgColorInTip;
}
.command-example .command-argument {
background-color: $exampleArgColorInExample;
}
.custom-block.tip .command-example .command-argument {
background-color: $exampleArgColorInBoth;
}
.argument-details {
font-size: 0.75em;
font-style: italic;
}
.arg-input {
/*font-size: 0.9rem;*/
color: $exampleTextColor;
background-color: transparent;
text-align: center;
border: none;
}
</style>
<script>