max-height: $font-size * $number-of-lines;
/* Fallback for non-webkit */
font-size: $font-size;
- line-height: $font-size - 0.1;
- -webkit-line-clamp: $number-of-lines;
- -webkit-box-orient: vertical;
+ line-height: $font-size;
overflow: hidden;
text-overflow: ellipsis;
}
position: relative;
font-size: 15px;
+ @media screen and (max-width: $width) {
+ width: 100%;
+ }
+
&:after {
top: 50%;
right: calc(0% + 15px);
}
@mixin peertube-checkbox ($border-width) {
- display: none;
+ opacity: 0;
+ position: absolute;
+
+ &:focus + span {
+ outline: 1px solid #1e5180;
+ }
& + span {
position: relative;
@media screen and (max-width: 800px) {
flex-direction: column;
height: auto;
- text-align: center;
align-items: center;
}
}