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
|
|
|
}
|
|
|
|
|
|
|
|
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-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
|
|
|
&[iconName=search] {
|
2021-03-31 08:59:52 +02:00
|
|
|
color: pvar(--mainForegroundColor);
|
2021-03-26 13:20:37 +01:00
|
|
|
}
|
2021-01-19 13:43:33 +01:00
|
|
|
|
2021-03-26 13:20:37 +01:00
|
|
|
&[iconName=cross] {
|
|
|
|
color: pvar(--mainForegroundColor);
|
2021-01-19 13:43:33 +01:00
|
|
|
}
|
|
|
|
}
|
2021-03-26 13:20:37 +01:00
|
|
|
|
|
|
|
input {
|
|
|
|
@include peertube-input-text(200px);
|
|
|
|
}
|