|
|
|
@ -293,24 +293,29 @@
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.focusable {
|
|
|
|
|
&:focus {
|
|
|
|
|
outline: 0;
|
|
|
|
|
background: lighten($ui-base-color, 4%);
|
|
|
|
|
|
|
|
|
|
&.status.status-direct {
|
|
|
|
|
background: lighten($ui-base-color, 12%);
|
|
|
|
|
@mixin focusable {
|
|
|
|
|
outline: 0;
|
|
|
|
|
background: lighten($ui-base-color, 4%);
|
|
|
|
|
|
|
|
|
|
&.muted {
|
|
|
|
|
background: transparent;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.status.status-direct {
|
|
|
|
|
background: lighten($ui-base-color, 12%);
|
|
|
|
|
|
|
|
|
|
.detailed-status,
|
|
|
|
|
.detailed-status__action-bar {
|
|
|
|
|
background: lighten($ui-base-color, 8%);
|
|
|
|
|
&.muted {
|
|
|
|
|
background: transparent;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.detailed-status,
|
|
|
|
|
.detailed-status__action-bar {
|
|
|
|
|
background: lighten($ui-base-color, 8%);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.focusable {
|
|
|
|
|
&:focus,
|
|
|
|
|
&:hover {
|
|
|
|
|
@include focusable;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.status {
|
|
|
|
|