update icons for mute and unmute

This commit is contained in:
imohkay 2021-10-26 15:56:07 +05:30
commit eab1b1b4f2
15 changed files with 120 additions and 26 deletions

View file

@ -51,13 +51,13 @@
}
}
.about-phantasma-block {
//.about-phantasma-block {
@media screen and (min-width: 800px) {
background: rgba(255, 255, 255, 0.04);
padding: var(--spacing-2);
}
}
//@media screen and (min-width: 800px) {
//background: rgba(255, 255, 255, 0.04);
//padding: var(--spacing-2);
//}
//}
.accordion-checkbox {
position: absolute;

View file

@ -56,8 +56,8 @@
max-width: var(--container-width);
margin: auto;
padding: 20px 20px;
font-size: 22px;
line-height: 26px;
font-size: 20px;
line-height: 24px;
figure {
width: 100%;
@ -70,4 +70,27 @@
}
}
}
.annotation-icon-wrapper {
border: 3px solid rgba(#fff, 0.8);
border-radius: 50%;
background: linear-gradient(to right, var(--bg-color-1), var(--bg-color-2) , var(--bg-color-3), var(--bg-color-4));
background-size: 300% 100%;
width: 52px;
height: 52px;
display: flex;
align-items: center;
justify-content: center;
animation: background_animation 30s ease-in-out infinite;
opacity: 0.9;
&:hover, &:focus {
opacity: 1;
}
}
.annotation-icon {
color: rgba(#fff, 1);
font-size: 38px;
}
}

View file

@ -186,4 +186,4 @@ main > .film {
video.player.fullscreen:-webkit-full-screen {
width: 100%;
height: 100%;
}
}

View file

@ -1,9 +1,9 @@
@font-face {
font-family: 'icomoon';
src:
url('/static/fonts/icomoon/icomoon.ttf?ru5m2') format('truetype'),
url('/static/fonts/icomoon/fonts/icomoon.woff?ru5m2') format('woff'),
url('/static/fonts/icomoon/icomoon.svg?ru5m2#icomoon') format('svg');
url('/static/fonts/icomoon/icomoon.ttf?5ydswh') format('truetype'),
url('/static/fonts/icomoon/fonts/icomoon.woff?5ydswh') format('woff'),
url('/static/fonts/icomoon/icomoon.svg?5ydswh#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
@ -36,3 +36,12 @@
.f-icon-triangle-down:before {
content: "\e903";
}
.f-icon-volume_down:before {
content: "\e906";
}
.f-icon-volume_up:before {
content: "\e905";
}
.f-icon-volume_off:before {
content: "\e904";
}

View file

@ -62,6 +62,8 @@ em {
}
main > .texts {
max-width: var(--container-width);
padding: var(--spacing-2);
box-sizing: border-box;
a {
@ -70,7 +72,7 @@ main > .texts {
}
.text {
margin: var(--spacing);
margin: 0 0 var(--spacing-2) 0;
h1 {
font-weight: bold;
font-size: 20px;