+
+@mixin ellipsis {
+ white-space: nowrap;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+@mixin ellipsis-multiline($font-size: 16px, $number-of-lines: 2) {
+ display: block;
+ /* Fallback for non-webkit */
+ display: -webkit-box;
+ max-height: $font-size * $number-of-lines;
+ /* Fallback for non-webkit */
+ font-size: $font-size;
+ line-height: $font-size;
+ overflow: hidden;
+ text-overflow: ellipsis;
+}
+
+@mixin prefix($property, $parameters...) {
+ @each $prefix in -webkit-, -moz-, -ms-, -o-, "" {
+ #{$prefix}#{$property}: $parameters;
+ }
+}
+
+@mixin peertube-word-wrap {
+ word-break: normal;
+ word-wrap: break-word;
+ overflow-wrap: break-word;
+ -webkit-hyphens: auto;
+ -ms-hyphens: auto;
+ -moz-hyphens: auto;
+ hyphens: auto;
+}
+
+@mixin apply-svg-color ($color) {
+ /deep/ svg {
+ path[fill="#000000"],
+ g[fill="#000000"],
+ rect[fill="#000000"],
+ circle[fill="#000000"],
+ polygon[fill="#000000"] {
+ fill: $color;
+ }
+
+ path[stroke="#000000"],
+ g[stroke="#000000"],
+ rect[stroke="#000000"],
+ circle[stroke="#000000"],
+ polygon[stroke="#000000"] {
+ stroke: $color;
+ }
+
+ stop[stop-color="#000000"] {
+ stop-color: $color;
+ }
+ }
+}
+