aboutsummaryrefslogtreecommitdiff
path: root/src/components/contrast_ratio/contrast_ratio.vue
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2019-04-10 21:48:42 +0300
committerHenry Jameson <me@hjkos.com>2019-04-10 21:48:42 +0300
commit262760d2586cac48da27cf7eb5389116d4023dfe (patch)
treea4c9393df0da43409fcce9b1b41b4611f33cccb6 /src/components/contrast_ratio/contrast_ratio.vue
parent6471bec0d962a13b272c2c55807492c86b859256 (diff)
revert unnecessary changes
Diffstat (limited to 'src/components/contrast_ratio/contrast_ratio.vue')
-rw-r--r--src/components/contrast_ratio/contrast_ratio.vue52
1 files changed, 21 insertions, 31 deletions
diff --git a/src/components/contrast_ratio/contrast_ratio.vue b/src/components/contrast_ratio/contrast_ratio.vue
index 15a450a2..bd971d00 100644
--- a/src/components/contrast_ratio/contrast_ratio.vue
+++ b/src/components/contrast_ratio/contrast_ratio.vue
@@ -1,38 +1,28 @@
<template>
- <span
- v-if="contrast"
- class="contrast-ratio"
- >
- <span
- :title="hint"
- class="rating"
- >
- <span v-if="contrast.aaa">
- <i class="icon-thumbs-up-alt" />
- </span>
- <span v-if="!contrast.aaa && contrast.aa">
- <i class="icon-adjust" />
- </span>
- <span v-if="!contrast.aaa && !contrast.aa">
- <i class="icon-attention" />
- </span>
+<span v-if="contrast" class="contrast-ratio">
+ <span :title="hint" class="rating">
+ <span v-if="contrast.aaa">
+ <i class="icon-thumbs-up-alt"/>
</span>
- <span
- v-if="contrast && large"
- class="rating"
- :title="hint_18pt"
- >
- <span v-if="contrast.laaa">
- <i class="icon-thumbs-up-alt" />
- </span>
- <span v-if="!contrast.laaa && contrast.laa">
- <i class="icon-adjust" />
- </span>
- <span v-if="!contrast.laaa && !contrast.laa">
- <i class="icon-attention" />
- </span>
+ <span v-if="!contrast.aaa && contrast.aa">
+ <i class="icon-adjust"/>
+ </span>
+ <span v-if="!contrast.aaa && !contrast.aa">
+ <i class="icon-attention"/>
+ </span>
+ </span>
+ <span class="rating" v-if="contrast && large" :title="hint_18pt">
+ <span v-if="contrast.laaa">
+ <i class="icon-thumbs-up-alt"/>
+ </span>
+ <span v-if="!contrast.laaa && contrast.laa">
+ <i class="icon-adjust"/>
+ </span>
+ <span v-if="!contrast.laaa && !contrast.laa">
+ <i class="icon-attention"/>
</span>
</span>
+</span>
</template>
<script>