Changeset View
Changeset View
Standalone View
Standalone View
src/resources/themes/meet.scss
Show First 20 Lines • Show All 273 Lines • ▼ Show 20 Lines | .nickname { | ||||
font-size: 80%; | font-size: 80%; | ||||
color: $secondary; | color: $secondary; | ||||
text-align: right; | text-align: right; | ||||
} | } | ||||
// TODO: mobile mode | // TODO: mobile mode | ||||
} | } | ||||
#meet-queue { | |||||
display: none; | |||||
width: 150px; | |||||
.head { | |||||
text-align: center; | |||||
font-size: 1.75em; | |||||
background: $menu-bg-color; | |||||
} | |||||
.dropdown { | |||||
margin: 0.2em; | |||||
display: flex; | |||||
position: relative; | |||||
transition: top 10s ease; | |||||
top: 15em; | |||||
.meet-nickname { | |||||
width: 100%; | |||||
} | |||||
&.widdle { | |||||
top: 0; | |||||
animation-name: wiggle; | |||||
animation-duration: 1s; | |||||
animation-timing-function: ease-in-out; | |||||
animation-iteration-count: 8; | |||||
} | |||||
} | |||||
} | |||||
@keyframes wiggle { | |||||
0% { transform: rotate(0deg); } | |||||
25% { transform: rotate(10deg); } | |||||
50% { transform: rotate(0deg); } | |||||
75% { transform: rotate(-10deg); } | |||||
100% { transform: rotate(0deg); } | |||||
} | |||||
.media-setup-form { | .media-setup-form { | ||||
.input-group svg { | .input-group svg { | ||||
width: 1em; | width: 1em; | ||||
} | } | ||||
} | } | ||||
.media-setup-preview { | .media-setup-preview { | ||||
display: flex; | display: flex; | ||||
▲ Show 20 Lines • Show All 52 Lines • Show Last 20 Lines |