From cbc60e91ef35ae6afe1e1d0f9779a2011d03f969 Mon Sep 17 00:00:00 2001 From: Thomas Dehaeze Date: Thu, 26 Nov 2020 10:59:38 +0100 Subject: [PATCH] Add lists partial --- scss/partials/_base.scss | 135 ++++++++---------------------------- scss/partials/_codes.scss | 19 +++++ scss/partials/_details.scss | 7 +- scss/partials/_lists.scss | 88 +++++++++++++++++++++++ scss/style.scss | 1 + 5 files changed, 140 insertions(+), 110 deletions(-) create mode 100644 scss/partials/_lists.scss diff --git a/scss/partials/_base.scss b/scss/partials/_base.scss index 4ff705e..9dc9d03 100644 --- a/scss/partials/_base.scss +++ b/scss/partials/_base.scss @@ -83,32 +83,12 @@ b,strong{ font-weight:bold; } -blockquote{ - background-color: #F0F0F0; - border-left:5px solid #CCCCCC; - font-style:italic; - line-height:24px; - margin:0px 0px 24px 0px; - padding: 6px 20px; +i{ + font-style: italic; } -ul,ol,dl{ - line-height:24px; - list-style-image:none; - margin:0px 0px 24px 0px; - padding:0; -} - -td{ - vertical-align:top; -} - -li{ - margin-left: 24px; -} - -dd{ - margin: 0; +.underline { + text-decoration: underline; } /* Inline Code */ @@ -124,93 +104,36 @@ code { white-space:nowrap; } -#content .section ul,#content .toctree-wrapper ul,article ul{ - list-style:disc; +blockquote{ + background-color: #F0F0F0; + border-left:5px solid #CCCCCC; + font-style:italic; line-height:24px; - margin-bottom:24px; + margin:0px 0px 24px 0px; + padding: 6px 20px; } -#content .section ul li,#content .toctree-wrapper ul li,article ul li{ - list-style:disc; - margin-left:24px; -} +// .rotate-90{ +// -webkit-transform:rotate(90deg); +// -moz-transform:rotate(90deg); +// -ms-transform:rotate(90deg); +// -o-transform:rotate(90deg); +// transform:rotate(90deg); +// } -#content .section ul li p:last-child,#content .toctree-wrapper ul li p:last-child,article ul li p:last-child{ - margin-bottom:0; -} +// .rotate-270{ +// -webkit-transform:rotate(270deg); +// -moz-transform:rotate(270deg); +// -ms-transform:rotate(270deg); +// -o-transform:rotate(270deg); +// transform:rotate(270deg); +// } -#content .section ul li ul,#content .toctree-wrapper ul li ul,article ul li ul{ - margin-bottom:0; -} - -#content .section ul li li,#content .toctree-wrapper ul li li,article ul li li{ - list-style:circle; -} - -#content .section ul li li li,#content .toctree-wrapper ul li li li,article ul li li li{ - list-style:square; -} - -#content .section ul li ol li,#content .toctree-wrapper ul li ol li,article ul li ol li{ - list-style:decimal; -} - -#content .section ol,#content ol,article ol{ - list-style:decimal; - line-height:24px; - margin-bottom:24px; -} - -#content .section ol li,#content ol li,article ol li{ - list-style:decimal; - margin-left:24px; -} - -#content .section ol li p:last-child,#content ol li p:last-child,article ol li p:last-child{ - margin-bottom:0; -} - -#content .section ol li ul,#content ol li ul,article ol li ul{ - margin-bottom:0; -} - -#content .section ol li ul li,#content ol li ul li,article ol li ul li{ - list-style:disc; -} - -dl dt{ - font-weight:bold; -} - -dl p,dl table,dl ul,dl ol{ - margin-bottom:12px !important; -} - -dl dd{ - margin:0 0 12px 24px; -} - -.rotate-90{ - -webkit-transform:rotate(90deg); - -moz-transform:rotate(90deg); - -ms-transform:rotate(90deg); - -o-transform:rotate(90deg); - transform:rotate(90deg); -} - -.rotate-270{ - -webkit-transform:rotate(270deg); - -moz-transform:rotate(270deg); - -ms-transform:rotate(270deg); - -o-transform:rotate(270deg); - transform:rotate(270deg); -} - -*{ - -webkit-box-sizing:border-box; - -moz-box-sizing:border-box; - box-sizing:border-box; -} +// *{ +// -webkit-box-sizing:border-box; +// -moz-box-sizing:border-box; +// box-sizing:border-box; +// } ins{ background:#ff9; diff --git a/scss/partials/_codes.scss b/scss/partials/_codes.scss index a87215c..ba2d629 100644 --- a/scss/partials/_codes.scss +++ b/scss/partials/_codes.scss @@ -1,5 +1,24 @@ .org-src-container { + position: relative; + overflow: visible; + + div.src-copy { + font-family:Consolas,"Andale Mono WT","Andale Mono","Lucida Console","Lucida Sans Typewriter","DejaVu Sans Mono","Bitstream Vera Sans Mono","Liberation Mono","Nimbus Mono L",Monaco,"Courier New",Courier,monospace; + font-size:10px; + line-height:1.5; + position: absolute; + color: #808080; + background-color: white; + top: -8px; + right: 10px; + padding: 0px 4px; + border: 1px solid #d0d0d0; + z-index: 10; + border-radius: 3px; + cursor: pointer; + } + > pre { margin-top: 1.5em; position: relative; diff --git a/scss/partials/_details.scss b/scss/partials/_details.scss index 1ae8273..0962c3b 100644 --- a/scss/partials/_details.scss +++ b/scss/partials/_details.scss @@ -1,28 +1,27 @@ 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; + padding-right: 0.5em; content: "Click to fold/unfold"; - padding-right: 0.5em; } } diff --git a/scss/partials/_lists.scss b/scss/partials/_lists.scss new file mode 100644 index 0000000..c6257fb --- /dev/null +++ b/scss/partials/_lists.scss @@ -0,0 +1,88 @@ +// Unordered List +ul { + list-style:disc; + line-height:24px; + margin-bottom:24px; + + li { + margin-left: 24px; + } +} + +// Ordered List +ol { + list-style:decimal; + line-height:24px; + margin-bottom:24px; + + li { + margin-left: 24px; + } +} + +// Description Lists +dl { + dt { + font-weight:bold; + vertical-align:top; + } + + dd { + margin:0 0 12px 24px; + } +} + + +// #content .section ul,#content .toctree-wrapper ul,article ul{ +// list-style:disc; +// line-height:24px; +// margin-bottom:24px; +// } + +// #content .section ul li,#content .toctree-wrapper ul li,article ul li{ +// list-style:disc; +// margin-left:24px; +// } + +// #content .section ul li p:last-child,#content .toctree-wrapper ul li p:last-child,article ul li p:last-child{ +// margin-bottom:0; +// } + +// #content .section ul li ul,#content .toctree-wrapper ul li ul,article ul li ul{ +// margin-bottom:0; +// } + +// #content .section ul li li,#content .toctree-wrapper ul li li,article ul li li{ +// list-style:circle; +// } + +// #content .section ul li li li,#content .toctree-wrapper ul li li li,article ul li li li{ +// list-style:square; +// } + +// #content .section ul li ol li,#content .toctree-wrapper ul li ol li,article ul li ol li{ +// list-style:decimal; +// } + +// #content .section ol,#content ol,article ol{ +// list-style:decimal; +// line-height:24px; +// margin-bottom:24px; +// } + +// #content .section ol li,#content ol li,article ol li{ +// list-style:decimal; +// margin-left:24px; +// } + +// #content .section ol li p:last-child,#content ol li p:last-child,article ol li p:last-child{ +// margin-bottom:0; +// } + +// #content .section ol li ul,#content ol li ul,article ol li ul{ +// margin-bottom:0; +// } + +// #content .section ol li ul li,#content ol li ul li,article ol li ul li{ +// list-style:disc; +// } diff --git a/scss/style.scss b/scss/style.scss index ea48805..2343b30 100644 --- a/scss/style.scss +++ b/scss/style.scss @@ -7,6 +7,7 @@ @import 'partials/_postamble.scss'; @import 'partials/_print.scss'; +@import 'partials/_lists.scss'; @import 'partials/_boxes.scss'; @import 'partials/_codes.scss'; @import 'partials/_figures.scss';