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.
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>
|