aboutsummaryrefslogtreecommitdiff
path: root/docs/pkgdown.css
diff options
context:
space:
mode:
Diffstat (limited to 'docs/pkgdown.css')
-rw-r--r--docs/pkgdown.css50
1 files changed, 44 insertions, 6 deletions
diff --git a/docs/pkgdown.css b/docs/pkgdown.css
index 181fe63..6ca2f37 100644
--- a/docs/pkgdown.css
+++ b/docs/pkgdown.css
@@ -1,13 +1,32 @@
-/* Sticker footer */
+/* Sticky footer */
+
+/**
+ * Basic idea: https://philipwalton.github.io/solved-by-flexbox/demos/sticky-footer/
+ * Details: https://github.com/philipwalton/solved-by-flexbox/blob/master/assets/css/components/site.css
+ *
+ * .Site -> body > .container
+ * .Site-content -> body > .container .row
+ * .footer -> footer
+ *
+ * Key idea seems to be to ensure that .container and __all its parents__
+ * have height set to 100%
+ *
+ */
+
+html, body {
+ height: 100%;
+}
+
body > .container {
display: flex;
- padding-top: 60px;
- min-height: calc(100vh);
+ height: 100%;
flex-direction: column;
+
+ padding-top: 60px;
}
body > .container .row {
- flex: 1;
+ flex: 1 0 auto;
}
footer {
@@ -16,6 +35,7 @@ footer {
border-top: 1px solid #e5e5e5;
color: #666;
display: flex;
+ flex-shrink: 0;
}
footer p {
margin-bottom: 0;
@@ -38,6 +58,12 @@ img {
max-width: 100%;
}
+/* Typographic tweaking ---------------------------------*/
+
+.contents h1.page-header {
+ margin-top: calc(-60px + 1em);
+}
+
/* Section anchors ---------------------------------*/
a.anchor {
@@ -68,7 +94,7 @@ a.anchor {
.contents h1, .contents h2, .contents h3, .contents h4 {
padding-top: 60px;
- margin-top: -60px;
+ margin-top: -40px;
}
/* Static header placement on mobile devices */
@@ -108,7 +134,6 @@ a.anchor {
/* Reference index & topics ----------------------------------------------- */
.ref-index th {font-weight: normal;}
-.ref-index h2 {font-size: 20px;}
.ref-index td {vertical-align: top;}
.ref-index .alias {width: 40%;}
@@ -192,3 +217,16 @@ a.sourceLine:hover {
.hasCopyButton:hover button.btn-copy-ex {
visibility: visible;
}
+
+/* mark.js ----------------------------*/
+
+mark {
+ background-color: rgba(255, 255, 51, 0.5);
+ border-bottom: 2px solid rgba(255, 153, 51, 0.3);
+ padding: 1px;
+}
+
+/* vertical spacing after htmlwidgets */
+.html-widget {
+ margin-bottom: 10px;
+}

Contact - Imprint