2021-05-27 18:25:00 +02:00
|
|
|
@use '_variables' as *;
|
|
|
|
|
@use '_mixins' as *;
|
2021-01-19 13:43:33 +01:00
|
|
|
|
2021-03-26 13:20:37 +01:00
|
|
|
.root {
|
|
|
|
|
display: flex;
|
2021-01-19 13:43:33 +01:00
|
|
|
}
|
|
|
|
|
|
2022-06-13 10:14:03 +02:00
|
|
|
.root > my-global-icon {
|
2021-06-07 17:38:31 +02:00
|
|
|
@include margin-left(10px);
|
|
|
|
|
|
2021-03-26 15:53:18 +01:00
|
|
|
height: 28px;
|
|
|
|
|
width: 28px;
|
2021-03-26 13:20:37 +01:00
|
|
|
cursor: pointer;
|
2021-08-19 09:24:29 +02:00
|
|
|
color: pvar(--mainColor);
|
2021-01-19 13:43:33 +01:00
|
|
|
|
2021-03-26 13:20:37 +01:00
|
|
|
&:hover {
|
|
|
|
|
color: pvar(--mainHoverColor);
|
|
|
|
|
}
|
2021-01-19 13:43:33 +01:00
|
|
|
}
|
2021-03-26 13:20:37 +01:00
|
|
|
|
|
|
|
|
input {
|
|
|
|
|
@include peertube-input-text(200px);
|
2021-08-19 09:24:29 +02:00
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
|
box-shadow: 0 0 5px 0 #a5a5a5;
|
|
|
|
|
}
|
2021-03-26 13:20:37 +01:00
|
|
|
}
|
2022-06-13 10:14:03 +02:00
|
|
|
|
|
|
|
|
.input-group > my-global-icon {
|
|
|
|
|
width: 20px;
|
|
|
|
|
}
|
