3 @mixin disable-default-a-behaviour {
4 &:hover, &:focus, &:active {
5 text-decoration: none !important;
6 outline: none !important;
10 @mixin peertube-input-text($width) {
11 display: inline-block;
12 height: $button-height;
15 border: 1px solid #C6C6C6;
25 @mixin orange-button {
27 background-color: $orange-color;
29 &:hover, &:active, &:focus {
31 background-color: $orange-hoover-color;
34 &[disabled], &.disabled {
37 background-color: #C6C6C6;
42 background-color: $grey-color;
45 &:hover, &:active, &:focus, &[disabled], &.disabled {
47 background-color: $grey-hoover-color;
50 &[disabled], &.disabled {
55 @mixin peertube-button {
57 font-weight: $font-semibold;
59 height: $button-height;
60 line-height: $button-height;
63 padding: 0 17px 0 13px;
68 @mixin peertube-button-link {
69 display: inline-block;
71 @include disable-default-a-behaviour;
72 @include peertube-button;
75 @mixin avatar ($size) {
81 display: inline-block;
82 background-repeat: no-repeat;
83 background-size: contain;
86 vertical-align: middle;
91 @mixin peertube-select ($width) {
92 background-color: #fff;
93 border: 1px solid #C6C6C6;
94 height: $button-height;