1 @mixin disable-default-a-behaviour {
2 &:hover, &:focus, &:active {
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 {
28 background-color: $orange-hoover-color;
31 &[disabled], &.disabled {
34 background-color: #C6C6C6;
39 background-color: $grey-color;
42 &:hover, &:active, &:focus, &[disabled], &.disabled {
44 background-color: $grey-hoover-color;
47 &[disabled], &.disabled {
52 @mixin peertube-button {
54 font-weight: $font-semibold;
56 height: $button-height;
57 line-height: $button-height;
60 padding: 0 17px 0 13px;
64 @mixin peertube-button-link {
65 display: inline-block;
67 @include disable-default-a-behaviour;
68 @include peertube-button;
71 @mixin avatar ($size) {
77 display: inline-block;
78 background-repeat: no-repeat;
79 background-size: contain;
82 vertical-align: middle;
87 @mixin peertube-select ($width) {
88 background-color: #fff;
89 border: 1px solid #C6C6C6;
90 height: $button-height;