diff options
Diffstat (limited to 'src/components/contrast_ratio/contrast_ratio.vue')
| -rw-r--r-- | src/components/contrast_ratio/contrast_ratio.vue | 52 |
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> |