}
@mixin disable-outline {
- outline: none;
+ &:focus:not(.focus-visible) {
+ outline: none;
+ }
&::-moz-focus-inner {
border: 0;
-ms-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
- text-align: justify;
}
@mixin peertube-input-text($width) {
&::placeholder {
color: var(--inputPlaceholderColor);
}
+
+ @media screen and (max-width: $width) {
+ width: 100%;
+ }
}
@mixin peertube-input-group($width) {
cursor: pointer;
height: $button-height;
text-overflow: ellipsis;
+ color: var(--mainForegroundColor);
&:focus {
outline: none;
height: 12px;
opacity: 0;
transform: rotate(45deg) scale(0);
- border-right: 2px solid var(--mainForegroundColor);
- border-bottom: 2px solid var(--mainForegroundColor);
+ border-right: 2px solid var(--mainBackgroundColor);
+ border-bottom: 2px solid var(--mainBackgroundColor);
}
}