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 {
content: '';
animation: blink 1s infinite;
position: absolute;
border-radius: 50%;
left: 40px;
@ -223,3 +224,12 @@
}
}
}
@keyframes blink {
from {
opacity: 1;
}
to {
opacity: 0;
}
}

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

@ -4,24 +4,34 @@ $document-width-m: 1024px;
$document-width-s: 730px;
$document-width-xs: 640px;
$document-width-xxs: 480px;
$color-primary: #5E5BFC;
$color-white: #FFFFFF;
$color-white-opacity: #BBB9CA;
$color-primary: #5e5bfc;
$color-white: #ffffff;
$color-white-opacity: #bbb9ca;
:root {
--color-black: #232323;
--color-white: $color-white;
--color-white-darker: #E7E7E7;
--color-white-darker: #e7e7e7;
--color-white-opacity: $color-white-opacity;
--bg-wrapper-modal: #000000E5;
--bg-wrapper-modal: #000000e5;
--color-primary: $color-primary;
--color-black-cc: #000000CC;
--color-emmit: #E81717;
--bg-opacity: #74767D;
--color-black-cc: #000000cc;
--color-emmit: #e81717;
--bg-opacity: #74767d;
--base-fz: 18px;
--base-lh: 1.3;
--font-family-base: 'Manrope', 'Tahoma', sans-serif;
--linear-gradient-highlight: linear-gradient(259.3deg, #5E5BFC 0.44%, #871DF0 97.88%);
--linear-gradient: linear-gradient(91.17deg, #C6F1F7 -4.01%, #F983E9 36.14%, #B877FF 77.44%, #C2E9CD 106.11%);
--linear-gradient-highlight: linear-gradient(
259.3deg,
#5e5bfc 0.44%,
#871df0 97.88%
);
--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);
@ -29,7 +39,6 @@ $color-white-opacity: #BBB9CA;
@media (max-width: $document-width-xl) {
--container: $document-width-l;
}
@media (max-width: $document-width-l) {
--container: $document-width-m;
@ -42,4 +51,3 @@ $color-white-opacity: #BBB9CA;
--container: $document-width-xs;
}
}