tdehaeze/org-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add CSS for footnotes

Browse Source
This commit is contained in:
Thomas Dehaeze 2020-11-26 15:59:02 +01:00
parent 2c42d3127f
commit 845cb0d521
3 changed files with 31 additions and 82 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
scss/partials/_base.scss
View File

@ -23,7 +23,6 @@ body{
background:#fcfcfc; background:#fcfcfc;
height:100%; height:100%;
margin-left:300px; margin-left:300px;
/* margin:auto; */
max-width:1200px; max-width:1200px;
min-height:100%; min-height:100%;
padding:1.618em 3.236em; padding:1.618em 3.236em;
@ -32,7 +31,7 @@ body{
p { p {
font-size:16px; font-size:16px;
line-height:24px; line-height:24px;
margin:0px 0px 24px 0px; margin:0 0 1.5em 0;
} }
b,strong { b,strong {
@ -67,29 +66,20 @@ blockquote{
line-height:24px; line-height:24px;
margin:0px 0px 24px 0px; margin:0px 0px 24px 0px;
padding: 6px 20px; padding: 6px 20px;
p {
margin-bottom: 1em;
}
} }
// .rotate-90{ // Superscript
// -webkit-transform:rotate(90deg); sup{
// -moz-transform:rotate(90deg); font-size:0.5em;
// -ms-transform:rotate(90deg); line-height:0;
// -o-transform:rotate(90deg); position:relative;
// transform:rotate(90deg); vertical-align:baseline;
// } top:-0.5em;
// .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;
// }
ins{ ins{
background:#ff9; background:#ff9;
@ -288,34 +278,6 @@ span[id*='MathJax-Span']{
text-align:center; text-align:center;
} }
.footnum, .footref{
color: #2980b9;
font-size: 170%;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
}
.footnum:before, .footref:before{
content:"[";
}
.footnum:after, .footref:after{
content:"]";
}
.footpara {
color: #999;
font-size: 90%;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
padding-bottom: 8px;
padding-left: 16px;
padding-right: 16px;
padding-top: 8px;
line-height: 1.25em;
/* display: inline; */
}
.todo{ .todo{
background-color: #f29f97; background-color: #f29f97;
padding: 0px 4px; padding: 0px 4px;

32
scss/partials/_footnotes.scss
View File

@ -1,32 +1,21 @@
// Links to Footnotes // Links to Footnotes
sup{ sup{
font-size:0.5em; a.footref, a.footnum{
line-height:0;
position:relative;
vertical-align:baseline;
top:-0.5em;
}
.footnum, .footref{
color: #2980b9; color: #2980b9;
font-size: 170%; font-size: 12px;
font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif; font-family:"Lato","proxima-nova","Helvetica Neue",Arial,sans-serif;
}
.footnum:before, .footref:before{ &:before{ content:"["; }
content:"["; &:after{ content:"]"; }
}
.footnum:after, .footref:after{ &:visited {
content:"]"; color: #2980b9;
}
}
} }
// Footer // Footer
#footnotes{ #footnotes{
border-top:1px solid #e1e4e5;
padding-top: 36px;
// Individual Foot Div // Individual Foot Div
div.footdef { div.footdef {
display: flex; display: flex;
@ -55,8 +44,3 @@ sup{
} }
} }
} }
// Do not display the footnote Heading
h2.footnotes{
display:none;
}

3
scss/style.scss
View File

@ -1,6 +1,7 @@
@import 'partials/_reset.scss'; @import 'partials/_reset.scss';
@import 'partials/_base.scss'; @import 'partials/_base.scss';
@import 'partials/_headlines.scss';
@import 'partials/_nagivation.scss'; @import 'partials/_nagivation.scss';
@import 'partials/_toc.scss'; @import 'partials/_toc.scss';
@import 'partials/_copyright.scss'; @import 'partials/_copyright.scss';
@ -8,6 +9,8 @@
@import 'partials/_print.scss'; @import 'partials/_print.scss';
@import 'partials/_footnotes.scss'; @import 'partials/_footnotes.scss';
@import 'partials/_aside.scss';
@import 'partials/_bibliography.scss';
@import 'partials/_htmlize.scss'; @import 'partials/_htmlize.scss';
@import 'partials/_lists.scss'; @import 'partials/_lists.scss';
@import 'partials/_boxes.scss'; @import 'partials/_boxes.scss';