add shared styles

markedjs · Aug 12, 2023 · d5096be · d5096be
1 parent 7b58600
commit d5096be
Show file tree

Hide file tree

Showing 5 changed files with 28 additions and 54 deletions.
diff --git a/docs/_document.html b/docs/_document.html
@@ -4,6 +4,7 @@
     <meta charset="utf-8"/>
     <title><!--{{title}}-->Marked Documentation</title>
     <link rel="stylesheet" href="/css/style.css" type="text/css" />
+    <link rel="stylesheet" href="/css/shared.css" type="text/css" />
     <link rel="stylesheet" href="/css/hljs-github.css" type="text/css" />
 </head>
 <body>

diff --git a/docs/css/shared.css b/docs/css/shared.css
@@ -0,0 +1,26 @@
+.github-corner {
+	position: absolute;
+	top: 0;
+	border: 0;
+	right: 0;
+}
+
+.github-corner:hover .octo-arm {
+	animation:octocat-wave 560ms ease-in-out;
+}
+
+@keyframes octocat-wave {
+	0%,100%{transform:rotate(0)}
+	20%,60%{transform:rotate(-25deg)}
+	40%,80%{transform:rotate(10deg)}
+}
+
+@media (max-width:500px) {
+	.github-corner:hover .octo-arm {
+			animation:none
+	}
+
+	.github-corner .octo-arm {
+			animation:octocat-wave 560ms ease-in-out;
+	}
+}
diff --git a/docs/css/style.css b/docs/css/style.css
@@ -186,30 +186,3 @@ pre code {
 .div-copy.click .tooltip-copy::after {
     opacity: 1;
 }
-
-.github-corner {
-	position: absolute;
-	top: 0;
-	border: 0;
-	right: 0;
-}
-
-.github-corner:hover .octo-arm {
-	animation:octocat-wave 560ms ease-in-out;
-}
-
-@keyframes octocat-wave {
-	0%,100%{transform:rotate(0)}
-	20%,60%{transform:rotate(-25deg)}
-	40%,80%{transform:rotate(10deg)}
-}
-
-@media (max-width:500px) {
-	.github-corner:hover .octo-arm {
-			animation:none
-	}
-
-	.github-corner .octo-arm {
-			animation:octocat-wave 560ms ease-in-out;
-	}
-}
diff --git a/docs/demo/demo.css b/docs/demo/demo.css
@@ -78,30 +78,3 @@ header h1 {
 #responseTime {
     display: inline-block;
 }
-
-.github-corner {
-	position: absolute;
-	top: 0;
-	border: 0;
-	right: 0;
-}
-
-.github-corner:hover .octo-arm {
-	animation:octocat-wave 560ms ease-in-out;
-}
-
-@keyframes octocat-wave {
-	0%,100%{transform:rotate(0)}
-	20%,60%{transform:rotate(-25deg)}
-	40%,80%{transform:rotate(10deg)}
-}
-
-@media (max-width:500px) {
-	.github-corner:hover .octo-arm {
-			animation:none
-	}
-
-	.github-corner .octo-arm {
-			animation:octocat-wave 560ms ease-in-out;
-	}
-}
diff --git a/docs/demo/index.html b/docs/demo/index.html
@@ -4,6 +4,7 @@
   <head>
     <title>Marked Demo</title>
     <link rel="stylesheet" href="./demo.css" type="text/css" />
+    <link rel="stylesheet" href="../css/shared.css" type="text/css" />
   </head>
 
   <body>