fix #345
parent
24597159f8
commit
82d35449a0
|
@ -21,7 +21,6 @@
|
||||||
}
|
}
|
||||||
.watcher-single {
|
.watcher-single {
|
||||||
@include table-flex(center, center, flex, row, wrap, center);
|
@include table-flex(center, center, flex, row, wrap, center);
|
||||||
@include transition(background .3s linear);
|
|
||||||
background: transparent;
|
background: transparent;
|
||||||
border-bottom: 1px solid $gray-light;
|
border-bottom: 1px solid $gray-light;
|
||||||
padding: .5rem;
|
padding: .5rem;
|
||||||
|
|
|
@ -226,46 +226,6 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.watchers {
|
|
||||||
margin-top: 2rem;
|
|
||||||
.watchers-header {
|
|
||||||
border-bottom: 2px solid $gray-light;
|
|
||||||
padding: .5rem;
|
|
||||||
position: relative;
|
|
||||||
.title {
|
|
||||||
@extend %large;
|
|
||||||
@extend %title;
|
|
||||||
text-transform: uppercase;
|
|
||||||
}
|
|
||||||
.icon {
|
|
||||||
@extend %large;
|
|
||||||
position: absolute;
|
|
||||||
right: 1rem;
|
|
||||||
top: 4px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.watcher-single {
|
|
||||||
@include table-flex(center, center, flex, row, wrap, center);
|
|
||||||
@include transition(background .3s linear);
|
|
||||||
background: transparent;
|
|
||||||
border-bottom: 1px solid $gray-light;
|
|
||||||
padding: .5rem;
|
|
||||||
vertical-align: middle;
|
|
||||||
&:last-child {
|
|
||||||
border: 0;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.watcher-name {
|
|
||||||
@include table-flex-child(8, 0);
|
|
||||||
@extend %medium;
|
|
||||||
color: $grayer;
|
|
||||||
margin-left: 1rem;
|
|
||||||
}
|
|
||||||
.watcher-avatar {
|
|
||||||
@include table-flex-child(1, 0);
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
.us-detail-settings {
|
.us-detail-settings {
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
.button {
|
.button {
|
||||||
|
|
|
@ -319,10 +319,12 @@
|
||||||
position: relative;
|
position: relative;
|
||||||
&:hover,
|
&:hover,
|
||||||
&.active {
|
&.active {
|
||||||
@include transition(background .3s linear);
|
|
||||||
background: lighten($green-taiga, 55%);
|
background: lighten($green-taiga, 55%);
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
}
|
}
|
||||||
|
&:hover {
|
||||||
|
@include transition(background .3s linear);
|
||||||
|
}
|
||||||
&.active {
|
&.active {
|
||||||
.icon {
|
.icon {
|
||||||
opacity: 1;
|
opacity: 1;
|
||||||
|
|
Loading…
Reference in New Issue