Students
/
ITRadio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

анимация эфира

This commit is contained in:
Norbaev 2024-07-01 15:39:02 +05:00
parent 338a68d792
commit de29d7283e
2 changed files with 54 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
client/src/assets/css/module/player.scss
View File

@ -74,6 +74,7 @@
&:after { &:after {
content: ''; content: '';
animation: blink 1s infinite;
position: absolute; position: absolute;
border-radius: 50%; border-radius: 50%;
left: 40px; left: 40px;
@ -223,3 +224,12 @@
} }
} }
} }
@keyframes blink {
from {
opacity: 1;
}
to {
opacity: 0;
}
}

80
client/src/assets/css/setting.scss
View File

@ -4,42 +4,50 @@ $document-width-m: 1024px;
$document-width-s: 730px; $document-width-s: 730px;
$document-width-xs: 640px; $document-width-xs: 640px;
$document-width-xxs: 480px; $document-width-xxs: 480px;
$color-primary: #5E5BFC; $color-primary: #5e5bfc;
$color-white: #FFFFFF; $color-white: #ffffff;
$color-white-opacity: #BBB9CA; $color-white-opacity: #bbb9ca;
:root { :root {
--color-black: #232323; --color-black: #232323;
--color-white: $color-white; --color-white: $color-white;
--color-white-darker: #E7E7E7; --color-white-darker: #e7e7e7;
--color-white-opacity: $color-white-opacity; --color-white-opacity: $color-white-opacity;
--bg-wrapper-modal: #000000E5; --bg-wrapper-modal: #000000e5;
--color-primary: $color-primary; --color-primary: $color-primary;
--color-black-cc: #000000CC; --color-black-cc: #000000cc;
--color-emmit: #E81717; --color-emmit: #e81717;
--bg-opacity: #74767D; --bg-opacity: #74767d;
--base-fz: 18px; --base-fz: 18px;
--base-lh: 1.3; --base-lh: 1.3;
--font-family-base: 'Manrope', 'Tahoma', sans-serif; --font-family-base: 'Manrope', 'Tahoma', sans-serif;
--linear-gradient-highlight: linear-gradient(259.3deg, #5E5BFC 0.44%, #871DF0 97.88%); --linear-gradient-highlight: linear-gradient(
--linear-gradient: linear-gradient(91.17deg, #C6F1F7 -4.01%, #F983E9 36.14%, #B877FF 77.44%, #C2E9CD 106.11%); 259.3deg,
--container: $document-width-xl; #5e5bfc 0.44%,
--space-between-block: calc(var(--base-fz) * 2.25); #871df0 97.88%
--space-between-sections: calc(var(--base-fz) * 7); );
--base-content-size: calc(100vh - 140px); --linear-gradient: linear-gradient(
91.17deg,
#c6f1f7 -4.01%,
#f983e9 36.14%,
#b877ff 77.44%,
#c2e9cd 106.11%
);
--container: $document-width-xl;
--space-between-block: calc(var(--base-fz) * 2.25);
--space-between-sections: calc(var(--base-fz) * 7);
--base-content-size: calc(100vh - 140px);
@media (max-width: $document-width-xl) { @media (max-width: $document-width-xl) {
--container: $document-width-l; --container: $document-width-l;
}
} @media (max-width: $document-width-l) {
@media (max-width: $document-width-l) { --container: $document-width-m;
--container: $document-width-m; }
} @media (max-width: $document-width-m) {
@media (max-width: $document-width-m) { --container: $document-width-s;
--container: $document-width-s; --space-between-sections: calc(var(--base-fz) * 2.7);
--space-between-sections: calc(var(--base-fz) * 2.7); }
} @media (max-width: $document-width-s) {
@media (max-width: $document-width-s) { --container: $document-width-xs;
--container: $document-width-xs; }
}
} }