Style updates

1 files changed, 37 insertions, 17 deletions

diff --git a/static/css/main.css b/static/css/main.css
index ba43b2f..d65f3ab 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -9,12 +9,6 @@
   --codeColor: #51ef5b;

 }

 

-html,

-body {

-  height: 100%;

-  min-height: 100%;

-}

-

 body {

   position: relative;

   z-index: 10;

@@ -22,12 +16,14 @@ body {
   flex-direction: column;

   padding: 0;

   max-width: 960px;

+  min-height: 100vh;

   margin: auto;

   color: var(--textColor);

   background-color: var(--bgColor);

   font-family: "Mukta", sans-serif;

   font-weight: 300;

   font-size: 1.2em;

+  overflow-y: scroll;

 }

 

 code {

@@ -92,7 +88,15 @@ a {
 

 a:hover {

   color: var(--textColor);

-  text-decoration: underline;

+}

+

+.metadata-items::before {

+  content: "#";

+}

+

+svg {

+  width: 1em;

+  height: 1em;

 }

 

 blockquote {

@@ -121,17 +125,34 @@ tbody {
   justify-content: center;

   align-items: center;

   color: var(--primaryColor);

-}

-

-.hamburger-cross:hover {

-  color: var(--textColor);

   cursor: pointer;

 }

 

 .hamburger,

 .cross {

-  width: 40px;

-  height: 40px;

+  display: inline-flex;

+  border-radius: 50%;

+  position: absolute;

+  padding: 12px;

+}

+

+.hamburger:hover,

+.cross:hover,

+.social-icons:hover {

+  background-color: var(--bgLighter);

+}

+

+.sharing-icon > i {

+  display: inline-flex;

+  border-radius: 50%;

+  padding: 12px;

+  font-size: 1.2em;

+  margin: 0 5px;

+}

+

+.sharing-icon > i:hover {

+  background-color: var(--bgLighter);

+  color: var(--primaryColor);

 }

 

 .slide-menu {

@@ -150,6 +171,9 @@ tbody {
   justify-content: center;

   align-items: center;

 }

+.slide-menu > h1 {

+  font-size: 1.5em;

+}

 

 ul.pagination {

   display: flex;

@@ -202,10 +226,6 @@ li.page-item:nth-child(6) {
   text-decoration: underline;

 }

 

-.sharing-icon:hover {

-  color: white;

-}

-

 .next-link,

 .previous-link {

   padding: 3px;