MInor styles refactor for header edit button
parent
77f9fce1ba
commit
5c5ad3c1fc
|
@ -57,13 +57,21 @@
|
||||||
display: flex;
|
display: flex;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
max-width: 94%;
|
max-width: 94%;
|
||||||
.save-container {
|
&:hover {
|
||||||
&.loading span {
|
.save {
|
||||||
@include animation (loading .5s linear);
|
@include transition(opacity .3s linear);
|
||||||
@include animation (spin 1s linear infinite);
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
//.save-container {
|
||||||
|
// &.loading {
|
||||||
|
// span {
|
||||||
|
// @include animation (loading .5s linear);
|
||||||
|
// @include animation (spin 1s linear infinite);
|
||||||
|
// }
|
||||||
|
// }
|
||||||
|
//}
|
||||||
.us-number {
|
.us-number {
|
||||||
@extend %xlarge;
|
@extend %xlarge;
|
||||||
@extend %title;
|
@extend %title;
|
||||||
|
@ -79,6 +87,12 @@
|
||||||
line-height: 2.2rem;
|
line-height: 2.2rem;
|
||||||
padding-right: 1rem;
|
padding-right: 1rem;
|
||||||
}
|
}
|
||||||
|
.save {
|
||||||
|
@extend %large;
|
||||||
|
color: $gray-light;
|
||||||
|
margin-left: .5rem;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
.us-related-task {
|
.us-related-task {
|
||||||
@extend %small;
|
@extend %small;
|
||||||
color: $gray-light;
|
color: $gray-light;
|
||||||
|
|
Loading…
Reference in New Issue