This repository has been archived on 2024-07-22. You can view files and clone it, but cannot push or open issues or pull requests.
Zaimki/components/UkraineBanner.vue

32 lines
678 B
Vue
Raw Normal View History

2022-05-07 05:26:59 -07:00
<template>
<div class="ukraine-banner p-2 border rounded">
<strong><T>ukraine.header</T></strong>
<br class="d-md-none"/>
<T>ukraine.link</T>
</div>
</template>
<style lang="scss">
@import "assets/variables";
2022-05-07 13:16:44 -07:00
$ukraine-blue: #025abc;
$ukraine-golden: #fed602;
2022-05-07 05:26:59 -07:00
.ukraine-banner {
2022-05-07 13:16:44 -07:00
background-color: $ukraine-blue;
background: linear-gradient(90deg, $ukraine-blue 40%, $ukraine-golden 60%);
color: $white;
text-shadow: 2px 2px 2px rgba($black, .5);
2022-05-07 05:26:59 -07:00
a {
color: $white;
text-decoration: underline;
}
}
2022-05-07 13:16:44 -07:00
body[data-theme="dark"] .ukraine-banner a {
color: $white;
text-decoration: underline;
}
2022-05-07 05:26:59 -07:00
</style>