Merge pull request #24 from add2cal/dev

css update
add2cal · Sep 1, 2022 · d52bcbf · d52bcbf
2 parents 705a9be + 3c3b0be
commit d52bcbf
Show file tree

Hide file tree

Showing 3 changed files with 53 additions and 28 deletions.
diff --git a/demo_assets/css/demopage.css b/demo_assets/css/demopage.css
@@ -262,12 +262,30 @@ body.atcb-dark a:hover {
   color: var(--primary-color-light);
 }
 
+
+
+#tiny-version {
+  color: var(--text-secondary);
+  font-size: 0.9em;
+  margin-top: 30px;
+}
+
+#legal {
+  color: var(--text-secondary);
+  font-size: 0.8em;
+}
+
+#legal a {
+  color: var(--text-secondary);
+}
+
+/******************************
+ * Logos
+ */
+
 a.github,
 a.github:focus,
-a.github:active,
-body.atcb-dark a.github,
-body.atcb-dark a.github:focus,
-body.atcb-dark a.github:active {
+a.github:active {
   background: #f5f5f5;
   border-radius: 71% 29% 70% 30% / 50% 66% 34% 50%;
   box-shadow: 0.5px 0.2px 3.4px -14px rgb(0 0 0 / 10%), 1px 0.4px 9.5px -14px rgb(0 0 0 / 14%), 1.8px 0.7px 22.9px -14px rgb(0 0 0 / 18%), 5px 2px 76px -14px rgb(0 0 0 / 27%);
@@ -277,15 +295,24 @@ body.atcb-dark a.github:active {
   user-select: none;
 }
 
-a.github:hover,
-body.atcb-dark a.github:hover {
+a.github:hover {
   background: linear-gradient(45deg, var(--secondary-color), var(--secondary-color-light));
   border-radius: 67% 33% 66% 33% / 45% 70% 30% 56%;
   box-shadow: 0.5px 0.2px 6.2px -4px rgb(0 0 0 / 13%), 1px 0.4px 17.2px -4px rgb(0 0 0 / 18%), 1.8px 0.7px 41.3px -4px rgb(0 0 0 / 35%), 5px 2px 137px -4px rgb(0 0 0 / 36%);
   color: #fff;
   cursor: pointer;
 }
 
+body.atcb-dark a.github,
+body.atcb-dark a.github:focus,
+body.atcb-dark a.github:active {
+  color: var(--github);
+}
+
+body.atcb-dark a.github:hover {
+  color: #fff;
+}
+
 a.github svg {
   fill: var(--github);
 }
@@ -294,40 +321,38 @@ a.github:hover svg {
   fill: #fff;
 }
 
-#tiny-version {
-  color: var(--text-secondary);
-  font-size: 0.9em;
-  margin-top: 30px;
+#logo svg {
+  height: auto;
+  width: 100%;
 }
 
-#legal {
-  color: var(--text-secondary);
-  font-size: 0.8em;
+#header a.github svg {
+  fill: var(--primary-color-dark);
 }
 
-#legal a {
-  color: var(--text-secondary);
+#header a.github:hover svg {
+  fill: #fff;
 }
 
-/******************************
- * Logo
- */
+#header a.github,
+#header a.github:focus,
+#header a.github:active {
+  color: var(--primary-color-dark);
+}
+
+#header a.github:hover {
+  color: #fff;
+}
 
 #logo {
   display: block;
   width: 400px;
-  padding: 40px 0;
-}
-
-#logo svg {
-  height: auto;
-  width: 100%;
+  padding: 30px 0;
 }
 
 @media (max-width: 991px) {
   #logo {
-    height: 177px;
-    width: 299px;
+    width: 300px;
     padding: 0;
     margin: auto;
   }