Markdown help SCSS refactor

stable
Xavier Julián 2014-11-27 13:42:03 +01:00
parent 7cc56aa719
commit bb5eaa8633
5 changed files with 22 additions and 51 deletions

View File

@ -0,0 +1,18 @@
a.help-markdown {
@extend %small;
color: $gray-light;
&:hover {
span {
@include transition(color .2s linear);
color: $grayer;
}
.icon {
@include transition(color .2s linear);
color: $fresh-taiga;
}
}
.icon {
color: $gray-light;
margin-right: .2rem;
}
}

View File

@ -216,24 +216,6 @@
right: 2.5rem;
top: .4rem;
}
.help-markdown {
@extend %small;
color: $gray-light;
&:hover {
span {
@include transition(color .2s linear);
color: $grayer;
}
.icon {
@include transition(color .2s linear);
color: $fresh-taiga;
}
}
.icon {
color: $gray-light;
margin-right: .2rem;
}
}
}
}

View File

@ -1,6 +1,5 @@
.wiki {
.remove,
.help-markdown {
.remove {
@extend %small;
color: $gray-light;
&:hover {
@ -10,6 +9,7 @@
}
.icon {
@include transition(color .2s linear);
color: $red;
}
}
.icon {
@ -17,20 +17,6 @@
margin-right: .2rem;
}
}
.remove {
&:hover {
.icon {
color: $red;
}
}
}
.help-markdown {
&:hover {
.icon {
color: $fresh-taiga;
}
}
}
}
.wiki-content {

View File

@ -85,28 +85,12 @@
}
textarea {
background: $white;
margin-bottom: .5rem;
height: 5rem;
margin-bottom: .5rem;
min-height: 41px;
}
.help-markdown {
@extend %small;
color: $gray-light;
opacity: 0;
&:hover {
span {
@include transition(color .2s linear);
color: $grayer;
}
.icon {
@include transition(color .2s linear);
color: $fresh-taiga;
}
}
.icon {
color: $gray-light;
margin-right: .2rem;
}
}
.save-comment {
color: $white;

View File

@ -54,6 +54,7 @@ exports.files = function () {
'components/help-notion-button',
'components/beta',
'components/markitup',
'components/markdown-help',
//#################################################