setting:折りたたみ

自作

こんな感じのを作った

カーソル、マウスオーバーで現れる

code:style.css

.deco-\+{

vartical-align: top;

background-color: none;

border-radius: 0.3em;

padding: 0.0em 0.15em;

}

.deco-\+:hover , .cursor-line .deco-\+{

background-color: lightgrey;

}

font-size: 0.9em;

color: transparent;

display: inline-block;

vertical-align: middle;

visibility: hidden;

position: absolute;

max-width: 0;

}

transition-property: color, max-width, visibility;

transition-duration: 1.2s,1.9s,1.9s;

transition-timing-function: ease-out;

transition-delay: 0.3s,0.1s,0.0s;

visibility: visible;

color: black;

position: static;

width: auto;

max-width: 300px;

}

color: white !important;　

font-size: 2em;

}

.deco-\+::before {

font-family: 'FontAwesome';

color: lightgrey;

text-decoration: none !important;

content: '\f0fe';

display: inline-block;

}

.deco-\+:hover::before, .cursor-line .deco-\+::before {

content: '\f146 \ ';

color: white;

}