Add details CSS to fold things
This commit is contained in:
parent
dc476402e1
commit
0c855cd165
28
css/partials/_details.scss
Normal file
28
css/partials/_details.scss
Normal 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;
|
||||
}
|
||||
}
|
@ -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 */
|
||||
|
@ -10,3 +10,4 @@
|
||||
@import 'partials/_figures.scss';
|
||||
@import 'partials/_tables.scss';
|
||||
@import 'partials/_video.scss';
|
||||
@import 'partials/_details.scss';
|
||||
|
Loading…
Reference in New Issue
Block a user