chore: format styles

This commit is contained in:
三咲智子 2022-12-05 03:06:02 +08:00
parent 1ba5cc4072
commit 337d2a8b43
No known key found for this signature in database
GPG key ID: 69992F2250DFD93E
2 changed files with 16 additions and 11 deletions

View file

@ -38,7 +38,7 @@ body {
} }
.zen .zen-hide { .zen .zen-hide {
--at-apply: op0 hover:op100 transition duration-600; --at-apply: 'op0 hover:op100 transition duration-600';
} }
.custom-emoji { .custom-emoji {
@ -51,12 +51,12 @@ body {
.content-rich { .content-rich {
a { a {
--at-apply: text-primary hover:underline hover:text-primary-active; --at-apply: 'text-primary hover:underline hover:text-primary-active';
.invisible { .invisible {
--at-apply: hidden; --at-apply: 'hidden';
} }
.ellipsis { .ellipsis {
--at-apply: truncate overflow-hidden ws-nowrap; --at-apply: 'truncate overflow-hidden ws-nowrap';
&::after { &::after {
content: '…'; content: '…';
} }
@ -95,21 +95,26 @@ body {
} }
.skeleton-loading-bg { .skeleton-loading-bg {
background: linear-gradient(90deg,rgba(190,190,190,.2) 25%,rgba(129,129,129,.24) 37%,rgba(190,190,190,.2) 63%); background: linear-gradient(
90deg,
rgba(190, 190, 190, 0.2) 25%,
rgba(129, 129, 129, 0.24) 37%,
rgba(190, 190, 190, 0.2) 63%
);
background-size: 400% 100%; background-size: 400% 100%;
animation: skeleton-loading 1.4s ease infinite; animation: skeleton-loading 1.4s ease infinite;
} }
@keyframes skeleton-loading { @keyframes skeleton-loading {
0% { 0% {
background-position: 100% 50% background-position: 100% 50%;
} }
to { to {
background-position: 0 50% background-position: 0 50%;
} }
} }
html, body , #__nuxt{ html, body, #__nuxt {
height: 100vh; height: 100vh;
margin: 0; margin: 0;
padding: 0; padding: 0;

View file

@ -6,6 +6,6 @@
opacity: 0.4; opacity: 0.4;
} }
span[data-type="mention"] { span[data-type='mention'] {
--at-apply: text-primary --at-apply: text-primary;
} }