diff options
| author | tusooa <tusooa@kazv.moe> | 2023-02-09 21:35:56 -0500 |
|---|---|---|
| committer | tusooa <tusooa@kazv.moe> | 2023-02-09 21:35:56 -0500 |
| commit | 902954b29825647eaf5435c89e379ef4babe7931 (patch) | |
| tree | b10d79b20bede7d2e679ef80b3a2d68896f9762c /src/components/screen_reader_notice/screen_reader_notice.vue | |
| parent | 6158b8667e6c76c5a5a09b480b82d6f04b8e4885 (diff) | |
Use class to style screenreader-only text
Diffstat (limited to 'src/components/screen_reader_notice/screen_reader_notice.vue')
| -rw-r--r-- | src/components/screen_reader_notice/screen_reader_notice.vue | 10 |
1 files changed, 1 insertions, 9 deletions
diff --git a/src/components/screen_reader_notice/screen_reader_notice.vue b/src/components/screen_reader_notice/screen_reader_notice.vue index 1cd908ae..8384ae6b 100644 --- a/src/components/screen_reader_notice/screen_reader_notice.vue +++ b/src/components/screen_reader_notice/screen_reader_notice.vue @@ -1,6 +1,6 @@ <template> <div - class="screen-reader-text" + class="visible-for-screenreader-only" :aria-live="ariaLive" > {{ currentText }} @@ -8,11 +8,3 @@ </template> <script src="./screen_reader_notice.js"></script> - -<style lang="scss"> -@import "../../mixins"; - -.screen-reader-text { - @include visible-for-screenreader-only; -} -</style> |