1 @mixin disable-default-a-behaviour {
3 text-decoration: none !important;
4 outline: none !important;
8 @mixin peertube-input-text($width) {
10 height: $button-height;
13 border: 1px solid #C6C6C6;
22 @mixin orange-button {
24 background-color: $orange-color;
26 &:hover, &:active, &:focus, &[disabled], &.disabled {
28 background-color: $orange-hoover-color;
31 &[disabled], &.disabled {
37 background-color: $grey-color;
40 &:hover, &:active, &:focus, &[disabled], &.disabled {
42 background-color: $grey-hoover-color;
45 &[disabled], &.disabled {
50 @mixin peertube-button {
52 font-weight: $font-semibold;
54 height: $button-height;
55 line-height: $button-height;
58 padding: 0 17px 0 13px;
62 @mixin peertube-button-link {
63 display: inline-block;
65 @include disable-default-a-behaviour;
66 @include peertube-button;
69 @mixin avatar ($size) {
75 display: inline-block;
76 background-repeat: no-repeat;
77 background-size: contain;
80 vertical-align: middle;
85 @mixin peertube-select ($width) {
86 background-color: #fff;
87 border: 1px solid #C6C6C6;
88 height: $button-height;