Fix CSS errors in linter

stable
Xavier Julián 2014-10-29 16:22:34 +01:00
parent 60317f7d20
commit 3087cb3cbe
5 changed files with 21 additions and 11 deletions

View File

@ -242,13 +242,13 @@
&:last-child { &:last-child {
margin: 0; margin: 0;
} }
&.clickable { }
.clickable {
&:hover { &:hover {
@include transition(background .2s ease-in); @include transition(background .2s ease-in);
background: darken($whitish, 10%); background: darken($whitish, 10%);
} }
} }
}
.level { .level {
display: inline-block; display: inline-block;
margin-right: .5rem; margin-right: .5rem;

View File

@ -11,7 +11,6 @@
a { a {
display: block; display: block;
padding: 1rem 0 1rem 1rem; padding: 1rem 0 1rem 1rem;
&.active,
&:hover { &:hover {
.icon { .icon {
@include transition (opacity .3s linear); @include transition (opacity .3s linear);
@ -19,6 +18,10 @@
} }
} }
} }
.active {
@include transition (opacity .3s linear);
opacity: 1;
}
.icon { .icon {
color: $blackish; color: $blackish;
float: right; float: right;

View File

@ -56,7 +56,7 @@
&:hover { &:hover {
@include transition(color .3s linear); @include transition(color .3s linear);
color: $green-taiga; color: $green-taiga;
&.icon-delete { .icon-delete {
color: $red; color: $red;
} }
} }

View File

@ -15,7 +15,6 @@
@extend %large; @extend %large;
@extend %title; @extend %title;
opacity: .4; opacity: .4;
&.active,
&:hover { &:hover {
@include transition (opacity .3s linear); @include transition (opacity .3s linear);
color: $blackish; color: $blackish;
@ -23,6 +22,11 @@
} }
} }
.active {
@include transition (opacity .3s linear);
color: $blackish;
opacity: 1;
}
.icon { .icon {
padding-right: .5rem; padding-right: .5rem;
} }

View File

@ -11,18 +11,21 @@
@extend %large; @extend %large;
@extend %title; @extend %title;
opacity: .2; opacity: .2;
&.active,
&:hover { &:hover {
@include transition (opacity .3s linear); @include transition (opacity .3s linear);
color: $blackish; color: $blackish;
opacity: 1; opacity: 1;
} }
} }
.active {
@include transition (opacity .3s linear);
color: $blackish;
opacity: 1;
}
.icon { .icon {
margin-right: .4rem; margin-right: .4rem;
} }
.name {
span.name {
padding-left: 5px; padding-left: 5px;
} }
} }