From 99f1d087866c708dce64c1660110d41baecb6127 Mon Sep 17 00:00:00 2001 From: Anders Kaseorg Date: Thu, 16 Feb 2023 02:14:13 -0800 Subject: [PATCH] styles: Hoist @keyframes to top level. MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit This has always been in the global namespace. Pretending that it’s scoped when it isn’t and giving it a short name will lead to confusion. Signed-off-by: Anders Kaseorg --- static/styles/compose.css | 22 +++++++++++----------- 1 file changed, 11 insertions(+), 11 deletions(-) diff --git a/static/styles/compose.css b/static/styles/compose.css index 202e3433dc..42d495b526 100644 --- a/static/styles/compose.css +++ b/static/styles/compose.css @@ -450,6 +450,16 @@ flex: 1; } +@keyframes message-limit-flash { + 0% { + box-shadow: none; + } + + 100% { + box-shadow: 0 0 0 1pt hsl(0, 76%, 65%); + } +} + textarea.new_message_textarea { display: table-cell; width: calc(100% - 12px); @@ -463,22 +473,12 @@ textarea.new_message_textarea { color: hsl(0, 0%, 33%); background-color: hsl(0, 0%, 100%); - @keyframes flash { - 0% { - box-shadow: none; - } - - 100% { - box-shadow: 0 0 0 1pt hsl(0, 76%, 65%); - } - } - &.over_limit, &.over_limit:focus { box-shadow: 0 0 0 1pt hsl(0, 76%, 65%); &.flash { - animation: flash 0.5s ease-in-out infinite; + animation: message-limit-flash 0.5s ease-in-out infinite; } }