Add details CSS to fold things

This commit is contained in:
Thomas Dehaeze 2020-11-25 19:35:58 +01:00
parent dc476402e1
commit 0c855cd165
3 changed files with 54 additions and 0 deletions

View File

@ -0,0 +1,28 @@
details {
/* color: #2980B9; */
background: #fbfbfb;
border: 1px solid #c9c9c9;
border-radius: 3px;
padding: 0.25em;
margin-bottom: 1.0em;
pre.src {
border: 0;
background: none;
margin: 0;
}
pre.src-lisp::before { content: ""; }
}
summary {
outline: 0;
color: #c9c9c9;
&::after {
font-size: 0.85em;
color: #c9c9c9;
display: inline-block;
float: right;
content: "Click to fold/unfold";
padding-right: 0.5em;
}
}

View File

@ -1116,4 +1116,29 @@ iframe {
video {
max-width: 100%; }
details {
/* color: #2980B9; */
background: #fbfbfb;
border: 1px solid #c9c9c9;
border-radius: 3px;
padding: 0.25em;
margin-bottom: 1.0em; }
details pre.src {
border: 0;
background: none;
margin: 0; }
details pre.src-lisp::before {
content: ""; }
summary {
outline: 0;
color: #c9c9c9; }
summary::after {
font-size: 0.85em;
color: #c9c9c9;
display: inline-block;
float: right;
content: "Click to fold/unfold";
padding-right: 0.5em; }
/*# sourceMappingURL=style.css.map */

View File

@ -10,3 +10,4 @@
@import 'partials/_figures.scss';
@import 'partials/_tables.scss';
@import 'partials/_video.scss';
@import 'partials/_details.scss';