From e50aa6eeca3b09c87ba9fed1bfd4d1cae7aa087a Mon Sep 17 00:00:00 2001 From: pancakes Date: Mon, 11 Nov 2024 12:32:45 +1000 Subject: [PATCH] [frontend] Fix CSS formatting --- .../Components/MfmText.razor.css | 144 +++++++++--------- 1 file changed, 72 insertions(+), 72 deletions(-) diff --git a/Iceshrimp.Frontend/Components/MfmText.razor.css b/Iceshrimp.Frontend/Components/MfmText.razor.css index 092d89c4..7d19094c 100644 --- a/Iceshrimp.Frontend/Components/MfmText.razor.css +++ b/Iceshrimp.Frontend/Components/MfmText.razor.css @@ -148,226 +148,226 @@ @keyframes fn-jelly { 0% { - transform: scaleZ(1) + transform: scaleZ(1); } 30% { - transform: scale3d(1.25, .75, 1) + transform: scale3d(1.25, .75, 1); } 40% { - transform: scale3d(.75, 1.25, 1) + transform: scale3d(.75, 1.25, 1); } 50% { - transform: scale3d(1.15, .85, 1) + transform: scale3d(1.15, .85, 1); } 65% { - transform: scale3d(.95, 1.05, 1) + transform: scale3d(.95, 1.05, 1); } 75% { - transform: scale3d(1.05, .95, 1) + transform: scale3d(1.05, .95, 1); } to { - transform: scaleZ(1) + transform: scaleZ(1); } } @keyframes fn-tada { 0% { - transform: scaleZ(1) + transform: scaleZ(1); } 10%, 20% { - transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg) + transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg) + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { - transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg) + transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { - transform: scaleZ(1) + transform: scaleZ(1); } } @keyframes fn-jump { 0% { - transform:translateY(0) + transform: translateY(0); } 25% { - transform:translateY(-16px) + transform: translateY(-16px); } 50% { - transform:translateY(0) + transform: translateY(0); } 75% { - transform:translateY(-8px) + transform: translateY(-8px); } to { - transform:translateY(0) + transform: translateY(0); } } @keyframes fn-bounce { 0% { - transform: translateY(0) scale(1) + transform: translateY(0) scale(1); } 25% { - transform: translateY(-16px) scale(1) + transform: translateY(-16px) scale(1); } 50% { - transform: translateY(0) scale(1) + transform: translateY(0) scale(1); } 75% { - transform: translateY(0) scale(1.5, .75) + transform: translateY(0) scale(1.5, .75); } to { - transform: translateY(0) scale(1) + transform: translateY(0) scale(1); } } @keyframes fn-shake { 0% { - transform: translate(-3px, -1px) rotate(-8deg) + transform: translate(-3px, -1px) rotate(-8deg); } 5% { - transform: translateY(-1px) rotate(-10deg) + transform: translateY(-1px) rotate(-10deg); } 10% { - transform: translate(1px, -3px) rotate(0) + transform: translate(1px, -3px) rotate(0); } 15% { - transform: translate(1px, 1px) rotate(11deg) + transform: translate(1px, 1px) rotate(11deg); } 20% { - transform: translate(-2px, 1px) rotate(1deg) + transform: translate(-2px, 1px) rotate(1deg); } 25% { - transform: translate(-1px, -2px) rotate(-2deg) + transform: translate(-1px, -2px) rotate(-2deg); } 30% { - transform: translate(-1px, 2px) rotate(-3deg) + transform: translate(-1px, 2px) rotate(-3deg); } 35% { - transform: translate(2px, 1px) rotate(6deg) + transform: translate(2px, 1px) rotate(6deg); } 40% { - transform: translate(-2px, -3px) rotate(-9deg) + transform: translate(-2px, -3px) rotate(-9deg); } 45% { - transform: translateY(-1px) rotate(-12deg) + transform: translateY(-1px) rotate(-12deg); } 50% { - transform: translate(1px, 2px) rotate(10deg) + transform: translate(1px, 2px) rotate(10deg); } 55% { - transform: translateY(-3px) rotate(8deg) + transform: translateY(-3px) rotate(8deg); } 60% { - transform: translate(1px, -1px) rotate(8deg) + transform: translate(1px, -1px) rotate(8deg); } 65% { - transform: translateY(-1px) rotate(-7deg) + transform: translateY(-1px) rotate(-7deg); } 70% { - transform: translate(-1px, -3px) rotate(6deg) + transform: translate(-1px, -3px) rotate(6deg); } 75% { - transform: translateY(-2px) rotate(4deg) + transform: translateY(-2px) rotate(4deg); } 80% { - transform: translate(-2px, -1px) rotate(3deg) + transform: translate(-2px, -1px) rotate(3deg); } 85% { - transform: translate(1px, -3px) rotate(-10deg) + transform: translate(1px, -3px) rotate(-10deg); } 90% { - transform: translate(1px) rotate(3deg) + transform: translate(1px) rotate(3deg); } 95% { - transform: translate(-2px) rotate(-3deg) + transform: translate(-2px) rotate(-3deg); } to { - transform: translate(2px, 1px) rotate(2deg) + transform: translate(2px, 1px) rotate(2deg); } } @keyframes fn-twitch { 0% { - transform: translate(7px, -2px) + transform: translate(7px, -2px); } 5% { - transform: translate(-3px, 1px) + transform: translate(-3px, 1px); } 10% { - transform: translate(-7px, -1px) + transform: translate(-7px, -1px); } 15% { - transform: translateY(-1px) + transform: translateY(-1px); } 20% { - transform: translate(-8px, 6px) + transform: translate(-8px, 6px); } 25% { - transform: translate(-4px, -3px) + transform: translate(-4px, -3px); } 30% { - transform: translate(-4px, -6px) + transform: translate(-4px, -6px); } 35% { - transform: translate(-8px, -8px) + transform: translate(-8px, -8px); } 40% { - transform: translate(4px, 6px) + transform: translate(4px, 6px); } 45% { - transform: translate(-3px, 1px) + transform: translate(-3px, 1px); } 50% { - transform: translate(2px, -10px) + transform: translate(2px, -10px); } 55% { - transform: translate(-7px) + transform: translate(-7px); } 60% { - transform: translate(-2px, 4px) + transform: translate(-2px, 4px); } 65% { - transform: translate(3px, -8px) + transform: translate(3px, -8px); } 70% { - transform: translate(6px, 7px) + transform: translate(6px, 7px); } 75% { - transform: translate(-7px, -2px) + transform: translate(-7px, -2px); } 80% { - transform: translate(-7px, -8px) + transform: translate(-7px, -8px); } 85% { - transform: translate(9px, 3px) + transform: translate(9px, 3px); } 90% { - transform: translate(-3px, -2px) + transform: translate(-3px, -2px); } 95% { - transform: translate(-10px, 2px) + transform: translate(-10px, 2px); } to { - transform: translate(-2px, -6px) + transform: translate(-2px, -6px); } } @keyframes fn-rainbow { 0% { - filter: hue-rotate(0deg) contrast(150%) saturate(150%) + filter: hue-rotate(0deg) contrast(150%) saturate(150%); } to { - filter: hue-rotate(360deg) contrast(150%) saturate(150%) + filter: hue-rotate(360deg) contrast(150%) saturate(150%); } } @@ -383,28 +383,28 @@ @keyframes fn-spin { 0% { - transform: rotate(0) + transform: rotate(0); } to { - transform: rotate(360deg) + transform: rotate(360deg); } } @keyframes fn-spin-x { 0% { - transform: perspective(128px) rotateX(0) + transform: perspective(128px) rotateX(0); } to { - transform: perspective(128px) rotateX(360deg) + transform: perspective(128px) rotateX(360deg); } } @keyframes fn-spin-y { 0% { - transform: perspective(128px) rotateY(0) + transform: perspective(128px) rotateY(0); } to { - transform: perspective(128px) rotateY(360deg) + transform: perspective(128px) rotateY(360deg); } }