boussole-pluss/frontend/components/Loader.vue

30 lines
523 B
Vue
Raw Permalink Normal View History

2022-10-07 14:15:53 +00:00
<template>
<div class="lds-dual-ring"></div>
</template>
<style lang="scss" scoped>
@import "assets/css/spacing";
@import "assets/css/color";
.lds-dual-ring:after {
content: " ";
display: block;
width: 64px;
height: 64px;
margin: 8px;
border-radius: 50%;
border: 6px solid;
border-color: #8BCDCD transparent #8BCDCD transparent;
animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
</style>