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] {
28 background-color: $orange-hoover-color;
33 background-color: $grey-color;
36 &:hover, &:active, &:focus, &[disabled] {
38 background-color: $grey-hoover-color;
42 @mixin peertube-button {
44 font-weight: $font-semibold;
46 height: $button-height;
47 line-height: $button-height;
50 padding: 0 17px 0 13px;
54 @mixin peertube-button-link {
55 display: inline-block;
57 @include disable-default-a-behaviour;
58 @include peertube-button;
61 @mixin avatar ($size) {
67 display: inline-block;
68 background-repeat: no-repeat;
69 background-size: contain;
72 vertical-align: middle;