chore: cleanup class usage
continuous-integration/drone/pr Build encountered an error Details

This commit is contained in:
kolaente 2021-11-28 12:19:07 +01:00
parent dc64e9c3ba
commit 44deedd0e5
Signed by: konrad
GPG Key ID: F40E70337AB24C9B
1 changed files with 18 additions and 18 deletions

View File

@ -1,5 +1,5 @@
<template>
<div class="message" :class="[is]">
<div class="message" :class="is">
<slot/>
</div>
</template>
@ -17,25 +17,25 @@ const props = defineProps({
.message {
padding: .75rem 1rem;
border-radius: $radius;
}
&, &.info {
border: 1px solid var(--primary);
background: hsla(var(--primary-hsl), .05);
}
.info {
border: 1px solid var(--primary);
background: hsla(var(--primary-hsl), .05);
}
&.danger {
border: 1px solid var(--danger);
background: hsla(var(--danger-h), var(--danger-s), var(--danger-l), .05);
}
&.warning {
border: 1px solid var(--warning);
background: hsla(var(--warning-h), var(--warning-s), var(--warning-l), .05);
}
.danger {
border: 1px solid var(--danger);
background: hsla(var(--danger-h), var(--danger-s), var(--danger-l), .05);
}
&.success {
border: 1px solid var(--success);
background: hsla(var(--success-h), var(--success-s), var(--success-l), .05);
}
.warning {
border: 1px solid var(--warning);
background: hsla(var(--warning-h), var(--warning-s), var(--warning-l), .05);
}
.success {
border: 1px solid var(--success);
background: hsla(var(--success-h), var(--success-s), var(--success-l), .05);
}
</style>