@mixin disable-default-a-behaviour {
- &:hover, &:focus {
+ &:hover, &:focus, &:active {
text-decoration: none !important;
outline: none !important;
}
color: #fff;
background-color: $orange-color;
- &:hover, &:active, &:focus, &[disabled] {
+ &:hover, &:active, &:focus {
color: #fff;
background-color: $orange-hoover-color;
}
+
+ &[disabled], &.disabled {
+ cursor: default;
+ color: #fff;
+ background-color: #C6C6C6;
+ }
}
@mixin grey-button {
background-color: $grey-color;
color: #585858;
- &:hover, &:active, &:focus, &[disabled] {
+ &:hover, &:active, &:focus, &[disabled], &.disabled {
color: #585858;
background-color: $grey-hoover-color;
}
+
+ &[disabled], &.disabled {
+ cursor: default;
+ }
}
@mixin peertube-button {
text-align: center;
padding: 0 17px 0 13px;
cursor: pointer;
+ outline: 0;
}
@mixin peertube-button-link {
vertical-align: middle;
cursor: pointer;
}
+
+
+@mixin peertube-select ($width) {
+ background-color: #fff;
+ border: 1px solid #C6C6C6;
+ height: $button-height;
+ width: $width;
+ border-radius: 3px;
+ padding-left: 15px;
+}