Markdown help SCSS refactor
parent
7cc56aa719
commit
bb5eaa8633
|
@ -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;
|
||||||
|
}
|
||||||
|
}
|
|
@ -216,24 +216,6 @@
|
||||||
right: 2.5rem;
|
right: 2.5rem;
|
||||||
top: .4rem;
|
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;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -1,6 +1,5 @@
|
||||||
.wiki {
|
.wiki {
|
||||||
.remove,
|
.remove {
|
||||||
.help-markdown {
|
|
||||||
@extend %small;
|
@extend %small;
|
||||||
color: $gray-light;
|
color: $gray-light;
|
||||||
&:hover {
|
&:hover {
|
||||||
|
@ -10,6 +9,7 @@
|
||||||
}
|
}
|
||||||
.icon {
|
.icon {
|
||||||
@include transition(color .2s linear);
|
@include transition(color .2s linear);
|
||||||
|
color: $red;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.icon {
|
.icon {
|
||||||
|
@ -17,20 +17,6 @@
|
||||||
margin-right: .2rem;
|
margin-right: .2rem;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.remove {
|
|
||||||
&:hover {
|
|
||||||
.icon {
|
|
||||||
color: $red;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
.help-markdown {
|
|
||||||
&:hover {
|
|
||||||
.icon {
|
|
||||||
color: $fresh-taiga;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.wiki-content {
|
.wiki-content {
|
||||||
|
|
|
@ -85,28 +85,12 @@
|
||||||
}
|
}
|
||||||
textarea {
|
textarea {
|
||||||
background: $white;
|
background: $white;
|
||||||
margin-bottom: .5rem;
|
|
||||||
height: 5rem;
|
height: 5rem;
|
||||||
|
margin-bottom: .5rem;
|
||||||
min-height: 41px;
|
min-height: 41px;
|
||||||
}
|
}
|
||||||
.help-markdown {
|
.help-markdown {
|
||||||
@extend %small;
|
|
||||||
color: $gray-light;
|
|
||||||
opacity: 0;
|
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 {
|
.save-comment {
|
||||||
color: $white;
|
color: $white;
|
||||||
|
|
|
@ -54,6 +54,7 @@ exports.files = function () {
|
||||||
'components/help-notion-button',
|
'components/help-notion-button',
|
||||||
'components/beta',
|
'components/beta',
|
||||||
'components/markitup',
|
'components/markitup',
|
||||||
|
'components/markdown-help',
|
||||||
|
|
||||||
|
|
||||||
//#################################################
|
//#################################################
|
||||||
|
|
Loading…
Reference in New Issue