diff options
| author | Darshan Baral <darshanbaral@gmail.com> | 2020-04-17 01:09:52 +0300 |
|---|---|---|
| committer | Darshan Baral <darshanbaral@gmail.com> | 2020-04-17 01:09:52 +0300 |
| commit | 4624240e5474943a914938f6ce2043e58e99921e (patch) | |
| tree | 0cc265781919f87cfae3792e4ba53fdc32d949fa | |
| parent | fd69e1c46e7350d9932a12d2c2ea7de941b945fb (diff) | |
updated css for quotes, tables, and footnotes
| -rw-r--r-- | layouts/partials/footer.html | 2 | ||||
| -rw-r--r-- | static/css/main.css | 38 |
2 files changed, 32 insertions, 8 deletions
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html index a4724a0..657306f 100644 --- a/layouts/partials/footer.html +++ b/layouts/partials/footer.html @@ -1,4 +1,4 @@ -<footer style="display: flex; flex-direction: column;">
+<footer style="display: flex; flex-direction: column; margin-top: 0.5em;">
{{ if eq .Kind "page" }} {{ partial "prevnext.html" . }} {{ end }}
{{ if eq .Kind "section" }}
<div>
diff --git a/static/css/main.css b/static/css/main.css index f2cb4db..a0d46b2 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -1,6 +1,7 @@ :root {
--bgColor: #381460;
- --bgAltColor: #2b0f49;
+ --bgDarker: #2b0f49;
+ --bgLighter: #4a2d69;
--textColor: #ffbd69;
--primaryColor: #fe346e;
--primaryHoverColor: #fe346e;
@@ -19,7 +20,7 @@ body { z-index: 10;
display: flex;
flex-direction: column;
- padding: 10px;
+ padding: 0;
max-width: 960px;
margin: auto;
color: var(--textColor);
@@ -27,7 +28,6 @@ body { font-family: "Mukta", sans-serif;
font-weight: 300;
font-size: 1.2em;
- overflow-y: scroll;
}
code {
@@ -40,7 +40,7 @@ pre { border: solid 1px;
border-radius: 5px;
font-size: 0.85em;
- background-color: var(--bgAltColor) !important;
+ background-color: var(--bgDarker) !important;
overflow: auto;
}
@@ -65,7 +65,10 @@ main { h1,
h2,
-h3 {
+h3,
+h4,
+h5,
+h6 {
font-weight: 300;
line-height: 1.2em;
}
@@ -74,7 +77,7 @@ h1 { font-size: 2.2em;
}
-h1 {
+h2 {
font-size: 1.8em;
}
@@ -92,6 +95,27 @@ a:hover { text-decoration: underline;
}
+blockquote {
+ padding-left: 10px;
+ border-left: solid 5px var(--textColor);
+ background-color: var(--bgLighter);
+}
+
+.footnotes {
+ font-size: 0.8em;
+}
+
+table {
+ border-collapse: collapse;
+}
+thead {
+ border-top: solid 3px var(--textColor);
+ border-bottom: solid 1px var(--textColor);
+}
+tbody {
+ border-bottom: solid 2px var(--textColor);
+}
+
.hamburger-cross {
display: flex;
justify-content: center;
@@ -189,7 +213,7 @@ li.page-item:nth-child(6) { display: inline-block;
text-align: center;
min-width: 100px;
- margin-bottom: 1em;
+ margin-bottom: 1em;
}
.previous-link.active,
|